Merge pull request #20 from lowdefy/test-one

chore: adjusted project structure and added README

.gitignore

@@ -0,0 +1,9 @@
+.DS_Store
+**/.lowdefy/**
+**/.serverless/**
+**/.env
+**/node_modules/**
+**/dist/**
+!lowdefy/.lowdefy/cli.json
+**/coverage/**
+/auth0/globalConfig.json

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Lowdefy
+Copyright (c) 2024 Lowdefy
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -0,0 +1,46 @@
+# 🪪 Lowdefy Business Card Example
+
+This Lowdefy example demonstrates a digital business card application integrating LinkedIn authentication and MongoDB for data storage. It utilizes the Auth.js LinkedIn provider and the MongoDB community plugin adapter for authentication, along with a custom plugin for QR code generation.
+
+The user interface is designed to efficiently present personal and professional details, akin to a traditional business card, but in a digital format.
+
+### 🗝️ Setting Up LinkedIn Authentication
+
+To use this example, you'll first need to configure a LinkedIn application for authentication. Detailed instructions can be found:
+
+- [Auth.js LinkedIn Provider Setup](https://next-auth.js.org/providers/linkedin)
+- [LinkedIn Developer Portal](https://www.linkedin.com/developers/apps/)
+
+## ⚙️ Running this example
+
+- Create a MongoDB cluster and get a URI connection string:
+  - Create a free MongoDB database cluster hosted by [MongoDB Atlas](https://www.mongodb.com/try).
+  - In the main cluster view, click "connect", then "Connect you application". This will give a MongoDB URI connection string. Use the credentials you just created.
+  - You can read more about the [Lowdefy MongoDB connector](https://docs.lowdefy.com/MongoDB).
+- Set up your Linkedin app.
+- Clone this repository.
+- Create a `.env` file in your project folder and set the following environment variables:
+
+  ```.env
+  LOWDEFY_SECRET_MONGODB_URI = <MongoDB URI>
+  LOWDEFY_SECRET_LINKEDIN_CLIENT_ID = <Linkedin API Key>
+  LOWDEFY_SECRET_LINKEDIN_CLIENT_SECRET = <Linkedin Secret Key>
+
+  NEXTAUTH_SECRET = <Random auth signing secret>
+  NEXTAUTH_URL = http://localhost:3000
+  ```
+
+- In the command console, navigate to your project folder and run the Lowdefy CLI: `pnpx lowdefy@4 dev`.
+
+## 🔗 More Lowdefy resources
+
+- Getting started with Lowdefy - https://docs.lowdefy.com/tutorial-start
+- Lowdefy docs - https://docs.lowdefy.com
+- Lowdefy website - https://lowdefy.com
+- Community forum - https://github.com/lowdefy/lowdefy/discussions
+- Bug reports and feature requests - https://github.com/lowdefy/lowdefy/issues
+- Discord - https://discord.gg/WmcJgXt
+
+## ⚖️ Licence
+
+[MIT](https://github.com/lowdefy/lowdefy-example-business-card/blob/main/LICENSE)

app/lowdefy.yaml

@@ -1,18 +1,13 @@
-lowdefy: 4.0.0-alpha.23
+lowdefy: 4.0.1
 
 config:
   homePageId: home
-  theme:
-    lessVariables:
-      '@primary-color': '#438ef7'
-      '@border-radius-base': 6px
-      '@border-radius-sm': 4px
-      '@border-color-base': '#69c0ff'
-      'border-width-base': 2px
 
 plugins:
   - name: '@lowdefy/plugin-business-cards'
-    version: 'file:./plugins/plugin-business-cards'
+    version: 'workspace:*'
+  - name: '@lowdefy/community-plugin-mongodb'
+    version: '1.4.1'
 
 auth:
   theme:
@@ -23,7 +18,7 @@ auth:
     profile: user.profile
   adapter:
     id: mdb_adapter
-    type: MongoDBAdapter
+    type: MultiAppMongoDBAdapter
     properties:
       databaseUri:
         _secret: MONGODB_URI
@@ -35,6 +30,10 @@ auth:
           _secret: LINKEDIN_CLIENT_ID
         clientSecret:
           _secret: LINKEDIN_CLIENT_SECRET
+        # authorization:
+        #   params:
+        #     scope: r_liteprofile
+
   pages:
     public:
       - profile

app/pages/home/home.yaml

@@ -14,7 +14,7 @@ _ref:
                 - '6px solid '
                 - _if_none:
                     - _var:
-                        name: color
+                        key: color
                         default:
                           _user: profile.color
                     - '#438ef7'

app/pages/profile/components/profile_display.yaml

@@ -20,7 +20,7 @@ blocks:
             - '6px solid '
             - _if_none:
                 - _var:
-                    name: color
+                    key: color
                     default:
                       _request: fetch_profile.0.color
                 - '#438ef7'