use defined hashParams

Author: dionjwa

editor/package-lock.json

@@ -25,10 +25,10 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@fontsource-variable/jetbrains-mono": "^5.1.1",
-    "@metapages/hash-query": "^0.8.4",
+    "@metapages/hash-query": "^0.9.8",
     "@metapages/metaframe-chakra-theme": "^0.0.4",
-    "@metapages/metapage": "^1.4.4",
-    "@metapages/metapage-react": "^0.2.0",
+    "@metapages/metapage": "^1.8.18",
+    "@metapages/metapage-react": "^0.2.5",
     "@phosphor-icons/react": "^2.1.7",
     "@react-typed-hooks/use-key-press": "^1.0.5",
     "debounce": "^2.2.0",

editor/package.json

@@ -9,29 +9,29 @@ import {
   useHashParamBase64,
   useHashParamJson,
 } from "@metapages/hash-query/react-hooks";
-import { MetaframeDefinitionV1 } from "@metapages/metapage";
+import { MetaframeDefinitionV2 } from "@metapages/metapage";
 
 export const useMetaframeUrl = () => {
   const [url, setUrl] = useState<string>();
   const [code] = useHashParamBase64("md");
   const [config] = useHashParamJson<ConfigOptions>("c");
-  const [metaframeDef] = useHashParamJson<MetaframeDefinitionV1>("definition");
+  const [metaframeDef] = useHashParamJson<MetaframeDefinitionV2>("definition");
   const [modules] = useHashParamJson<string[]>("modules");
 
   // update the url
   useEffect(() => {
-    let href = window.location.href;
+    let url = new URL(window.location.href);
     if (metaframeDef) {
-      href = setHashParamValueJsonInUrl(href, "definition", metaframeDef);
+      url = setHashParamValueJsonInUrl(url, "definition", metaframeDef);
     }
     if (modules) {
-      href = setHashParamValueJsonInUrl(href, "modules", modules);
+      url = setHashParamValueJsonInUrl(url, "modules", modules);
     }
     if (config) {
-      href = setHashParamValueJsonInUrl(href, "c", config);
+      url = setHashParamValueJsonInUrl(url, "c", config);
     }
 
-    const url = new URL(href);
+    
 
     // I am not sure about this anymore
     url.pathname = "";

editor/src/hooks/useMetaframeUrl.ts

@@ -204,8 +204,8 @@
         setHashParamInWindow,
         getHashParamValueBase64DecodedFromWindow,
         stringFromBase64String
-      } from "https://cdn.jsdelivr.net/npm/@metapages/hash-query@0.8.4";
-      import {Metapage, Metaframe, isIframe} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.4.4";
+      } from "https://cdn.jsdelivr.net/npm/@metapages/hash-query@0.9.8";
+      import {Metapage, Metaframe, isIframe} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.8.18";
       import Mermaid from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm';
       import {MermaidPlugIn} from './markdown-plugins/mermaid/index.js';
       import SingleScreenPlugin from './markdown-plugins/single-screen/index.js';

worker/index.html

@@ -6,39 +6,20 @@ import {
 } from "https://deno.land/x/[email protected]/mod.ts";
 import staticFiles from "https://deno.land/x/[email protected]/mod.ts";
 import {
-  MetaframeDefinitionV1,
+  MetaframeDefinitionV2,
   MetaframeVersionCurrent,
-} from "https://esm.sh/@metapages/metapage@1.1.0";
+} from "https://esm.sh/@metapages/metapage@1.8.18";
 
 const port: number = parseInt(Deno.env.get("PORT") || "3000");
 
-const DEFAULT_METAFRAME_DEFINITION: MetaframeDefinitionV1 = {
+const DEFAULT_METAFRAME_DEFINITION: MetaframeDefinitionV2 = {
   version: MetaframeVersionCurrent,
   metadata: {
     name: "Markdown renderer",
-    // operations: {
-    //   edit: {
-    //     type: "url",
-    //     url: "https://js.mtfm.io/#?edit=1",
-    //     params: [
-    //       {
-    //         from: "js",
-    //         to: "js",
-    //       },
-    //       {
-    //         from: "modules",
-    //         to: "modules",
-    //       },
-    //       {
-    //         from: "c",
-    //         to: "c",
-    //       },
-    //     ],
-    //   },
-    // },
   },
   inputs: {},
   outputs: {},
+  hashParams: ["edit", "md", "bgColor", "editorWidth", "minimalheader", "hm", "modules", "definition", "options"]
 };
 
 const DEFAULT_METAFRAME_DEFINITION_STRING = JSON.stringify(