@abi-software/map-side-bar 2.2.0 → 2.2.1-alpha-2

package/src/components/Tabs.vue

@@ -1,78 +1,78 @@
-<template>
-  <div class="tab-container">
-    <div class="title" v-for="title in tabTitles" :key="title.id">
-      <div
-        class="title-text-table"
-        v-bind:class="{ highlightText: title.id == activeId }"
-        v-on:click="titleClicked(title.id)"
-      >
-        <div class="title-text">
-          {{ title.title }}
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-/* eslint-disable no-alert, no-console */
-
-export default {
-  name: 'Tabs',
-  props: {
-    tabTitles: {
-      type: Array,
-      default: () => [],
-    },
-    activeId: {
-      type: Number,
-      default: 1,
-    },
-  },
-  methods: {
-    titleClicked: function (id) {
-      this.$emit('titleClicked', id)
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.tab-container {
-  height: 28px;
-}
-
-.title {
-  width: 101px;
-  height: 28px;
-  border: solid 1px $lineColor1;
-  border-bottom: none;
-  background-color: white;
-  display: inline-block;
-}
-
-.title:hover {
-  cursor: pointer;
-}
-
-.title-text {
-  text-align: center;
-  display: table-cell;
-  vertical-align: middle;
-  font-size: 14px;
-}
-
-.title-text-table {
-  display: table;
-  height: 100%;
-  width: 100%;
-}
-
-.parent-dialog:hover .title-text {
-  color: $app-primary-color;
-}
-
-.highlightText {
-  color: $app-primary-color;
-}
-</style>
+<template>
+  <div class="tab-container">
+    <div class="title" v-for="title in tabTitles" :key="title.id">
+      <div
+        class="title-text-table"
+        v-bind:class="{ highlightText: title.id == activeId }"
+        v-on:click="titleClicked(title.id)"
+      >
+        <div class="title-text">
+          {{ title.title }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+/* eslint-disable no-alert, no-console */
+
+export default {
+  name: 'Tabs',
+  props: {
+    tabTitles: {
+      type: Array,
+      default: () => [],
+    },
+    activeId: {
+      type: Number,
+      default: 1,
+    },
+  },
+  methods: {
+    titleClicked: function (id) {
+      this.$emit('titleClicked', id)
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.tab-container {
+  height: 28px;
+}
+
+.title {
+  width: 101px;
+  height: 28px;
+  border: solid 1px $lineColor1;
+  border-bottom: none;
+  background-color: white;
+  display: inline-block;
+}
+
+.title:hover {
+  cursor: pointer;
+}
+
+.title-text {
+  text-align: center;
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.title-text-table {
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+.parent-dialog:hover .title-text {
+  color: $app-primary-color;
+}
+
+.highlightText {
+  color: $app-primary-color;
+}
+</style>

package/src/components/index.js

@@ -1,8 +1,8 @@
-import SideBar from "./SideBar.vue"
-
-export {
-  SideBar
-};
-
-
-
+import SideBar from "./SideBar.vue"
+
+export {
+  SideBar
+};
+
+
+

package/src/components/species-map.js

@@ -1,8 +1,8 @@
-export default {
-    'homo sapiens': 'Human',
-    'rattus norvegicus': 'Rat',
-    'mus musculus': 'Mouse',
-    'sus scrofa domesticus': 'Pig',
-    'sus scrofa': 'Boar',
-    'felis catus': 'Cat'
-}
+export default {
+    'homo sapiens': 'Human',
+    'rattus norvegicus': 'Rat',
+    'mus musculus': 'Mouse',
+    'sus scrofa domesticus': 'Pig',
+    'sus scrofa': 'Boar',
+    'felis catus': 'Cat'
+}

package/src/main.js

@@ -1,9 +1,9 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import MapSideBar from './components/SideBar.vue'
-
-const app = createApp(App);
-
-app.component('MapSideBar', MapSideBar)
-
-app.mount("#app");
+import { createApp } from 'vue'
+import App from './App.vue'
+import MapSideBar from './components/SideBar.vue'
+
+const app = createApp(App);
+
+app.component('MapSideBar', MapSideBar)
+
+app.mount("#app");

package/src/mixins/S3Bucket.vue

@@ -1,37 +1,37 @@
-<script>
-export default {
-  name: "S3Bucket",
-  data() {
-    return {
-      s3Bucket: undefined,
-      s3Prefix: "",
-    };
-  },
-  methods: {
-    updateS3Bucket: function(s3uri) {
-      this.s3Bucket = undefined;
-      if (s3uri) {
-        const substring = s3uri.split("//")[1];
-        if (substring) {
-          this.s3Bucket = substring.split("/")[0];
-          const n = substring.indexOf('/');
-          this.s3Prefix = substring.substring(n + 1);
-          return;
-        }
-      }
-    },
-    getS3Args: function() {
-      if (this.s3Bucket) {
-        return `?s3BucketName=${this.s3Bucket}`
-      }
-      return "";
-    },
-    getS3Prefix: function() {
-      return this.s3Prefix;
-    }
-  },
-
-};
-</script>
-
-
+<script>
+export default {
+  name: "S3Bucket",
+  data() {
+    return {
+      s3Bucket: undefined,
+      s3Prefix: "",
+    };
+  },
+  methods: {
+    updateS3Bucket: function(s3uri) {
+      this.s3Bucket = undefined;
+      if (s3uri) {
+        const substring = s3uri.split("//")[1];
+        if (substring) {
+          this.s3Bucket = substring.split("/")[0];
+          const n = substring.indexOf('/');
+          this.s3Prefix = substring.substring(n + 1);
+          return;
+        }
+      }
+    },
+    getS3Args: function() {
+      if (this.s3Bucket) {
+        return `?s3BucketName=${this.s3Bucket}`
+      }
+      return "";
+    },
+    getS3Prefix: function() {
+      return this.s3Prefix;
+    }
+  },
+
+};
+</script>
+
+

package/static.json

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

package/vite.config.js

@@ -1,56 +1,56 @@
-import { resolve } from "node: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({
-    server: {
-        port: 8081,
-    },
-    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',
-        }),
-    ],
-    resolve: {
-        alias: {
-            '@': resolve(__dirname, './src'),
-        }
-    },
-    build: {
-        lib: {
-            entry: resolve(__dirname, "./src/components/index.js"),
-            name: "MapSideBar",
-            fileName: 'map-side-bar',
-        },
-        rollupOptions: {
-            external: ["vue"],
-            output: {
-                globals: {
-                    vue: "Vue",
-                },
-            },
-        },
-    },
-    css: {
-        preprocessorOptions: {
-            scss: {
-                additionalData: `@use './src/assets/styles' as *;`
-            }
-        }
-    }
+import { resolve } from "node: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({
+    server: {
+        port: 8081,
+    },
+    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',
+        }),
+    ],
+    resolve: {
+        alias: {
+            '@': resolve(__dirname, './src'),
+        }
+    },
+    build: {
+        lib: {
+            entry: resolve(__dirname, "./src/components/index.js"),
+            name: "MapSideBar",
+            fileName: 'map-side-bar',
+        },
+        rollupOptions: {
+            external: ["vue"],
+            output: {
+                globals: {
+                    vue: "Vue",
+                },
+            },
+        },
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                additionalData: `@use './src/assets/styles' as *;`
+            }
+        }
+    }
 })

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 = ['SideBar.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 = ['SideBar.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)
+  })
+}