Add webview to setup granite

Signed-off-by: Fred Bricon <fbricon@gmail.com>

.github/workflows/build.yaml

@@ -21,26 +21,22 @@ jobs:
       # Checkout code
       - uses: actions/checkout@v4
 
-      # Set up pnpm
-      - uses: pnpm/action-setup@v4
-
       # Set up Node
       - name: Use Node 20
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'pnpm'
 
       # Run install dependencies
       - name: Install dependencies
-        run: pnpm install
+        run: npm run install:ci
 
       # Build extension
       - name: Run build
-        run: pnpm package
+        run: npm package
 
       # Run tests
       - name: Run Test
         uses: coactions/setup-xvfb@b6b4fcfb9f5a895edadc3bc76318fae0ac17c8b3 #v1.0.1
         with:
-          run: pnpm test
+          run: npm test

.gitignore

@@ -1,5 +1,10 @@
 out
-dist
 node_modules
+.DS_Store
+dist
+dist-ssr
+build
+build-ssr
+*.local
 .vscode-test/
 *.vsix

.vscode/launch.json

@@ -5,13 +5,6 @@
 {
 	"version": "0.2.0",
 	"configurations": [
-		{
-			"type": "java",
-			"name": "index",
-			"request": "launch",
-			"mainClass": "index",
-			"projectName": "index.java"
-		},
 		{
 			"name": "Run Extension",
 			"type": "extensionHost",

.vscode/tasks.json

@@ -7,7 +7,8 @@
             "label": "watch",
             "dependsOn": [
                 "npm: watch:tsc",
-                "npm: watch:esbuild"
+                "npm: watch:esbuild",
+                "npm: watch:webviews"
             ],
             "presentation": {
                 "reveal": "never"
@@ -40,6 +41,41 @@
                 "group": "watch",
                 "reveal": "never"
             }
+        },
+        {
+            "type": "npm",
+            "script": "watch:webviews",
+            "group": "build",
+            "isBackground": true,
+            "label": "npm: watch:webviews",
+            "presentation": {
+                "group": "watch",
+                "reveal": "never"
+            },
+            "problemMatcher": {
+                "applyTo": "allDocuments",
+                "fileLocation":[
+                    "relative",
+                    "${workspaceFolder}"
+                ],
+                "pattern":[
+                    {
+                        "regexp": "^([^\\\\s].*)\\\\((\\\\d+,\\\\d+)\\\\):\\\\s*(.*)$",
+                        "file": 1,
+                        "location": 2,
+                        "message": 3
+                    }
+                ],
+                "background": {
+                    "activeOnStart": true,
+                    "beginsPattern":{
+                        "regexp": "watching for file changes"
+                    },
+                    "endsPattern":{
+                        "regexp": "build started"
+                    }
+                }
+            },
         },
 		{
 			"type": "npm",

.vscodeignore

@@ -1,14 +1,34 @@
+# This file contains all the files/directories that should
+# be ignored (i.e. not included) in the final packaged extension.
+
+# Ignore extension configs
 .vscode/**
+
+# Ignore test files
 .vscode-test/**
-out/**
-node_modules/**
+out/test/**
+.vscode-test.mjs
+
+# Ignore source code
 src/**
-.gitignore
+
+# Ignore all webview-ui files except the build directory
+webviews/src/**
+webviews/public/**
+webviews/scripts/**
+webviews/index.html
+webviews/README.md
+webviews/package.json
+webviews/package-lock.json
+webviews/node_modules/**
+
+# Ignore Misc
 .yarnrc
-esbuild.js
 vsc-extension-quickstart.md
+**/.gitignore
 **/tsconfig.json
+**/vite.config.ts
 **/.eslintrc.json
 **/*.map
 **/*.ts
-**/.vscode-test.*
+esbuild.js