feat: json editor

innoai-tech · Aug 7, 2024 · 4cf5364 · 4cf5364
1 parent ccc4d7a
commit 4cf5364
Show file tree

Hide file tree

Showing 55 changed files with 2,315 additions and 568 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/nodedevpkg/vue-vite-presets/src/chunkCleanup.ts b/nodedevpkg/vue-vite-presets/src/chunkCleanup.ts
@@ -13,14 +13,14 @@ export const chunkCleanup = (
       exclude?: string[];
       include?: string[];
     };
-  } = {}
+  } = {},
 ): Plugin => {
   const isJSOrLike = createFilter([
     /\.vue$/,
     /\.mdx$/,
     /\.tsx?$/,
     /\.mjs$/,
-    /\.jsx?$/
+    /\.jsx?$/,
   ]);
 
   return {
@@ -50,13 +50,13 @@ export const chunkCleanup = (
       const result = await transform(code, {
         filename: id,
         env: opt.env ?? { targets: "defaults" },
-        minify: false
+        minify: false,
       });
 
       return (
         result.code && {
           code: result.code,
-          map: result.map || null
+          map: result.map || null,
         }
       );
     },
@@ -65,11 +65,9 @@ export const chunkCleanup = (
       return (
         await transform(code, {
           minify: opt.minify ?? false,
-          plugins: [
-            usePlugin({})
-          ]
+          plugins: [usePlugin({})],
         })
       ).code;
-    }
+    },
   };
 };
diff --git a/nodedevpkg/vue-vite-presets/src/mdx/index.tsx b/nodedevpkg/vue-vite-presets/src/mdx/index.tsx
@@ -43,31 +43,31 @@ export const mdx = (): PluginOption => {
               const rawCode = children[0].value;
 
               const exportName = `CodeBlock${getHash(
-                `${metadata["filename"] ?? pos}`
+                `${metadata["filename"] ?? pos}`,
               )}`;
 
               const id = vc.store(`${mdxFile}~${exportName}.tsx`, rawCode);
 
               additionalImports.set(mdxFile, {
                 ...(additionalImports.get(mdxFile) ?? {}),
-                [id]: exportName
+                [id]: exportName,
               });
 
               tree.children[pos] = h(
                 "div",
                 {
-                  "data-example": ""
+                  "data-example": "",
                 },
                 [
                   h(
                     "div",
                     {
-                      "data-example-container": ""
+                      "data-example-container": "",
                     },
-                    h(exportName)
+                    h(exportName),
                   ),
-                  pre
-                ]
+                  pre,
+                ],
               );
             }
           }
