@abi-software/flatmapvuer 1.1.4 → 1.2.0-beta.1

package/src/store/flatmap.js

@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia';
+import * as flatmap from '@abi-software/flatmap-viewer';
+
+export const useFlatmapStore = defineStore('flatmap', {
+  state: () => {
+    return {
+      mapManager: null
+    }
+  },
+  getters: {
+    activeMapManager(state) {
+      return state.mapManager;
+    }
+  },
+  actions: {
+    setMapManager(flatmapAPI) {
+      if (!this.mapManager) {
+        this.mapManager = new flatmap.MapManager(flatmapAPI);
+      }
+    },
+  },
+})

package/src/store/index.js

@@ -1,24 +1,24 @@
-import { defineStore } from 'pinia'
-
-/**
- * Activate the store when run the application individually.
- * If the store exist in parent application, 
- * instead of creating a new store it will access the parent main store.
- */
-export const useMainStore = defineStore('main', {
-  state: () => ({
-    userProfile: {
-      token: ''
-    },
-  }),
-  getters: {
-    userToken(state) {
-      return state.userProfile.token
-    },
-  },
-  actions: {
-    setUserToken(value) {
-      this.userProfile.token = value
-    },
-  }
+import { defineStore } from 'pinia'
+
+/**
+ * Activate the store when run the application individually.
+ * If the store exist in parent application, 
+ * instead of creating a new store it will access the parent main store.
+ */
+export const useMainStore = defineStore('main', {
+  state: () => ({
+    userProfile: {
+      token: ''
+    },
+  }),
+  getters: {
+    userToken(state) {
+      return state.userProfile.token
+    },
+  },
+  actions: {
+    setUserToken(value) {
+      this.userProfile.token = value
+    },
+  }
 })

package/vite.config.js

@@ -1,73 +1,74 @@
-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({
-        template: {
-          compilerOptions: {
-            isCustomElement: (tag) => ['bx:grid'].includes(tag),
-          }
-        }
-      }),
-      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
-    ],
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, './src'),
-      }
-    },
-    build: {
-      lib: {
-        entry: path.resolve(__dirname, "./src/components/index.js"),
-        name: "FlatmapVuer",
-        fileName: 'flatmapvuer',
-      },
-      rollupOptions: {
-        external: ["vue", "@abi-software/svg-sprite"],
-        output: {
-          globals: {
-            vue: "Vue",
-            "@abi-software/svg-sprite": "@abi-software/svg-sprite"
-          },
-        },
-      },
-    },
-    optimizeDeps: {
-      entries: ['./cypress/*']
-    }
-  };
-
-  if (command === 'serve') {
-    config.server = {
-      port: 8082,
-    };
-  }
-  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({
+        template: {
+          compilerOptions: {
+            isCustomElement: (tag) => ['bx:grid'].includes(tag),
+          }
+        }
+      }),
+      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
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      }
+    },
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "./src/components/index.js"),
+        name: "FlatmapVuer",
+        fileName: 'flatmapvuer',
+      },
+      rollupOptions: {
+        external: ["vue", "@abi-software/svg-sprite", "@abi-software/map-utilities"],
+        output: {
+          globals: {
+            vue: "Vue",
+            "@abi-software/svg-sprite": "@abi-software/svg-sprite",
+            "@abi-software/map-utilities": "@abi-software/map-utilities"
+          },
+        },
+      },
+    },
+    optimizeDeps: {
+      entries: ['./cypress/*']
+    }
+  };
+
+  if (command === 'serve') {
+    config.server = {
+      port: 8082,
+    };
+  }
+  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/vuese-generator.js

@@ -1,65 +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 = ['FlatmapVuer.vue', 'MultiFlatmapVuer.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)
-  })
+/**
+ * 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 = ['FlatmapVuer.vue', 'MultiFlatmapVuer.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)
+  })
 }