⭐ AI Component: Instagram gallery

.vscode/hejny.code-snippets

@@ -1,24 +1,16 @@
 {
-    "test": {
-        "scope": "typescript",
-        "prefix": "Test boilerplate",
-        "description": "Test",
-        "body": [
-            "  describe('how $1 works', () => {",
-            "      it('should $1$1__', () => {",
-            "          const $2 = new $1();",
-            "",
-            "          expect($2.$1).toEqual('$1')",
-            "      });",
-            "  });"
-        ]
-    },
     "iife": {
         "scope": "javascript,javascriptreact,typescript,typescriptreact",
         "prefix": "Immediately Invoked Function Expression",
         "description": "Immediately Invoked Function Expression",
         "body": ["((async ()=>{/*Do some stuff*/})())"]
     },
+    "catch": {
+        "scope": "javascript,javascriptreact,typescript,typescriptreact",
+        "prefix": "Catch error instanceof Error",
+        "description": "Immediately Invoked Function Expression",
+        "body": ["if (!(error instanceof Error)) {", "    throw error;", "}"]
+    },
     "eslint-disable": {
         "scope": "typescript,typescriptreact",
         "prefix": "Disable ES Lint",
@@ -30,5 +22,41 @@
         "prefix": "CSS testing outline",
         "description": "For draw the outline",
         "body": ["/**/", "outline: 1px dotted red; /**/"]
+    },
+    "test": {
+        "scope": "typescript",
+        "prefix": "AI+TDD",
+        "description": "Test+Implementation ready to AI development",
+        "body": [
+            "import { describe, expect, it } from '@jest/globals';",
+            "import spaceTrim from 'spacetrim';",
+            "",
+            "describe('how $1 works', () => {",
+            "    it('should work with foo', () => {",
+            "        expect(",
+            "            $1(",
+            "                spaceTrim(`",
+            "                    Foo",
+            "                `),",
+            "            ),",
+            "        ).toBe(true);",
+            "    });",
+            "",
+            "    it('should NOT work with bar', () => {",
+            "        expect(",
+            "            $1(",
+            "                spaceTrim(`",
+            "                    bar",
+            "                `),",
+            "            ),",
+            "        ).toBe(false);",
+            "    });",
+            "});",
+            "",
+            "function $1(value: string): boolean {",
+            "    return value === 'Foo';",
+            "}",
+            ""
+        ]
     }
 }

.vscode/terminals.json

@@ -4,11 +4,16 @@
         {
             "name": "👨🏽‍💻 Develop",
             "command": "npm run dev",
-            "focus": true
+            "focus": false
+        },
+        {
+            "name": "👨🏽‍💻 Run promptbook server",
+            "commands": ["ts-node ./promptbook-server/server.ts"],
+            "focus": false
         },
         {
             "name": "🌎 Expose",
-            "command": "npx lt --port 4444 --subdomain wizard",
+            "command": "npx lt --port 4444 --subdomain webgpt",
             "onlySingle": true,
             "focus": true
         },
@@ -20,6 +25,7 @@
         {
             "name": "🩹 Lint fix",
             "command": "npm run lint -- --fix",
+            "onlySingle": true,
             "execute": false
         },
         {
@@ -143,26 +149,25 @@
             "focus": true
         },
         {
-            "name": "🧸 Playground",
-            "commands": ["ts-node ./scripts/playground/playground.ts"],
+            "name": "🌍 SSH pavolhejny.com",
+            "command": "ssh root@138.68.100.38",
             "onlySingle": true,
             "focus": true
         },
         {
-            "name": "👊 Kill all 4444",
-            "commands": ["npx kill-port 4444 "],
+            "name": "🧸 Playground",
+            "commands": ["ts-node ./scripts/playground/playground.ts"],
             "onlySingle": true,
             "focus": true
         },
         {
-            "name": "⏫ Trigger Build",
-            "commands": ["git commit --allow-empty -m \"⏫ Trigger Build\"", "git push"],
+            "name": "👊 Kill all 4444",
+            "commands": ["npx kill-port 4444 "],
             "onlySingle": true,
             "focus": true
         },
