feat: supabase, ssr and mobile ux

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@repo/eslint-config/library.js']
+}

.github/lighthouse/budget.json

@@ -0,0 +1,27 @@
+[
+  {
+    "path": "/*",
+    "timings": [
+      {
+        "metric": "interactive",
+        "budget": 3000
+      },
+      {
+        "metric": "first-contentful-paint",
+        "budget": 1800
+      }
+    ],
+    "resourceSizes": [
+      {
+        "resourceType": "script",
+        "budget": 100
+      }
+    ],
+    "resourceCounts": [
+      {
+        "resourceType": "third-party",
+        "budget": 4
+      }
+    ]
+  }
+]

.github/workflows/lighthouse.yml

@@ -0,0 +1,85 @@
+name: Vercel Preview URL Lighthouse Audit
+
+on:
+  pull_request
+
+jobs:
+  generate_lighthouse_audit:
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      # - name: Add comment to PR
+      #   id: loading_comment_to_pr
+      #   uses: marocchino/[email protected]
+      #   with:
+      #     GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      #     number: ${{ github.event.issue.number }}
+      #     header: lighthouse
+      #     message: |
+      #       Running Lighthouse audit...
+      - name: Wait for 2 minutes
+        run: sleep 120
+      - name: Capture Vercel preview URL
+        id: vercel_preview_url
+        uses: zentered/[email protected]
+        env:
+          VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+        with:
+          vercel_project_id: prj_k5bYwz7n5hAUFdrWE986D91RiMbW
+          vercel_team_id: team_7PAgeqjbXkY6qdxNIEKLbVSC
+      - name: Get URL
+        run: echo "https://${{ steps.vercel_preview_url.outputs.preview_url }}"
+      - uses: actions/checkout@v4
+      - name: Audit preview URL with Lighthouse
+        id: lighthouse_audit
+        uses: treosh/[email protected]
+        with:
+          urls: |
+            "https://${{ steps.vercel_preview_url.outputs.preview_url }}"
+            "https://${{ steps.vercel_preview_url.outputs.preview_url }}/b/moneybot"
+            "https://${{ steps.vercel_preview_url.outputs.preview_url }}/u/slug-1"
+            "https://${{ steps.vercel_preview_url.outputs.preview_url }}/p"
+            "https://${{ steps.vercel_preview_url.outputs.preview_url }}/health"
+            "https://${{ steps.vercel_preview_url.outputs.preview_url }}/health/a8103808-14a3-48ed-aa5a-9e490cfdcf0e"
+          # budgetPath: '.github/lighthouse/budget.json'
+          uploadArtifacts: true
+          temporaryPublicStorage: true
+      - name: Format lighthouse score
+        id: format_lighthouse_score
+        uses: actions/[email protected]
+        with:
+          github-token: ${{secrets.GITHUB_TOKEN}}
+          script: |
+            const manifest = ${{ steps.lighthouse_audit.outputs.manifest }};
+            const links = ${{ steps.lighthouse_audit.outputs.links }};
+
+            const formatResult = (res) => Math.round((res * 100));
+            const score = res => res >= 90 ? '🟢' : res >= 50 ? '🟠' : '🔴';
+
+            let comment = '⚡️ Lighthouse report\n'
+
+            manifest.forEach(result => {
+              const pageLink = result.url;
+              comment += `\nPage: ${pageLink}\n`;
+              comment += `Report ${links[pageLink]}\n`;
+              comment += '| Category | Score |\n';
+              comment += '| --- | --- |\n';
+
+              Object.keys(result.summary).forEach(key => result.summary[key] = formatResult(result.summary[key]));
+              comment += `| ${score(result.summary.performance)} Performance | ${result.summary.performance} |\n`;
+              comment += `| ${score(result.summary.accessibility)} Accessibility | ${result.summary.accessibility} |\n`;
+              comment += `| ${score(result.summary['best-practices'])} Best practices | ${result.summary['best-practices']} |\n`;
+              comment += `| ${score(result.summary.seo)} SEO | ${result.summary.seo} |\n`;
+              comment += `| ${score(result.summary.pwa)} PWA | ${result.summary.pwa} |\n`; 
+            });
+
+            core.setOutput("comment", comment);
+      - name: Add comment to PR
+        id: comment_to_pr
+        uses: marocchino/[email protected]
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          number: ${{ github.event.issue.number }}
+          header: lighthouse
+          message: |
+            ${{ steps.format_lighthouse_score.outputs.comment }}

