@abi-software/mapintegratedvuer 1.21.1 → 1.22.0

package/vite.bundle-build.js

@@ -1,46 +1,44 @@
-import path from "path";
-import { defineConfig } from 'vite'
-import rootConfig from './vite.config.js'
+import path from 'path';
+import { defineConfig } from 'vite';
+import rootConfig from './vite.config.js';
 
 // defineWorkspace provides a nice type hinting DX
 export default defineConfig((configEnv) => {
   const config = rootConfig(configEnv);
   config.build = {
     lib: {
-      entry: path.resolve(import.meta.dirname, "./src/components/index.js"),
-      name: "MapintegratedVuer",
-      fileName: "mapintegratedvuer",
+      entry: path.resolve(import.meta.dirname, './src/components/index.js'),
+      name: 'MapintegratedVuer',
+      fileName: 'mapintegratedvuer',
     },
     rollupOptions: {
       external: [
-        "vue",
-        "pinia",
-        "@abi-software/flatmapvuer",
-        "@abi-software/plotvuer",
-        "@abi-software/scaffoldvuer",
-        "@abi-software/simulationvuer",
-        "@abi-software/flatmapvuer/dist/style.css",
-        "@abi-software/plotvuer/dist/style.css",
-        "@abi-software/scaffoldvuer/dist/style.css",
-        "@abi-software/simulationvuer/dist/style.css",
+        'vue',
+        'pinia',
+        '@abi-software/flatmapvuer',
+        '@abi-software/plotvuer',
+        '@abi-software/scaffoldvuer',
+        '@abi-software/simulationvuer',
+        '@abi-software/flatmapvuer/dist/style.css',
+        '@abi-software/plotvuer/dist/style.css',
+        '@abi-software/scaffoldvuer/dist/style.css',
+        '@abi-software/simulationvuer/dist/style.css',
       ],
       output: {
         globals: {
-          vue: "Vue",
-          pinia: "pinia",
-          "@abi-software/flatmapvuer": "flatmapvuer",
-          "@abi-software/plotvuer": "plotvuer",
-          "@abi-software/scaffoldvuer": "scaffoldvuer",
-          "@abi-software/simulationvuer": "simulationvuer",
+          vue: 'Vue',
+          pinia: 'pinia',
+          '@abi-software/flatmapvuer': 'flatmapvuer',
+          '@abi-software/plotvuer': 'plotvuer',
+          '@abi-software/scaffoldvuer': 'scaffoldvuer',
+          '@abi-software/simulationvuer': 'simulationvuer',
         },
         // keep css output name stable for the "./dist/style.css" export/import paths
         assetFileNames: (assetInfo) =>
-          assetInfo.name?.endsWith(".css")
-            ? "style.css"
-            : "assets/[name][extname]",
+          assetInfo.name?.endsWith('.css') ? 'style.css' : 'assets/[name][extname]',
       },
     },
   };
 
   return config;
-})
+});

package/vite.config.js

@@ -1,15 +1,16 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import Components from "unplugin-vue-components/vite";
-import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const pathSrc = path.resolve(__dirname, "./src");
+const pathSrc = path.resolve(__dirname, './src');
 
 // https://vitejs.dev/config/
