@simple-reporting/base 1.0.12 → 1.0.14

package/srl/components/Srl/Note/Accordion.vue

@@ -1,17 +1,40 @@
 <script setup lang="ts">
-import { ref, useId } from 'vue'
+import { computed, ref, useId } from 'vue'
 
+const rootEl = ref<HTMLElement | null>(null)
 const id = ref(useId())
-const accordion = ref<HTMLDivElement>()
-const open = ref(false)
-
+const state = ref(false)
 function toggle() {
-  open.value = !open.value
+  state.value ?
+    close() :
+    open()
+}
+
+function open() {
+  state.value = true
+  rootEl.value.querySelector<HTMLDivElement>(`#${id.value}`)?.focus()
 }
+
+function close() {
+  state.value = false
+}
+
+const accordion = computed(() => {
+  const propId = id.value
+  const propState = state.value
+  return {
+    id: propId,
+    state: propState,
+    toggle,
+    open,
+    close,
+  }
+})
+
 </script>
 
 <template>
-  <div ref="accordion">
-    <slot :id="id" :open="open" :toggle="toggle"/>
+  <div ref="rootEl">
+    <slot :accordion="accordion"/>
   </div>
 </template>

package/srl/plugins/vueSrlPlugin.ts

@@ -1,13 +1,10 @@
-import { defineComponent, type App } from 'vue';
+import { defineComponent, type App, defineAsyncComponent } from 'vue'
 import SrlAriaTabChain from '#components/Srl/Aria/TabChain.vue';
 import SrlArticleAutoload from '#components/Srl/Article/Autoload.vue';
 import SrlArticleRoot from '#components/Srl/Article/Root.vue';
 import SrlArticleDialogButton from '#components/Srl/Article/DialogButton.vue';
 import SrlMenu from '#components/Srl/Menu/List.vue';
 import SrlPageDialog from '#components/Srl/Page/Dialog.vue';
-import SrlNoteAccordion from '#components/Srl/Note/Accordion.vue';
-import SrlNoteAccordionToggle from '#components/Srl/Note/Accordion/Toggle.vue';
-import SrlNoteAccordionContent from '#components/Srl/Note/Accordion/Content.vue';
 
 import asyncLdComponent from './asyncLdComponent.ts';
 
@@ -16,15 +13,15 @@ export default {
     app.component('SrlAriaTabChain', defineComponent(SrlAriaTabChain));
     app.component('SrlArticleAutoload', defineComponent(SrlArticleAutoload));
     app.component('SrlArticleRoot', defineComponent(SrlArticleRoot));
-    app.component('SrlNoteAccordion', defineComponent(SrlNoteAccordion));
-    app.component('SrlNoteAccordionToggle', defineComponent(SrlNoteAccordionToggle));
-    app.component('SrlNoteAccordionContent', defineComponent(SrlNoteAccordionContent));
     app.component(
       'SrlArticleDialogButton',
       defineComponent(SrlArticleDialogButton),
     );
     app.component('SrlPageDialog', defineComponent(SrlPageDialog));
     app.component('SrlMenu', defineComponent(SrlMenu));
+    app.component('SrlNoteAccordion', defineAsyncComponent(() => import('#components/Srl/Note/Accordion.vue')));
+    app.component('SrlNoteAccordionToggle', defineAsyncComponent(() => import('#components/Srl/Note/Accordion/Toggle.vue')));
+    app.component('SrlNoteAccordionContent', defineAsyncComponent(() => import('#components/Srl/Note/Accordion/Content.vue')));
     asyncLdComponent(app);
   },
 };

package/srl/tsconfig.srl.json

