数据自动写入 URL

Author: Linho1219

src/editor/import.vue

@@ -33,25 +33,26 @@ import SIconImport from "@/ui/icons/import.vue";
 import { useProfile } from "@/consts";
 const profile = useProfile();
 
-import { onMounted, ref } from "vue";
+import { ref } from "vue";
 import JSON5 from "json5";
 import base64 from "base-64";
 import utf8 from "utf8";
 import type { FunctionPlotDatum } from "function-plot";
 import { toInternalDatum } from "@/consts";
-onMounted(() => {
-  const rawCode = window.location.search.match(/\?code=(.+)$/)?.[1];
-  if (rawCode)
-    try {
-      const code = utf8.decode(base64.decode(decodeURIComponent(rawCode)));
-      const data = toInternalDatum(
-        (JSON5.parse(code).data as FunctionPlotDatum[]) ?? []
-      );
-      profile.data = toInternalDatum(<FunctionPlotDatum[]>data);
-      console.log(code);
-      console.log(data);
-    } catch (e) {}
-});
+
+const rawCode = window?.location.search.match(/\?code=(.+)$/)?.[1];
+if (rawCode)
+  try {
+    const code = utf8.decode(base64.decode(decodeURIComponent(rawCode)));
+    const data = toInternalDatum(
+      (JSON5.parse(code).data as FunctionPlotDatum[]) ?? []
+    );
+    profile.data = toInternalDatum(<FunctionPlotDatum[]>data);
+    console.log(code);
+    console.log(data);
+  } catch (e) {
+    if (e instanceof Error) console.error(e);
+  }
 
 const importStr = ref("");
 import { Snackbar } from "sober";

src/editor/output.vue

@@ -32,6 +32,9 @@ const { t } = useI18n();
 import SIconCopy from "@/ui/icons/copy.vue";
 
 import JSON5 from "json5";
+import base64 from "base-64";
+import utf8 from "utf8";
+
 import prettier from "prettier/standalone";
 import prettierPluginBabel from "prettier/plugins/babel";
 import prettierPluginEstree from "prettier/plugins/estree";
@@ -43,8 +46,14 @@ const formatted = ref("");
 watch(
   profile,
   () => {
+    const code = JSON5.stringify({ data: profile.getOriginalCopy(true) });
+    const url =
+      window.location.href.match(/https?:\/\/[^/]+\//) +
+      "?code=" +
+      encodeURIComponent(base64.encode(utf8.encode(code)).replace(/=+$/, ""));
+    window.history.replaceState(null, "", url);
     prettier
-      .format(JSON5.stringify({ data: profile.getOriginalCopy(true) }), {
+      .format(code, {
         parser: "json5",
         printWidth: 40,
         plugins: [prettierPluginBabel, prettierPluginEstree],