-export default defineConfig(({ command, mode }) => {
+export default defineConfig(({ command }) => {
   const config = {
     css: {
       preprocessorOptions: {
@@ -21,45 +22,45 @@ export default defineConfig(({ command, mode }) => {
     },
     plugins: [
       vue(),
+      AutoImport({
+        resolvers: [ElementPlusResolver()],
+      }),
       Components({
         // allow auto load markdown components under `./src/components/`
-        extensions: ["vue", "md"],
+        extensions: ['vue', 'md'],
         // allow auto import and register components used in markdown
         include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
         resolvers: [
           ElementPlusResolver({
-            importStyle: "sass",
+            importStyle: 'sass',
           }),
         ],
-        dts: "src/components.d.ts",
+        dts: 'src/components.d.ts',
       }),
-
-      // https://github.com/antfu/unocss
-      // see unocss.config.ts for config
     ],
     // for cypress component test
     // to prevent reloading after optimized dependencies changed
     optimizeDeps: {
-      exclude: ["vue-router"],
+      exclude: ['vue-router'],
     },
     resolve: {
       alias: {
-        "@": pathSrc,
+        '@': pathSrc,
       },
     },
   };
 
-  if (command === "serve") {
+  if (command === 'serve') {
     config.server = {
       port: 8081,
       headers: {
-        "Cross-Origin-Opener-Policy": "same-origin",
-        "Cross-Origin-Embedder-Policy": "credentialless",
+        'Cross-Origin-Opener-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'credentialless',
       },
     };
     config.define = {
-      "process.env.HTTP_PROXY": 8081,
-      global: "globalThis",
+      'process.env.HTTP_PROXY': 8081,
+      global: 'globalThis',
       // If you want to exposes all env variables, which is not recommended
       // 'process.env': env
     };

package/vite.static-build.js

@@ -1,12 +1,12 @@
-import { defineConfig } from 'vite'
-import rootConfig from './vite.config.js'
+import { defineConfig } from 'vite';
+import rootConfig from './vite.config.js';
 
 // defineWorkspace provides a nice type hinting DX
 export default defineConfig((configEnv) => {
   const config = rootConfig(configEnv);
   config.build = {
-    outDir: "test-html"
+    outDir: 'test-html',
   };
 
   return config;
-})
+});

package/vitest.workspace.js

@@ -1,3 +1 @@
-export default [
-  'test/vitest.config.js'
-]
+export default ['test/vitest.config.js'];

package/vuese-generator.js

@@ -5,120 +5,112 @@
  * To watch components changes for Vitepress on Dev Mode
  */
 
-import fs from 'fs'
-import path from 'path'
-import chokidar from 'chokidar'
+import fs from 'fs';
+import path from 'path';
+import chokidar from 'chokidar';
 // import { parser } from '@vuese/parser'
-import { parseSource } from 'vue-docgen-api'
-import { Render } from '@vuese/markdown-render'
+import { parseSource } from 'vue-docgen-api';
+import { Render } from '@vuese/markdown-render';
 
-const watchMode = process.argv.find((argv) => argv === 'watch')
+const watchMode = process.argv.find((argv) => argv === 'watch');
 
-const componentsDir = 'src/components'
-const components = ['MapContent.vue']
-const outputDir = 'docs/components'
+const componentsDir = 'src/components';
+const components = ['MapContent.vue'];
+const outputDir = 'docs/components';
 
 function generateMarkdown(file) {
-  const fileWithPath = `${componentsDir}/${file}`
-  const fileContent = fs.readFileSync(fileWithPath, 'utf-8')
+  const fileWithPath = `${componentsDir}/${file}`;
+  const fileContent = fs.readFileSync(fileWithPath, 'utf-8');
 
   try {
     // const parserResult = parser(fileContent)
-    const parserResult = parseSource(fileContent, fileWithPath)
+    const parserResult = parseSource(fileContent, fileWithPath);
     parserResult.then((result) => {
-      const {
-        displayName: name,
-        description: desc,
-        props,
-        events,
-        methods,
-      } = result
+      const { displayName: name, description: desc, props, events, methods } = result;
 
       // transform props to vuese styles
       const parseResult = {
         name: name,
         componentDesc: {
-          default: [desc]
+          default: [desc],
         },
         props: transformData(props),
         events: transformData(events),
         methods: transformData(methods),
-      }
-      const r = new Render(parseResult)
-      const renderResult = r.render()
-      const markdownResult = r.renderMarkdown()
-      const markdownContent = markdownResult.content
-      const componentName = path.basename(fileWithPath, '.vue')
+      };
+      const r = new Render(parseResult);
+      // const renderResult = r.render();
+      const markdownResult = r.renderMarkdown();
+      const markdownContent = markdownResult.content;
+      const componentName = path.basename(fileWithPath, '.vue');
 
       if (!fs.existsSync(outputDir)) {
-        fs.mkdirSync(outputDir)
+        fs.mkdirSync(outputDir);
       }
 
       fs.writeFile(`${outputDir}/${componentName}.md`, markdownContent, (err) => {
         if (err) {
-          console.error(`Error writing markdown file for ${componentName}`, err)
+          console.error(`Error writing markdown file for ${componentName}`, err);
         } else {
-          console.log(`Markdown file for ${componentName} is generated!`)
+          console.log(`Markdown file for ${componentName} is generated!`);
         }
-      })
-    })
-  } catch(e) {
-    console.error(e)
+      });
+    });
+  } catch (e) {
+    console.error(e);
   }
 }
 
 function transformData(data = []) {
   data.forEach((prop) => {
-    prop.name = prop.name
-
     if (prop.description) {
-      prop.describe = [prop.description.replaceAll('\n', ' ')]
+      prop.describe = [prop.description.replaceAll('\n', ' ')];
     }
 
     if (prop.type) {
-      prop.type = prop.type.name
+      prop.type = prop.type.name;
     }
 
     if (prop.defaultValue) {
-      prop.default = prop.defaultValue.value.replaceAll('\n', ' ')
+      prop.default = prop.defaultValue.value.replaceAll('\n', ' ');
     }
 
     // events
     if (prop.properties) {
-      prop.argumentsDesc = []
+      prop.argumentsDesc = [];
       prop.properties.forEach((param) => {
-        const argName = param.name || param.description
-        prop.argumentsDesc.push(argName)
-      })
+        const argName = param.name || param.description;
+        prop.argumentsDesc.push(argName);
+      });
     }
 
     // methods
     if (prop.params) {
-      prop.argumentsDesc = []
+      prop.argumentsDesc = [];
       prop.params.forEach((param) => {
-        const argName = param.description || param.name
-        prop.argumentsDesc.push(argName)
-      })
+        const argName = param.description || param.name;
+        prop.argumentsDesc.push(argName);
+      });
     }
-  })
-  return data
+  });
+  return data;
 }
 
 // To generate markdown files - one time
 components.forEach((component) => {
-  console.log(`Write markdown file for ${component} on first load.`)
-  generateMarkdown(component)
-})
+  console.log(`Write markdown file for ${component} on first load.`);
+  generateMarkdown(component);
+});
 
 // To watch component changes and generate markdown files
 if (watchMode) {
   const watcher = chokidar.watch(components, {
     cwd: componentsDir,
     ignoreInitial: true,
-  })
+  });
 
   watcher.on('change', (file) => {
-    console.log(`The component ${file} has changed!`)
-    generateMarkdown(file)
-  })
+    console.log(`The component ${file} has changed!`);
+    generateMarkdown(file);
+  });
 }