.github/workflows/lint.yml

@@ -0,0 +1,18 @@
+name: Lint
+
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+
+jobs:
+  eslint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v1
+
+      # run any `bun` or `bunx` command
+      - run: bun install
+      - run: bun run lint

.gitignore

@@ -3,6 +3,11 @@
 node_modules
 .turbo
 .DS_Store
+<<<<<<< HEAD
+__dev
+.vercel
+=======
 _dev
 .vercel
-__dev
+__dev
+>>>>>>> develop

.nvmrc

@@ -0,0 +1 @@
+v20.11.0

README.md

@@ -2,28 +2,28 @@
 
 **MasterBots is a UX-focused open-source chatbot aggregator platform and alternative to ChatGPT.**
 
-**Problem #1: ChatGPT spaghetti threads are hard to organize and most users are not skilled at prompting.  The recent custom GPTs may solve some of these problems.**
+**Problem #1: ChatGPT spaghetti threads are hard to organize and most users are not skilled at prompting. The recent custom GPTs may solve some of these problems.**
 
 Solution: However, MasterBots is organized by categories & domain-expert bots that will be prompt-tuned and fine-tuned to give better experiences from the beginning.
 
-**Problem #2: ChatGPT and LLMs are focused on inference.  Inference is slow and costly.**  
-Re-using generations is far more efficient. 
+**Problem #2: ChatGPT and LLMs are focused on inference. Inference is slow and costly.**  
+Re-using generations is far more efficient.
 
-Solution: MasterBots will make all user generations public so people who want answers can browse for answers rather than ‘chat’ and chat requests can be routed via lexical search to existing generations before using an LLM. (Note: In the future private generations will be an option using blackbox inference and to prevent any one company from amassing user data. Generations will either be public for all or private.)  Users will also have an option to Share GPT4 thread links to MasterBots to be shared publicly. 
+Solution: MasterBots will make all user generations public so people who want answers can browse for answers rather than ‘chat’ and chat requests can be routed via lexical search to existing generations before using an LLM. (Note: In the future private generations will be an option using blackbox inference and to prevent any one company from amassing user data. Generations will either be public for all or private.) Users will also have an option to Share GPT4 thread links to MasterBots to be shared publicly.
 
 **Problem #3: ChatGPT & GPT4 are expensive and slow.**
 
-Solution: Fine-tuned open-source small models can be cheap and fast.  Zepher/Mistral with only 7B parameters is competitive with GPT3.5.  The future is thousands of small fine-tuned expert models, not one model to do everything. 
+Solution: Fine-tuned open-source small models can be cheap and fast. Zepher/Mistral with only 7B parameters is competitive with GPT3.5. The future is thousands of small fine-tuned expert models, not one model to do everything.
 
-**Problem #4: ChatGPT UX is basic.**  
+**Problem #4: ChatGPT UX is basic.**
 
-Solution:  We plan to improve UX by organizing based 1) on category & domain-expertise 2) easy response customizations on tone/length/type/complexity 3)  make responses clickable to facilitate further questions 4) continually focus on easy prompting UX.
+Solution: We plan to improve UX by organizing based 1) on category & domain-expertise 2) easy response customizations on tone/length/type/complexity 3) make responses clickable to facilitate further questions 4) continually focus on easy prompting UX.
 
-MasterBots is open-source.  We are building in public!  
+MasterBots is open-source. We are building in public!  
 Contributors will earn platform credits that can be sold for cash.
 (Credits may get more valuable over time)
 
-Here is our public Trello board: 
+Here is our public Trello board:
 https://trello.com/b/GDCm18zN/masterbots-chatbot-aggregator-development-board
 
 ## Requirements
@@ -42,7 +42,7 @@ In root folder, create an .env file based of .env_sample and the use `task` to e
 - **reboot**: Shuts down and then restarts the services.
 - **seed**: Applies seed data to the Hasura project.
 - **console**: Launches the Hasura console for the specified project.
