Updates to dev UI (#629)

* Updates to the dev ui * completion is not working... * WIP - completion mode is a b... * Update InputCodeSnippets.vue * Remove unused files * Update completion.ts * Make TS happy * Update node to 20 * Update completion.ts * More fixes * Update package.json * Use a custom style for scrollbars * Update main.css * Update ChatPrompt.vue * Create build-devmode.yaml * Update build-devmode.yaml * oops * Update main.css * Address PR reviews * Moar TS fixes
jozu-ai · Dec 4, 2024 · dd5c8d3 · dd5c8d3
1 parent 0f3356c
commit dd5c8d3
Show file tree

Hide file tree

Showing 27 changed files with 2,155 additions and 1,530 deletions.
diff --git a/.github/workflows/build-devmode.yaml b/.github/workflows/build-devmode.yaml
@@ -0,0 +1,57 @@
+name: Build the dev mode UI
+
+on:
+  # Runs on pushes targeting the `main` branch, and only for the `frontend/dev-mode/**` path.
+  pull_request:
+    paths:
+      - 'frontend/dev-mode/**'
+
+  # Allows us to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+env:
+  PNPM_CACHE_STORE_PATH: ""
+
+jobs:
+  build-ui:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+
+      ## install build dependencies for frontend generation
+      - name: Install Node.js
+        uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4.1.0
+        with:
+          node-version-file: './frontend/dev-mode/.nvmrc'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
+        with:
+          version: 8
+          package_json_file: frontend/dev-mode/package.json
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "PNPM_CACHE_STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.PNPM_CACHE_STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: |
+          cd ./frontend/dev-mode
+          pnpm install
+
+      - name: Run the build
+        run: |
+          cd ./frontend/dev-mode
+          pnpm build
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -104,7 +104,7 @@ export default defineConfig({
         text: 'Kitfile',
         items: [
           { text: 'Overview', link: '/docs/kitfile/kf-overview' },
-          { text: 'Format', link: '/docs/kitfile/format' },
+          { text: 'Format', link: '/docs/kitfile/format' }
         ]
       },
       {

diff --git a/frontend/dev-mode/.nvmrc b/frontend/dev-mode/.nvmrc
@@ -1 +1 @@
-v18.15.0
+v20.14.0
diff --git a/frontend/dev-mode/index.html b/frontend/dev-mode/index.html
@@ -22,5 +22,7 @@
   <body class="bg-night text-off-white">
     <div id="app" class="flex flex-col min-h-screen"></div>
     <script type="module" src="/src/main.ts"></script>
+
+    <div id="modals"></div>
   </body>
 </html>
diff --git a/frontend/dev-mode/package.json b/frontend/dev-mode/package.json
@@ -12,6 +12,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
+    "@speed-highlight/core": "^1.2.6",
     "@vueuse/components": "^10.9.0",
     "just-use-native-fetch": "^1.0.0",
     "markdown-it": "^14.1.0",
@@ -20,24 +21,24 @@
   },
   "devDependencies": {
     "@iconify-json/ri": "^1.1.20",
-    "@rushstack/eslint-patch": "^1.3.3",
-    "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.28",
+    "@rushstack/eslint-patch": "^1.10.1",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.12.7",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/tsconfig": "^0.5.1",
     "@vueuse/core": "^10.9.0",
     "autoprefixer": "^10.4.19",
-    "eslint": "^8.49.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.24.1",
     "npm-run-all2": "^6.1.2",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.3",
-    "typescript": "~5.4.0",
-    "unplugin-icons": "^0.16.5",
-    "vite": "^5.1.6",
-    "vue-tsc": "^2.0.6"
-  },
-  "packageManager": "[email protected]"
-}
+    "typescript": "~5.4.4",
+    "unplugin-icons": "^0.16.6",
+    "vite": "^5.2.8",
+    "vite-plugin-dynamic-import": "^1.6.0",
+    "vue-tsc": "^2.0.12"
+  }
+}