@simple-reporting/base 1.0.13 → 1.0.15

package/scripts/vue/components.js

@@ -0,0 +1,94 @@
+import folders from '../folders.js';
+import { join, relative } from 'node:path/posix';
+import { existsSync, readdirSync, statSync, writeFileSync } from 'node:fs';
+
+function toPascalAfterSlash(str) {
+  return str.replace(/\/(.)/g, (_, c) => c.toUpperCase());
+}
+function readVueDir(entryPath, prefix = '') {
+  const componentsPath = join(entryPath, 'components');
+  const baseDir = join(componentsPath, 'Srl');
+  const result = {};
+
+  function search(dir) {
+    for (const entry of readdirSync(dir)) {
+      const fullPath = join(dir, entry);
+      if (statSync(fullPath).isDirectory()) {
+        search(fullPath);
+      } else if (entry.endsWith('.vue')) {
+        const path = relative(componentsPath, fullPath);
+        let name = path.slice(0, -4);
+        name = toPascalAfterSlash(name);
+        name = name.replaceAll('/', '');
+
+        result[name] = {
+          component: `${prefix}components/${path}`,
+          type: relative(folders.srlTypes, fullPath)
+        };
+      }
+    }
+  }
+
+  if (existsSync(baseDir) && statSync(baseDir).isDirectory()) {
+    search(baseDir);
+  }
+
+  return result;
+}
+
+export async function vueComponents() {
+  const srlComponents = readVueDir(folders.srlRoot, '#');
+  const appComponents = readVueDir(folders.srlSrc, '@/');
+
+  const components = []
+  const types = []
+
+  for (const [name, info] of Object.entries(srlComponents)) {
+    const componentPath = appComponents[name] ? appComponents[name].component : info.component
+    const typePath = appComponents[name] ? appComponents[name].type : info.type
+    components.push(
+      `app.component('${name}', defineAsyncComponent(() => import('${componentPath}')));`,
+    )
+    types.push({
+      name: name,
+      type: `  type ${name} = typeof import('${typePath}')['default'];`,
+    })
+  }
+
+  for (const [name, info] of Object.entries(appComponents)) {
+    if (!srlComponents[name]) {
+      components.push(
+        `app.component('${name}', defineAsyncComponent(() => import('${info.component}')));`,
+      )
+      types.push({
+        name: name,
+        type: `  type ${name} = typeof import('${info.type}')['default'];`,
+      })
+    }
+  }
+
+  writeFileSync(join(folders.srlPlugins, 'asyncSrlComponents.ts'),
+`import { defineAsyncComponent } from 'vue';
+export default function asyncSrlComponents(app) {
+  ${components.join('\n  ')}
+}
+`, 'utf8');
+
+  const componentsInterface = types.map(t => {
+    return `  ${t.name}: ${t.name};`
+  })
+
+  writeFileSync(join(folders.srlTypes, 'components.d.ts'),
+`export {};
+declare global {
+${types.map(t=>t.type).join("\n")}
+}
+
+interface _GlobalComponents {
+${componentsInterface.join("\n")}
+}
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents extends _GlobalComponents {}
+}
+`, 'utf8');
+}

package/srl/components/Srl/Article/{DialogButton.vue → Dialog/Button.vue}

@@ -11,7 +11,7 @@ const config = useConfig();
 const articles = useArticles();
 const id = ref<string>(`srl-page__dialog-${useId()}`);
 const content = ref<string>('');
