inter-file backpack

house-of-abbey · Nov 1, 2022 · bcd299f · bcd299f
1 parent 37bd55d
commit bcd299f
Show file tree

Hide file tree

Showing 6 changed files with 95 additions and 3 deletions.
diff --git a/scratch-vhdl-vscode/.vscodeignore b/scratch-vhdl-vscode/.vscodeignore
@@ -11,5 +11,6 @@ vsc-extension-quickstart.md
 **/@types/**
 node_modules/**
 !node_modules/blockly/blockly.min.js
+!node_modules/@blockly/workspace-backpack/dist/index.js
 things_to_try.txt
 .eslintignore
diff --git a/scratch-vhdl-vscode/media/main.js b/scratch-vhdl-vscode/media/main.js
@@ -83,6 +83,41 @@ document.addEventListener('DOMContentLoaded', function () {
         });
         return new Promise((resolve) => requests[rid++] = resolve);
     };
+    window.addEventListener("message", (message) => message.data.type == "getState" && requests[message.data.id](message.data.value));
+    const getState = (key, a) => {
+        vscode.postMessage({
+            type: "getState",
+            key,
+            a,
+            id: rid
+        });
+        return new Promise((resolve) => requests[rid++] = resolve);
+    };
+    window.addEventListener("message", (message) => message.data.type == "setState" && requests[message.data.id]());
+    const setState = (key, value) => {
+        vscode.postMessage({
+            type: "setState",
+            key,
+            value,
+            id: rid
+        });
+        return new Promise((resolve) => requests[rid++] = resolve);
+    };
+
+    //#region storage_backpack
+    class StorageBackpack extends Backpack {
+        open() {
+            if (!this.isOpenable_()) {
+                return;
+            }
+            getState("bp_contents", []).then((d) => (this.contents_ = d, super.open()));
+        }
+        onContentChange_() {
+            super.onContentChange_();
+            setState("bp_contents", this.contents_)
+        }
+    }
+    //#endregion
 
     const builtinLibs = {};
 
@@ -1036,6 +1071,9 @@ document.addEventListener('DOMContentLoaded', function () {
         renderer: "zelos"
     });
 
+    const bp = new StorageBackpack(ws);
+    bp.init();
+
     let entity = {};
     let libraries = {};
     let signals = {};

diff --git a/scratch-vhdl-vscode/package-lock.json b/scratch-vhdl-vscode/package-lock.json
diff --git a/scratch-vhdl-vscode/package.json b/scratch-vhdl-vscode/package.json
@@ -75,6 +75,7 @@
         "typescript": "^4.8.4"
     },
     "dependencies": {
+        "@blockly/workspace-backpack": "^3.0.2",
         "blockly": "^9.0.0"
     }
 }
diff --git a/scratch-vhdl-vscode/src/scratchVHDLEditor.ts b/scratch-vhdl-vscode/src/scratchVHDLEditor.ts
@@ -430,6 +430,17 @@ export class ScratchVHDLEditorProvider
             vscode.Uri.joinPath(this._context.extensionUri, 'media', 'main.js')
         );
 
+        const scriptBlocklyBackpackUri = webview.asWebviewUri(
+            vscode.Uri.joinPath(
+                this._context.extensionUri,
+                'node_modules',
+                '@blockly',
+                'workspace-backpack',
+                'dist',
+                'index.js'
+            )
+        );
+
         const scriptBlocklyUri = webview.asWebviewUri(
             vscode.Uri.joinPath(
                 this._context.extensionUri,
@@ -477,6 +488,7 @@ export class ScratchVHDLEditorProvider
                     <div id="root"></div>
 
                     <script src="${scriptBlocklyUri}"></script>
+                    <script src="${scriptBlocklyBackpackUri}"></script>
                     <script src="${scriptUri}"></script>
                 </body>
 			</html>`;
@@ -633,6 +645,29 @@ export class ScratchVHDLEditorProvider
                     });
                 return;
             }
+
+            case 'setState':
+                this._context.globalState.setKeysForSync([message.key]);
+                this._context.globalState
+                    .update(message.key, message.value)
+                    .then(() =>
+                        panel.webview.postMessage({
+                            type: 'setState',
+                            id: message.id,
+                        })
+                    );
+                return;
+
+            case 'getState':
+                panel.webview.postMessage({
+                    type: 'getState',
+                    id: message.id,
+                    value: this._context.globalState.get<any>(
+                        message.key,
+                        message.a
+                    ),
+                });
+                return;
         }
     }
 }

diff --git a/scratch-vhdl-vscode/things_to_try.txt b/scratch-vhdl-vscode/things_to_try.txt
@@ -1,4 +1,3 @@
-https://google.github.io/blockly-samples/examples/backpack-demo/
 https://google.github.io/blockly-samples/plugins/typed-variable-modal/test/
 https://google.github.io/blockly-samples/plugins/strict-connection-checker/test/
 https://google.github.io/blockly-samples/plugins/block-dynamic-connection/test/