@abi-software/mapintegratedvuer 0.7.1-demo.0 → 0.7.2-vue3.0-alpha.0

package/static.json

@@ -1,7 +1,7 @@
-{
-    "root": "dist",
-    "clean_urls": true,
-    "routes": {
-      "/**": "index.html"
-    }
-  }
+{
+    "root": "dist",
+    "clean_urls": true,
+    "routes": {
+      "/**": "index.html"
+    }
+  }

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+    "version": "2.4.2",
+    "compilerOptions": {
+        "lib": ["es5", "es6"],
+        "target": "es6",
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "sourceMap": true,
+        "rootDirs": [
+            "src",
+            "static",
+        ]
+    },
+    "exclude": [
+        "node_modules"
+    ]
+}

package/vite.config.js

@@ -1,66 +1,70 @@
-import path from "path";
-const pathSrc = path.resolve(__dirname, "./src");
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import Components from 'unplugin-vue-components/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
-
-// https://vitejs.dev/config/
-export default defineConfig(({ command, mode }) => {
-  const config = {
-    css: {
-        preprocessorOptions: {
-          scss: {
-            additionalData: `@use './src/assets/styles' as *;`
-          },
-        },
-    },
-    plugins: [
-        vue(),
-        Components({
-          // allow auto load markdown components under `./src/components/`
-          extensions: ['vue', 'md'],
-          // allow auto import and register components used in markdown
-          include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
-          resolvers: [
-            ElementPlusResolver({
-              importStyle: 'sass',
-            }),
-          ],
-          dts: 'src/components.d.ts',
-        }),
-    
-        // https://github.com/antfu/unocss
-        // see unocss.config.ts for config
-    ],
-    build: {
-      lib: {
-        entry: path.resolve(__dirname, "./src/components/index.js"),
-        name: "MapintegratedVuer",
-        fileName: 'mapintegratedvuer',
-      },
-      rollupOptions: {
-        external: ["vue", "pinia"],
-        output: {
-          globals: {
-            vue: "Vue",
-            pinia: "pinia"
-          },
-        },
-      },
-    },
-  };
-
-  if (command === 'serve') {
-    config.server =  {
-      port: 8081,
-    };
-    config.define = {
-      'process.env.HTTP_PROXY': 8081,
-      global: 'globalThis',
-      // If you want to exposes all env variables, which is not recommended
-      // 'process.env': env
-    };
-  };
-  return config;
-})
+import path from "path";
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ command, mode }) => {
+  const config = {
+    css: {
+        preprocessorOptions: {
+          scss: {
+            additionalData: `@use './src/assets/styles' as *;`
+          },
+        },
+    },
+    plugins: [
+        vue(),
+        Components({
+          // allow auto load markdown components under `./src/components/`
+          extensions: ['vue', 'md'],
+          // allow auto import and register components used in markdown
+          include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+          resolvers: [
+            ElementPlusResolver({
+              importStyle: 'sass',
+            }),
+          ],
+          dts: 'src/components.d.ts',
+        }),
+
+        // https://github.com/antfu/unocss
+        // see unocss.config.ts for config
+    ],
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "./src/components/index.js"),
+        name: "MapintegratedVuer",
+        fileName: 'mapintegratedvuer',
+      },
+      rollupOptions: {
+        external: ["vue", "pinia"],
+        output: {
+          globals: {
+            vue: "Vue",
+            pinia: "pinia"
+          },
+        },
+      },
+    },
+    // for cypress component test
+    // to prevent reloading after optimized dependencies changed
+    optimizeDeps: {
+      exclude: ['vue-router'],
+    },
+  };
+
+  if (command === 'serve') {
+    config.server =  {
+      port: 8081,
+    };
+    config.define = {
+      'process.env.HTTP_PROXY': 8081,
+      global: 'globalThis',
+      // If you want to exposes all env variables, which is not recommended
+      // 'process.env': env
+    };
+  };
+  return config;
+})

package/vite.static-build.js

@@ -1,12 +1,12 @@
-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"
-  };
-
-  return config;
-})
+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"
+  };
+
+  return config;
+})

package/vitest.workspace.js

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

package/vuese-generator.js

@@ -0,0 +1,65 @@
+/**
+ * Vuese Generator
+ *
+ * To generate markdown files from Vue components
+ * To watch components changes for Vitepress on Dev Mode
+ */
+
+import fs from 'fs'
+import path from 'path'
+import chokidar from 'chokidar'
+import { parser } from '@vuese/parser'
+import { Render } from '@vuese/markdown-render'
+
+const watchMode = process.argv.find((argv) => argv === 'watch')
+
+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')
+
+  try {
+    const parserResult = parser(fileContent)
+    const r = new Render(parserResult)
+    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.writeFile(`${outputDir}/${componentName}.md`, markdownContent, (err) => {
+      if (err) {
+        console.error(`Error writing markdown file for ${componentName}`, err)
+      } else {
+        console.log(`Markdown file for ${componentName} is generated!`)
+      }
+    })
+  } catch(e) {
+    console.error(e)
+  }
+}
+
+// To generate markdown files - one time
+components.forEach((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)
+  })
+}