@@ -80,7 +80,7 @@ export const mdx = (): PluginOption => {
     include: [/\.mdx?$/],
     jsxRuntime: "automatic",
     jsxImportSource: "@innoai-tech/vuekit",
-    rehypePlugins: [rehypeRenderCodeBlock, rehypePrism]
+    rehypePlugins: [rehypeRenderCodeBlock, rehypePrism],
   });
 
   return {
@@ -114,36 +114,36 @@ export const mdx = (): PluginOption => {
           ...ret,
           code: `
 ${Object.keys(codeBlockImports)
-            .map(
-              (importPath) => `
-import ${codeBlockImports[importPath]} from ${JSON.stringify(importPath)}`
-            )
-            .join(";\n")}
+  .map(
+    (importPath) => `
+import ${codeBlockImports[importPath]} from ${JSON.stringify(importPath)}`,
+  )
+  .join(";\n")}
             
 import { defineComponent, h } from "vue"              
 
 ${ret.code.replace(
-            "export default function MDXContent(",
-            "function MDXContent("
-          )}
+  "export default function MDXContent(",
+  "function MDXContent(",
+)}
 
 export default defineComponent(() => {
   return () => h(MDXContent, {
     components: {
 ${Object.keys(codeBlockImports)
-            .map(
-              (importPath) =>
-                `${codeBlockImports[importPath]?.toLowerCase()}: ${
-                  codeBlockImports[importPath]
-                }`
-            )
-            .join(",\n")}
+  .map(
+    (importPath) =>
+      `${codeBlockImports[importPath]?.toLowerCase()}: ${
+        codeBlockImports[importPath]
+      }`,
+  )
+  .join(",\n")}
     }
   })
 })
-`
+`,
         };
       }
-    }
+    },
   };
 };
diff --git a/nodedevpkg/vue-vite-presets/src/viteVue.ts b/nodedevpkg/vue-vite-presets/src/viteVue.ts
@@ -2,10 +2,14 @@ import vue from "@vitejs/plugin-vue";
 import type { PluginOption } from "vite";
 import vitePages, {
   type PageResolver,
-  type PageOptions
+  type PageOptions,
 } from "vite-plugin-pages";
 import { mdx } from "./mdx";
-import { createPageMetaResolver, viteVueComponentCompleter, viteVueComponentHMR } from "./vue";
+import {
+  createPageMetaResolver,
+  viteVueComponentCompleter,
+  viteVueComponentHMR,
+} from "./vue";
 
 export interface ViteReactOptions {
   pagesDirs?: string | (string | PageOptions)[];
@@ -27,8 +31,8 @@ export const viteVue = (options: ViteReactOptions = {}): PluginOption[] => {
       onRoutesGenerated: r.onRoutesGenerated,
       resolver: {
         ...r.pagesResolver,
-        ...options.pagesResolver
-      }
-    }) as PluginOption
+        ...options.pagesResolver,
+      },
+    }) as PluginOption,
   ];
 };
diff --git a/nodedevpkg/vue-vite-presets/src/vue/componentCompleter.ts b/nodedevpkg/vue-vite-presets/src/vue/componentCompleter.ts
@@ -2,18 +2,17 @@ import { type Plugin, createFilter } from "vite";
 import { usePlugin } from "@innoai-tech/vuecomponentcompleter";
 import { transform } from "@swc/core";
 
-
 export interface ComponentCompleterOptions {
   include?: string[];
   exclude?: string[];
 }
 
 export const viteVueComponentCompleter = (
-  options: ComponentCompleterOptions = {}
+  options: ComponentCompleterOptions = {},
 ): Plugin => {
   const filter = createFilter(
     options.include || [/\.tsx$/, /\.mdx?$/],
-    options.exclude
+    options.exclude,
   );
 
   return {
@@ -34,24 +33,24 @@ export const viteVueComponentCompleter = (
             externalHelpers: false,
             parser: {
               syntax: "typescript",
-              tsx: true
+              tsx: true,
             },
             experimental: {
               disableBuiltinTransformsForInternalTesting: true,
-              plugins: [usePlugin({})]
-            }
-          }
+              plugins: [usePlugin({})],
+            },
+          },
         });
 
         return (
           result.code && {
             code: result.code,
-            map: result.map || null
+            map: result.map || null,
           }
         );
       }
 
       return null;
-    }
+    },
   };
 };
diff --git a/nodedevpkg/vue-vite-presets/src/vue/componentHMR.ts b/nodedevpkg/vue-vite-presets/src/vue/componentHMR.ts
@@ -18,12 +18,10 @@ export interface Module {
   exports: Map<string, ModuleExport>;
 }
 
-export const viteVueComponentHMR = (
-  options: VueJsxHmrOptions = {}
-): Plugin => {
+export const viteVueComponentHMR = (options: VueJsxHmrOptions = {}): Plugin => {
   const filter = createFilter(
     options.include || [/\.tsx$/, /\.mdx?$/],
-    options.exclude
+    options.exclude,
   );
 
   let hmrEnabled = false;
@@ -50,7 +48,7 @@ export const viteVueComponentHMR = (
       }
 
       return null;
-    }
+    },
   };
 };
 
@@ -80,7 +78,6 @@ ${callbackBlock}
   return code;
 }
 
-
 export const exportScanner = (id: string, filename = id) => {
   const re =
     /export (const (?<name>\w+) =|default) (?<defStart>(styled|component\$?)\()/;
@@ -89,7 +86,7 @@ export const exportScanner = (id: string, filename = id) => {
     scan(code: string): Module {
       const ret = {
         code: "",
-        exports: new Map<string, ModuleExport>()
+        exports: new Map<string, ModuleExport>(),
       };
       let src = code;
       let m: RegExpMatchArray | null = null;
@@ -108,11 +105,13 @@ export const exportScanner = (id: string, filename = id) => {
         const local =
           exported !== "default"
             ? exported
-            : upperFirst(camelCase(`${basename(filename, extname(filename))}Default`));
+            : upperFirst(
+                camelCase(`${basename(filename, extname(filename))}Default`),
+              );
 
         const range = {
           start: m.index ?? 0,
-          length: m[0].length
+          length: m[0].length,
         };
 
         ret.exports.set(local, { exported, id: getHash(`${id}#${exported}`) });
@@ -143,6 +142,6 @@ export { ${nonDefaultExports.join(", ")} }
       }
 
       return ret;
-    }
+    },
   };
 };
diff --git a/nodepkg/csstype/package.json b/nodepkg/csstype/package.json
@@ -19,4 +19,4 @@
   "sideEffects": false,
   "type": "module",
   "types": "index.d.ts"
-}
+}
diff --git a/nodepkg/gents/src/__tests__/client/example.ts b/nodepkg/gents/src/__tests__/client/example.ts
@@ -204,8 +204,8 @@ manifest = "manifest"
 
 export const displayKubepkgV1Alpha1DigestMetaType = (v: KubepkgV1Alpha1DigestMetaType) => {
   return ({
-blob: "Blob",
-manifest: "Manifest"   
+"blob": "Blob",
+"manifest": "Manifest"   
   })[v] ?? v      
 }
 

diff --git a/nodepkg/jsoneditor/package.json b/nodepkg/jsoneditor/package.json
@@ -0,0 +1,51 @@
+{
+  "name": "@innoai-tech/jsoneditor",
+  "version": "0.1.4",
+  "monobundle": {
+    "build": {
+      "clean": true
+    },
+    "exports": {
+      ".": "./src/index.ts"
+    }
+  },
+  "dependencies": {
+    "@innoai-tech/vuekit": "workspace:^",
+    "@innoai-tech/vuemarkdown": "workspace:^",
+    "@innoai-tech/vuematerial": "workspace:^",
+    "@innoai-tech/vueuikit": "workspace:^",
+    "@mdi/js": "^7.4.47",
+    "copy-to-clipboard": "^3.3.3"
+  },
+  "peerDependencies": {},
+  "exports": {
+    ".": {
+      "bun": "./src/index.ts",
+      "import": {
+        "types": "./src/index.ts",
+        "default": "./dist/index.mjs"
+      }
+    }
+  },
+  "files": [
+    "dist/*",
+    "src/*",
+    "!/**/__tests__"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "ssh://[email protected]:innoai-tech/vuekit.git",
+    "directory": "nodepkg/jsoneditor"
+  },
+  "scripts": {
+    "lint": "bunx --bun prettier --write . ",
+    "build": "bunx --bun monobundle",
+    "prepublishOnly": "bun run build"
+  },
+  "type": "module"
+}