-- **migrate**: Applies database migrations and updates Hasura metadata. 
+- **migrate**: Applies database migrations and updates Hasura metadata.
 - **reload**: Restarts the Postgres service, then all services, and tails the Hasura logs.
 - **up**: Starts all services defined in the Docker Compose file with a build.
 - **down**: Shuts down all services and removes any orphaned containers.
@@ -53,8 +53,6 @@ In apps/masterbots.ai folder (set up .env file - see .env_sample):
 
 ```
 bun install
-turbo run dev --scope="masterbots.ai" 
+turbo run dev --scope="masterbots.ai"
 # task app will execute the same command
 ```
-
-

Taskfile.yml

@@ -44,7 +44,7 @@ tasks:
   reload:
     cmds:
       - task down
-      - docker-compose up -d postgres
+      - docker-compose up -d database
       - sleep 5
       - docker-compose up -d --build
       - docker-compose logs -f hasura

apps/hasura/seeds/masterbots/1704998063146_user.sql

@@ -1,6 +1,93 @@
+
 SET check_function_bodies = false;
-INSERT INTO public."user" (username, email, password, date_joined, last_login, profile_picture, user_id) VALUES ('merivercap', '[email protected]', '123456masterbots', '2023-10-31 03:15:18.467907+00', '2023-10-31 03:15:18.467907+00', NULL, 'dee09b2d-b1ad-4ef7-b475-4bf7703dce12');
-INSERT INTO public."user" (username, email, password, date_joined, last_login, profile_picture, user_id) VALUES ('DefaultUser123', '[email protected]', 'defaultPassword', '2023-11-04 04:58:18.582273+00', '2023-11-04 04:58:18.582273+00', NULL, '9e252762-a8d7-414b-9d32-600f9634f432');
-INSERT INTO public."user" (username, email, password, date_joined, last_login, profile_picture, user_id) VALUES ('Gabo_Esquivel', '[email protected]', 'AOd4WsV', '2023-12-28 22:14:13.495312+00', '2023-12-28 22:14:13.495312+00', 'https://lh3.googleusercontent.com/a/ACg8ocJqnV8XOuvXRQSFvUmFhgjlso4KU7gPdH0xcNvuEwcCJ0A=s96-c', '5d160c32-3826-4410-acfe-a1dd54dae80f');
-INSERT INTO public."user" (username, email, password, date_joined, last_login, profile_picture, user_id) VALUES ('Andler_Romero', '[email protected]', 'fhmQvA3', '2024-01-02 16:45:48.786861+00', '2024-01-02 16:45:48.786861+00', 'https://lh3.googleusercontent.com/a/ACg8ocKFNtwlqAJ6rfK8juToX485tvUnN7B3V6192o8hDmlq=s96-c', '8df8d8fb-c392-4454-8370-33eca4df7b65');
-INSERT INTO public."user" (username, email, password, date_joined, last_login, profile_picture, user_id) VALUES ('Kevin_Wolf', '[email protected]', 'MFD4PTF', '2024-01-03 15:38:32.192958+00', '2024-01-03 15:38:32.192958+00', 'https://lh3.googleusercontent.com/a/ACg8ocJNUaa1Cer9laGTbczugo_QOeOSJoFvW-MFMI8y2n2YTA=s96-c', '1154b621-56d1-4183-b521-b7cc3997d745');
+
+
+INSERT INTO public."user" (username,
+                           email,
+                           password,
+                           date_joined,
+                           last_login,
+                           profile_picture,
+                           user_id,
+                           slug)
+VALUES ('merivercap',
+        '[email protected]',
+        '123456masterbots',
+        '2023-10-31 03:15:18.467907+00',
+        '2023-10-31 03:15:18.467907+00',
+        NULL,
+        'dee09b2d-b1ad-4ef7-b475-4bf7703dce12',
+        'slug-1');
+
+
+INSERT INTO public."user" (username,
+                           email,
+                           password,
+                           date_joined,
+                           last_login,
+                           profile_picture,
+                           user_id,
+                           slug)
+VALUES ('DefaultUser123',
+        '[email protected]',
+        'defaultPassword',
+        '2023-11-04 04:58:18.582273+00',
+        '2023-11-04 04:58:18.582273+00',
+        NULL,
+        '9e252762-a8d7-414b-9d32-600f9634f432',
+        'slug-2');
+
+
+INSERT INTO public."user" (username,
+                           email,
+                           password,
+                           date_joined,
+                           last_login,
+                           profile_picture,
+                           user_id,
+                           slug)
+VALUES ('Gabo_Esquivel',
+        '[email protected]',
+        'AOd4WsV',
+        '2023-12-28 22:14:13.495312+00',
+        '2023-12-28 22:14:13.495312+00',
+        'https://lh3.googleusercontent.com/a/ACg8ocJqnV8XOuvXRQSFvUmFhgjlso4KU7gPdH0xcNvuEwcCJ0A=s96-c',
+        '5d160c32-3826-4410-acfe-a1dd54dae80f',
+        'slug-3');
+
+
+INSERT INTO public."user" (username,
+                           email,
+                           password,
+                           date_joined,
+                           last_login,
+                           profile_picture,
+                           user_id,
+                           slug)
+VALUES ('Andler_Romero',
+        '[email protected]',
+        'fhmQvA3',
+        '2024-01-02 16:45:48.786861+00',
+        '2024-01-02 16:45:48.786861+00',
+        'https://lh3.googleusercontent.com/a/ACg8ocKFNtwlqAJ6rfK8juToX485tvUnN7B3V6192o8hDmlq=s96-c',
+        '8df8d8fb-c392-4454-8370-33eca4df7b65',
+        'slug-4');
+
+
+INSERT INTO public."user" (username,
+                           email,
+                           password,
+                           date_joined,
+                           last_login,
+                           profile_picture,
+                           user_id,
+                           slug)
+VALUES ('Kevin_Wolf',
+        '[email protected]',
+        'MFD4PTF',
+        '2024-01-03 15:38:32.192958+00',
+        '2024-01-03 15:38:32.192958+00',
+        'https://lh3.googleusercontent.com/a/ACg8ocJNUaa1Cer9laGTbczugo_QOeOSJoFvW-MFMI8y2n2YTA=s96-c',
+        '1154b621-56d1-4183-b521-b7cc3997d745',
+        'slug-5');
+