@@ -0,0 +1,89 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": [
+    "../env.d.ts",
+    "../src/**/*",
+    "../src/**/*.vue",
+    "./**/*",
+    "./**/*.vue",
+    "../livingdocs/**/*",
+    "../livingdocs/**/*.vue",
+    "./**/*.d.ts"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "../node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "../src/*"
+      ],
+      "~/*": [
+        "../*"
+      ],
+      "#srl": [
+        "./"
+      ],
+      "#srl/*": [
+        "./*"
+      ],
+      "#components": [
+        "./components"
+      ],
+      "#components/*": [
+        "./components/*"
+      ],
+      "#composables": [
+        "./composables"
+      ],
+      "#composables/*": [
+        "./composables/*"
+      ],
+      "#utils": [
+        "./utils"
+      ],
+      "#utils/*": [
+        "./utils/*"
+      ],
+      "#plugins": [
+        "./plugins"
+      ],
+      "#plugins/*": [
+        "./plugins/*"
+      ],
+      "#types": [
+        "./types"
+      ],
+      "#types/*": [
+        "./types/*"
+      ],
+      "#imports": [
+        "./imports"
+      ],
+      "#imports/*": [
+        "./imports/*"
+      ],
+      "#ld": [
+        "../livingdocs"
+      ],
+      "#ld/*": [
+        "../livingdocs/*"
+      ],
+      "assets": [
+        "../src/assets"
+      ],
+      "assets/*": [
+        "../src/assets/*"
+      ],
+      "srl": [
+        "./srl"
+      ],
+      "srl/*": [
+        "./srl/*"
+      ]
+    }
+  }
+}

package/srl/types/components.d.ts

@@ -10,6 +10,9 @@ interface _GlobalComponents {
   SrlArticleRoot: (typeof import('../components/Srl/Article/Root.vue'))['default'];
   SrlMenu: (typeof import('../components/Srl/Menu/List.vue'))['default'];
   SrlPageDialog: (typeof import('../components/Srl/Page/Dialog.vue'))['default'];
+  SrlNoteAccordion: (typeof import('../components/Srl/Note/Accordion.vue'))['default'];
+  SrlNoteAccordionToggle: (typeof import('../components/Srl/Note/Accordion/Toggle.vue'))['default'];
+  SrlNoteAccordionContent: (typeof import('../components/Srl/Note/Accordion/Content.vue'))['default'];
 }
 
 declare module '@vue/runtime-core' {

package/srl/utils/html.ts

@@ -36,7 +36,7 @@ function replaceAccordionContainer(text: string): string {
     const innerContent = replaceAccordionContainer(text.slice(openTagRegex.lastIndex, end - 6));
 
     result += text.slice(lastIndex, start);
-    result += `<srl-note-accordion v-slot="{ id, open, toggle }"${attrs}>${innerContent}</srl-note-accordion>`;
+    result += `<srl-note-accordion v-slot="{ accordion }"${attrs}>${innerContent}</srl-note-accordion>`;
     lastIndex = end;
     openTagRegex.lastIndex = end;
   }
@@ -61,7 +61,7 @@ function replaceAccordionToggle(text: string): string {
     const innerContent = text.slice(contentStart, end);
 
     result += text.slice(lastIndex, start);
-    result += `<srl-note-accordion-toggle :id="id" :open="open" :toggle="toggle"${attrs}>${innerContent}</srl-note-accordion-toggle>`;
+    result += `<srl-note-accordion-toggle :accordion="accordion"${attrs}>${innerContent}</srl-note-accordion-toggle>`;
     lastIndex = end + closeTag.length;
     openTagRegex.lastIndex = lastIndex;
   }
@@ -97,7 +97,7 @@ function replaceAccordionContent(text: string): string {
     const innerContent = replaceAccordionContent(text.slice(openTagRegex.lastIndex, end - 6));
 
     result += text.slice(lastIndex, start);
-    result += `<srl-note-accordion-content :id="id" :open="open"${attrs}>${innerContent}</srl-note-accordion-content>`;
+    result += `<srl-note-accordion-content :accordion="accordion"${attrs}>${innerContent}</srl-note-accordion-content>`;
     lastIndex = end;
     openTagRegex.lastIndex = end;
   }

package/srl/utils/uri.ts

@@ -2,6 +2,7 @@ export function isRouterPath(path: string): boolean {
   return (
     (path.startsWith('/') || path.startsWith('./')) &&
     !path.startsWith('//') &&
+    !path.startsWith('javascript:') &&
     !path.endsWith('.html') &&
     !path.endsWith('.htm') &&
     !path.endsWith('.php') &&
@@ -42,7 +43,8 @@ export function isExternalPath(path: string): boolean {
     path.startsWith('wss') ||
     path.startsWith('irc') ||
     path.startsWith('gopher') ||
-    path.startsWith('whatsapp')
+    path.startsWith('whatsapp') ||
+    path.startsWith('javascript:')
   );
 }
 

package/srl/plugins/viteSrlPlugin.ts

@@ -1,224 +0,0 @@
-import { type Plugin } from 'vite';
-import { fileURLToPath, URL } from 'node:url';
-import { readFileSync } from 'node:fs';
-import { join } from 'node:path/posix';
-import { execSync } from 'node:child_process';
-import folders from '@simple-reporting/base/scripts/folders.js';
-import { beaver } from '@simple-reporting/base/scripts/beaver.js';
-import { packageName } from '@simple-reporting/base/scripts/config';
-import { updatePackageJson, updateLivingDocsJson, updateNsWowJson } from '@simple-reporting/base/scripts/utils';
-import {
-  map,
-  mapLdd,
-  mapJs,
-  mapScss,
-} from '@simple-reporting/base/scripts/build.js';
-import chalk from 'chalk';
-
-const msgBoxLength = 60;
-
-function centerText(text: string): string {
-  const padding = Math.max(0, (msgBoxLength - text.length) / 2);
-  return (
-    ' '.repeat(Math.floor(padding)) + text + ' '.repeat(Math.ceil(padding))
-  );
-}
-
-function isVersionGreater(v1, v2) {
-  const a = v1.split('.').map(Number);
-  const b = v2.split('.').map(Number);
-  for (let i = 0; i < 3; i++) {
-    if (a[i] > b[i]) return true;
-    if (a[i] < b[i]) return false;
-  }
-  return false; // gleich
-}
-
-function checkSrlVersion() {
-  try {
-    const pkgPath = join(folders.packagePath, 'package.json');
-    const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
-    const current = pkg.version;
-    if (!current) return;
-
-    const tag = `v${current.split('.')[0]}-lts`;
-
-    const latest = execSync(`npm view ${packageName}@${tag} version`)
-      .toString()
-      .trim();
-
-    if (isVersionGreater(latest, current)) {
-      console.log('');
-      console.log(chalk.bgWhiteBright(centerText('')));
-      console.log(
-        chalk.bgWhiteBright.redBright.bold(centerText('Attention !!!')),
-      );
-      console.log(
-        chalk.bgWhiteBright.black.bold(
-          centerText(`New ${packageName} version available.`),
-        ),
-      );
-      console.log(
-        chalk.bgWhiteBright.black.bold(
-          centerText(`Update: ${current} => ${latest}`),
-        ),
-      );
-      console.log(
-        chalk.bgWhiteBright.black.bold(
-          centerText(`Run: npm update -S ${packageName}`),
-        ),
-      );
-      console.log(chalk.bgWhiteBright(centerText('')));
-      console.log('');
-    }
-  } catch (e) {}
-}
-
-let timer: NodeJS.Timeout | null = null;
-
-function triggerAction(callback) {
-  !timer || clearTimeout(timer);
-  timer = setTimeout(async () => {
-    await callback();
-  }, 200);
-}
-
-async function startActions() {
-  checkSrlVersion();
-  await beaver(0);
-  await map();
-  await mapJs();
-}
-
-export default function viteSrlPlugin(): Plugin {
-  return {
-    name: 'vite-srl-plugin',
-    config(config) {
-      startActions();
-
-      config.base = './';
-
-      config.resolve = config.resolve || {};
-      config.resolve.alias['~'] = fileURLToPath(
-        new URL('../..', import.meta.url),
-      );
-      config.resolve.alias['@'] = fileURLToPath(
-        new URL('../../src', import.meta.url),
-      );
-      config.resolve.alias['#components'] = fileURLToPath(
-        new URL('../components', import.meta.url),
-      );
-      config.resolve.alias['#composables'] = fileURLToPath(
-        new URL('../composables', import.meta.url),
-      );
-      config.resolve.alias['#plugins'] = fileURLToPath(
-        new URL('../plugins', import.meta.url),
-      );
-      config.resolve.alias['#types'] = fileURLToPath(
-        new URL('../types', import.meta.url),
-      );
-      config.resolve.alias['#utils'] = fileURLToPath(
-        new URL('../utils', import.meta.url),
-      );
-      config.resolve.alias['#imports'] = fileURLToPath(
-        new URL('../imports', import.meta.url),
-      );
-      config.resolve.alias['#ld'] = fileURLToPath(
-        new URL('../../livingdocs', import.meta.url),
-      );
-      config.resolve.alias['assets'] = fileURLToPath(
-        new URL('../../src/assets', import.meta.url),
-      );
-      config.resolve.alias['srl'] = fileURLToPath(
-        new URL('../srl', import.meta.url),
-      );
-      config.resolve.alias['vue'] = 'vue/dist/vue.esm-bundler.js';
-    },
-    configureServer(server) {
-      const fontPath = join(folders.srlAssets, 'fonts');
-
-      server.watcher.on('change', async (path) => {
-        if (path.endsWith('/package.json')) {
-          await updatePackageJson();
-        }
-        if (path.endsWith('/livingdocs.config.json')) {
-          await updateLivingDocsJson();
-        }
-        if (path.endsWith('/srl.config.json')) {
-          await updateNsWowJson();
-          triggerAction(beaver);
-        }
-      });
-
-      server.watcher.on('add', (path) => {
-        if (
-          path.endsWith('/general.scss') ||
-          path.endsWith('/app.scss') ||
-          path.endsWith('/ldd.scss') ||
-          path.endsWith('/editor.scss') ||
-          path.endsWith('/pdf.scss') ||
-          path.endsWith('/word.scss') ||
-          path.endsWith('/xbrl.scss') ||
-          (
-            path.startsWith(fontPath) &&
-            path.endsWith('.scss')
-          )
-        ) {
-          triggerAction(mapScss);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/app.js') || path.endsWith('/app.ts'))
-        ) {
-          triggerAction(mapJs);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/properties.json') ||
-            path.endsWith('/properties.ts') ||
-            path.endsWith('/properties.js') ||
-            path.endsWith('.vue'))
-        ) {
-          triggerAction(mapLdd);
-        }
-      });
-
-      server.watcher.on('unlink', (path) => {
-        if (
-          path.endsWith('/general.scss') ||
-          path.endsWith('/app.scss') ||
-          path.endsWith('/ldd.scss') ||
-          path.endsWith('/editor.scss') ||
-          path.endsWith('/pdf.scss') ||
-          path.endsWith('/word.scss') ||
-          path.endsWith('/xbrl.scss')||
-          (
-            path.startsWith(fontPath) &&
-            path.endsWith('.scss')
-          )
-        ) {
-          triggerAction(mapScss);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/app.js') || path.endsWith('/app.ts'))
-        ) {
-          triggerAction(mapJs);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/properties.json') ||
-            path.endsWith('/properties.ts') ||
-            path.endsWith('/properties.js') ||
-            path.endsWith('.vue'))
-        ) {
-          triggerAction(mapLdd);
-        }
-      });
-    },
-  };
-}