-
         {
-            "name": "👨🏽‍💻 Clean dev cache + Force reinstall of node modules",
+            "name": "🔓👨🏽‍💻 Clean dev cache + Force reinstall of node modules",
             "commands": [
                 "npx kill-port 4444",
                 "rm -rf .next",
@@ -174,6 +179,12 @@
             "onlySingle": true,
             "focus": true
         },
+        {
+            "name": "🔓👨🏽‍💻 Delete git lock",
+            "commands": ["rm -f .git/index.lock"],
+            "onlySingle": true,
+            "focus": true
+        },
         {
             "name": "👨🏽‍💻 Clean dev cache",
             "commands": ["npx kill-port 4444", "rm -rf .next"],
@@ -208,6 +219,12 @@
             "onlySingle": true,
             "focus": true
         },
+        {
+            "name": "🔼 Trigger deployment",
+            "commands": ["git commit --allow-empty -m \"🔼 Trigger deployment\"", "git push"],
+            "onlySingle": true,
+            "focus": true
+        },
         {
             "name": "🔼👑 Release major version",
             "command": "npm version major",

CNAME

@@ -1 +1 @@
-1-2i.com
+webgpt.cz

README.md

@@ -1,3 +1,8 @@
-# ⏣ AI web maker
+# ⏣ WebGPT
 
-https://1-2i.com/
+An AI-powered tool for web design
+https://webgpt.cz/
+
+> Do you want to make a web <br/> Or **have a web**?
+
+![WebGPT](./other/screencasts/screencast-fiabciakcmgepblmdkmemdbbkilneeeh-2023.10.26-21_46_17.gif)

config.ts

@@ -12,19 +12,23 @@ import { isUrlOnPrivateNetwork } from './src/utils/validators/isUrlOnPrivateNetw
 import { validateUuid } from './src/utils/validators/validateUuid';
 
 export const APP_VERSION = packageJson.version;
-export const APP_NAME = packageJson.name;
+export const APP_NAME = 'WebGPT';
 
 const config = ConfigChecker.from({
     ...process.env,
 
     // Note: To expose env variables to the browser, using this seemingly strange syntax:
     //       @see https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables#exposing-environment-variables-to-the-browser
     NEXT_PUBLIC_URL: process.env.NEXT_PUBLIC_URL,
+    NEXT_PUBLIC_PROMPTBOOK_SERVER_URL: process.env.NEXT_PUBLIC_PROMPTBOOK_SERVER_URL,
+    NEXT_PUBLIC_OUR_DOMAINS: process.env.NEXT_PUBLIC_OUR_DOMAINS,
     NEXT_PUBLIC_SUPABASE_URL: process.env.NEXT_PUBLIC_SUPABASE_URL,
     NEXT_PUBLIC_SUPABASE_ANON_KEY: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY,
 });
 
 export const NEXT_PUBLIC_URL = config.get('NEXT_PUBLIC_URL').url().required().value;
+export const NEXT_PUBLIC_PROMPTBOOK_SERVER_URL = config.get('NEXT_PUBLIC_PROMPTBOOK_SERVER_URL').url().required().value;
+
 export const IS_DEVELOPMENT =
     isUrlOnPrivateNetwork(
         NEXT_PUBLIC_URL,
@@ -41,6 +45,8 @@ if (isRunningInBrowser()) {
 
 export const NEXT_PUBLIC_DEBUG = config.get('NEXT_PUBLIC_DEBUG').boolean().value;
 
+export const NEXT_PUBLIC_OUR_DOMAINS = config.get('NEXT_PUBLIC_OUR_DOMAINS').list().required().value;
+
 /**
  * The speed of the animations
  * It is useful for recording videos
@@ -989,7 +995,13 @@ export const CDN = (CDN_BUCKET &&
         accessKeyId: CDN_ACCESS_KEY_ID!,
         secretAccessKey: CDN_SECRET_ACCESS_KEY!,
         cdnPublicUrl: CDN_PUBLIC_URL!,
-        gzip: false /* <- TODO: Maybe just remove this functionality from 1-2i repository */,
+        gzip: false /* <- TODO: Maybe just remove this functionality from WebGPT repository */,
     })) as DigitalOceanSpaces;
 
 export const MIDJOURNEY_WHOLE_GALLERY_PATH = 'X:/Mythings/MidJourney';
+
+export const PUBLISH_TO_GITHUB_ORGANIZATION = config.get(
+    'PUBLISH_TO_GITHUB_ORGANIZATION',
+    `@see https://github.com/settings/tokens`,
+).value;
+export const GITHUB_TOKEN = config.get('GITHUB_TOKEN', `@see https://github.com/settings/tokens`).value;

cypress/e2e/pageLoad.cy.ts

@@ -7,7 +7,7 @@ context('localhost', () => {
 
     describe('Visiting the page', () => {
         it('should be able to see the heading', () => {
-            cy.contains(/Aiai/i);
+            cy.contains(/WebGPT/i);
         });
     });
 });