apps/masterbots.ai/.env.example

@@ -7,4 +7,7 @@ OPENAI_API_KEY=XXXXXXXX
 GOOGLE_CLIENT_ID=XXXXXXXX
 GOOGLE_CLIENT_SECRET=XXXXXXXX
 
-NEXT_PUBLIC_APP_ENV='test'
+DUB_API_KEY=
+
+HASURA_GRAPHQL_ADMIN_SECRET=
+HASURA_GRAPHQL_JWT_SECRET='{"type":"HS256", "key":"xx"}'

apps/masterbots.ai/.env.local

@@ -0,0 +1,18 @@
+
+DEBUG=false
+
+NEXT_PUBLIC_APP_ENV=test
+
+# Support OAuth login on preview deployments, see: https://authjs.dev/guides/basics/deployment#securing-a-preview-deployment
+# Set the following only when deployed. In this example, we can reuse the same OAuth app, but if you are storing users, we recommend using a different OAuth app for development/production so that you don't mix your test and production user base.
+# AUTH_REDIRECT_PROXY_URL=https://YOURAPP.vercel.app/api/auth
+
+# https://hasura.io/learn/graphql/hasura-authentication/integrations/nextjs-auth/
+NEXTAUTH_URL=http://localhost:3000
+AUTH_SECRET=bb755cba466058b2e6a195541468e84c
+
+JWT_TOKEN_EXPIRATION=2630016
+
+NEXT_PUBLIC_SUPABASE_URL=https://ipgwcdekxoxsjojvzrre.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImlwZ3djZGVreG94c2pvanZ6cnJlIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTIyNzE3NjgsImV4cCI6MjAyNzg0Nzc2OH0.d3iRMKIaHPd-pKckO_uRYKdndGDUSWm2RtEJkEV-sDE
+

apps/masterbots.ai/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@repo/eslint-config/next.js']
+}