-const dialog = ref<typeof SrlPageDialog | null>(null);
+const dialog = ref<SrlPageDialog | null>(null);
 async function loadContent() {
   const article = articles.value.find((article) => article.uuid === props.uuid);
   if (article) {

package/srl/components/Srl/Menu/Item/Content.vue

@@ -1,11 +1,4 @@
 <script setup lang="ts">
-import MenuItemContentText from './Content/Text.vue';
-import MenuItemContentImage from './Content/Image.vue';
-import MenuItemContentImageBefore from './Content/ImageBefore.vue';
-import MenuItemContentImageAfter from './Content/ImageAfter.vue';
-import MenuItemContentIcon from './Content/Icon.vue';
-import MenuItemContentIconBefore from './Content/IconBefore.vue';
-import MenuItemContentIconAfter from './Content/IconAfter.vue';
 
 const props = defineProps<{
   item: NsWowNavigationItem
@@ -15,43 +8,43 @@ const props = defineProps<{
 </script>
 
 <template>
-  <MenuItemContentIcon
+  <SrlMenuItemContentIcon
     v-if="props.item.icon"
     :item="props.item"
     :depth="props.depth"
     :disableClasses="props.disableClasses"
   />
-  <MenuItemContentIconBefore
+  <SrlMenuItemContentIconBefore
     v-else-if="props.item.iconBefore"
     :item="props.item"
     :depth="props.depth"
     :disableClasses="props.disableClasses"
   />
-  <MenuItemContentIconAfter
+  <SrlMenuItemContentIconAfter
     v-else-if="props.item.iconAfter"
     :item="props.item"
     :depth="props.depth"
     :disableClasses="props.disableClasses"
   />
-  <MenuItemContentImage
+  <SrlMenuItemContentImage
     v-else-if="props.item.img"
     :item="props.item"
     :depth="props.depth"
     :disableClasses="props.disableClasses"
   />
-  <MenuItemContentImageBefore
+  <SrlMenuItemContentImageBefore
     v-else-if="props.item.imgBefore"
     :item="props.item"
     :depth="props.depth"
     :disableClasses="props.disableClasses"
   />
-  <MenuItemContentImageAfter
+  <SrlMenuItemContentImageAfter
     v-else-if="props.item.imgAfter"
     :item="props.item"
     :depth="props.depth"
     :disableClasses="props.disableClasses"
   />
-  <MenuItemContentText
+  <SrlMenuItemContentText
     v-else
     :item="props.item"
     :depth="props.depth"

package/srl/components/Srl/Menu/Item.vue

@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, useId } from 'vue'
-import MenuItemContent from './Item/Content.vue'
-import MenuList from './List.vue'
 import type { RouterLink } from 'vue-router'
 import { isExternalPath } from '#utils/uri'
 
@@ -187,7 +185,7 @@ const classListItem = computed(() => {
       @keydown.shift.tab.exact="back"
       @keydown.esc.stop.prevent="close"
     >
-      <MenuItemContent
+      <SrlMenuItemContent
         :item="props.item"
         :depth="props.depth"
         :disableClasses="props.disableClasses"
@@ -212,7 +210,7 @@ const classListItem = computed(() => {
       @keydown.shift.tab.exact="back"
       @keydown.esc.stop.prevent="close"
     >
-      <MenuItemContent
+      <SrlMenuItemContent
         :item="props.item"
         :depth="props.depth"
         :disableClasses="props.disableClasses"
@@ -237,7 +235,7 @@ const classListItem = computed(() => {
       @keydown.shift.tab.exact="back"
       @keydown.esc.stop.prevent="close"
     >
-      <MenuItemContent
+      <SrlMenuItemContent
         :item="props.item"
         :depth="props.depth"
         :disableClasses="props.disableClasses"
@@ -265,13 +263,13 @@ const classListItem = computed(() => {
       @keydown.shift.tab.exact="back"
       @keydown.esc.stop.prevent="close"
     >
-      <MenuItemContent
+      <SrlMenuItemContent
         :item="props.item"
         :depth="props.depth"
         :disableClasses="props.disableClasses"
       />
     </button>
-    <MenuList
+    <SrlMenu
       v-if="props.item.children"
       ref="menu"
       :id="`${props.name}-${id}`"

package/srl/components/Srl/{Menu/List.vue → Menu.vue}

@@ -51,7 +51,6 @@
  * />
  */
 import { computed, ref } from 'vue'
-import MenuItem from './Item.vue'
 
 type BackButtonItem = {
   title?: string
@@ -108,7 +107,7 @@ const emit = defineEmits([
   'tab',
   'back',
 ])
-const items = ref<Array<typeof MenuItem>>([])
+const items = ref<SrlMenuItem[]>([])
 
 const opened = defineModel('opened', { type: Boolean, default: true })
 
@@ -247,7 +246,7 @@ defineExpose({
     @keydown.left.prevent.stop="focusClickable(menuItems.length - 1)"
   >
     <template v-for="(item, index) in menuItems" :key="index">
-      <MenuItem
+      <SrlMenuItem
         ref="items"
         :item="item"
         :name="props.name"

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, onUpdated, ref, watch } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 
 const props = defineProps<{
   accordion: {

package/srl/components/Srl/Page/Dialog.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import SrlPageCustomDialog from '@//Dialog.vue';
+import SrlPageCustomDialog from '@/Dialog.vue';
 import Autoload from '@/Autoload.ts';
 
 const props = withDefaults(

package/srl/plugins/asyncLdComponent.ts

@@ -1,2 +1,2 @@
-import { defineAsyncComponent } from 'vue';
-export default function asyncLdComponent(app) {}
+import { defineAsyncComponent } from 'vue'
+export default function asyncLdComponent(app) {}

package/srl/plugins/asyncSrlComponents.ts

@@ -0,0 +1,2 @@
+import { defineAsyncComponent } from 'vue';
+export default function asyncSrlComponents(app) {}

package/srl/plugins/initProject.ts

@@ -5,7 +5,7 @@ import srlVuePlugin from '#plugins/vueSrlPlugin';
 
 import '#imports/app.scss';
 
-import SrlPageApp from '#components/Srl/Page/App.vue';
+import SrlPageApp from '#components/App.vue';
 import router from '@/router';
 
 export default async function initProject() {

package/srl/plugins/vueSrlPlugin.ts

@@ -1,27 +1,10 @@
-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 { type App } from 'vue'
 import asyncLdComponent from './asyncLdComponent.ts';
+import asyncSrlComponents from '#plugins/asyncSrlComponents.ts';
 
 export default {
   install(app: App) {
-    app.component('SrlAriaTabChain', defineComponent(SrlAriaTabChain));
-    app.component('SrlArticleAutoload', defineComponent(SrlArticleAutoload));
-    app.component('SrlArticleRoot', defineComponent(SrlArticleRoot));
-    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')));
+    asyncSrlComponents(app)
     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

@@ -1,17 +1,6 @@
-import { Component, App } from 'vue';
-
-interface window {
-  app: App;
-}
-interface _GlobalComponents {
-  SrlAriaTabChain: (typeof import('../components/Srl/Aria/TabChain.vue'))['default'];
-  SrlArticleAutoload: (typeof import('../components/Srl/Article/Autoload.vue'))['default'];
-  SrlArticleDialogButton: (typeof import('../components/Srl/Article/DialogButton.vue'))['default'];
-  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'];
-}
-
+export {}
+declare global {}
+interface _GlobalComponents {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents extends _GlobalComponents {}
 }

package/srl/types/global.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue'
+export {}
+declare global {
+  interface Window {
+    app: App;
+  }
+}

package/srl/types/nswow.d.ts

@@ -1,6 +1,6 @@
 export {};
 declare global {
-  export type NsWowSettings = {
+  type NsWowSettings = {
     languages: string[];
     defaultLanguage: string;
     shortBreadcrumb: boolean;
@@ -10,7 +10,7 @@ declare global {
     categories: string[];
   };
 
-  export interface NsWowArticle {
+  interface NsWowArticle {
     uuid: string;
     name: string;
     translatedTitle: string;
@@ -23,11 +23,11 @@ declare global {
     status: string;
   }
 
-  export interface NsWowArticles {
+  interface NsWowArticles {
     [locale: string]: NsWowArticle[];
   }
 
-  export type NsWowConfig = {
+  type NsWowConfig = {
     locale: string;
     settings: NsWowSettings;
     articles: NsWowArticles;
@@ -40,15 +40,15 @@ declare global {
     };
   };
 
-  export type NsWowTranslations = {
+  type NsWowTranslations = {
     [locale: string]: NsWowTranslation;
   };
 
-  export type NsWowTranslation = {
+  type NsWowTranslation = {
     [key: string]: string;
   };
 
-  export interface NsWowMenu {
+  interface NsWowMenu {
     label: string;
     type: string;
     page?: string;
@@ -57,11 +57,11 @@ declare global {
     submenuEntries?: NsWowMenu[];
   }
 
-  export interface NsWowMenus {
+  interface NsWowMenus {
     [menu: string]: NsWowMenu[];
   }
 
-  export interface NsWowResponseRouting {
+  interface NsWowResponseRouting {
     version: string;
     pages: NsWowArticle[];
     menu: {
@@ -69,7 +69,7 @@ declare global {
     };
   }
 
-  export interface NsWowDownload {
+  interface NsWowDownload {
     type: string;
     title: string;
     fileType: string;
@@ -77,19 +77,19 @@ declare global {
     artifact: string;
   }
 
-  export type NsWowDownloads = {
+  type NsWowDownloads = {
     version?: string;
     structure: NsWowDownload[];
     annualReport?: NsWowDownload;
   };
 
-  export type NsWowSearchList = {
+  type NsWowSearchList = {
     article: NsWowArticle;
     href: string;
     words: string;
   };
 
-  export type NsWowNavigationItem = {
+  type NsWowNavigationItem = {
     label: string;
     title?: string;
     icon?: string;
@@ -116,7 +116,7 @@ declare global {
     children?: NsWowNavigationItem[];
   };
 
-  export type NsWowPageData = {
+  type NsWowPageData = {
     time: number;
     article: NsWowArticle | null;
     content: string;