@simple-reporting/base 1.0.16 → 1.0.17

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/editor.scss

@@ -2,12 +2,6 @@
 @use "web";
 @use 'assets/scss/placeholders';
 
-.srl-pdf-chapter-title {
-  border-bottom: 1px solid #{srl.colors-primary-1000()};
-  @include srl.spacer-padding-block(200);
-  @extend %srl-grid-base;
-}
-
 .srl-pdf-chapter-title__text {
   @extend %srl-regular-width;
 }

package/livingdocs/999.Properties/hide-quote-characters/properties.json

@@ -2,6 +2,6 @@
   "hide-quote-characters": {
     "label": "Hide quote characters before and after",
     "type": "option",
-    "value": "hide-quote-characters"
+    "value": "srl-hide-quote-characters"
   }
 }

package/livingdocs/999.Properties/icon/properties.json

@@ -0,0 +1,19 @@
+{
+  "icon": {
+    "label": "Icon",
+    "type": "select",
+    "options": [
+      {
+        "caption": "None"
+      },
+      {
+        "caption": "Arrow right",
+        "value": "srl-icon-arrow-right-after"
+      },
+      {
+        "caption": "Download",
+        "value": "srl-icon-download-after"
+      }
+    ]
+  }
+}

package/livingdocs/999.Properties/reverse/properties.json

@@ -0,0 +1,7 @@
+{
+  "reverse": {
+    "label": "Reverse",
+    "type": "option",
+    "value": "srl-reverse"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-reporting/base",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Manage srl templates, build and publish",
   "bin": {
     "srl": "cli.js"

package/plugins/viteSrlPlugin.d.ts

@@ -1,2 +1,6 @@
 import type { Plugin } from 'vite';
-declare function viteSrlPlugin(): Plugin;
+
+declare function viteSrlPlugin(): Plugin;
+
+export default viteSrlPlugin;
+export { viteSrlPlugin };

package/plugins/viteSrlPlugin.js

@@ -125,7 +125,7 @@ function triggerAction(callback) {
   }, 200);
 }
 
-export default function viteSrlPlugin() {
+function viteSrlPlugin() {
   return {
     name: 'vite-srl-plugin',
     config(config) {
@@ -251,3 +251,6 @@ export default function viteSrlPlugin() {
     },
   };
 }
+
+export default viteSrlPlugin;
+export { viteSrlPlugin };

package/scripts/build.js

@@ -1,4 +1,4 @@
-import { join } from 'node:path/posix';
+import { join, relative } from 'node:path/posix';
 import {
   statSync,
   writeFileSync,
@@ -244,22 +244,6 @@ async function zipLdd() {
   console.log("\n\nCreate zip file for LDD");
   await checkFolders();
 
-  const lddPdfDir = join(folders.srlOutput, 'ldd', 'pdf');
-
-  try {
-    const pdfDir = join(folders.srlOutput, 'pdf');
-    statSync(pdfDir);
-    await cpSync(pdfDir, lddPdfDir, { recursive: true });
-    console.log('PDF folder has been copied to ' + lddPdfDir);
-  } catch (e) {}
-
-  try {
-    const customerDir = join(folders.root, 'pdf', 'customer');
-    statSync(customerDir);
-    await cpSync(customerDir, lddPdfDir, { recursive: true });
-    console.log('Contents of pdf/customer have been copied to ' + lddPdfDir);
-  } catch (e) {}
-
   const archiver = require('archiver');
   const output = createWriteStream(join(outputPath, 'design.zip'));
   const archive = archiver('zip', {
@@ -472,21 +456,6 @@ async function buildLdd(version) {
                 }
               }
             },
-            resolve: {
-              alias: {
-                '~': folders.root,
-                '@': folders.srlSrc,
-                '#components': folders.srlComponents,
-                '#composables': folders.srlComposables,
-                '#plugins': folders.srlPlugins,
-                '#types': folders.srlTypes,
-                '#utils': folders.srlUtils,
-                '#imports': folders.srlImports,
-                '#ldd': folders.packageLd,
-                'assets': folders.srlAssets,
-                'srl': folders.srlSystem,
-              },
-            },
             publicDir: false,
           })
         }
@@ -501,6 +470,7 @@ async function buildLdd(version) {
           join(folders.root, 'livingdocs.config.json'),
           join(folders.srlOutput, 'ldd', 'design.json'),
         );
+        buildPdfCustomer()
       });
   } catch (e) {
     console.error(e);
@@ -508,6 +478,121 @@ async function buildLdd(version) {
   }
 }
 
+async function buildPdfCustomer() {
+  const lddPdfDir = join(folders.srlOutput, 'ldd', 'pdf');
+  const lddJson = await readLivingDocsJson();
+
+  try {
+    const pdfDir = join(folders.srlOutput, 'pdf');
+    statSync(pdfDir);
+    await cpSync(pdfDir, lddPdfDir, { recursive: true });
+    console.log('PDF folder has been copied to ' + lddPdfDir);
+  } catch (e) {
+    console.error(e)
+  }
+
+  try {
+    const customerDir = join(folders.root, 'pdf', 'customers');
+    statSync(customerDir);
+    const customerFolders = readdirSync(customerDir, { withFileTypes: true })
+      .filter(dirent => dirent.isDirectory())
+      .map(dirent => dirent.name);
+
+    try {
+      for (let i = 0; i < customerFolders.length; i++) {
+        const customer = customerFolders[i];
+        const customerFolder = join(customerDir, customer);
+        const customerTarget = join(lddPdfDir, customer);
+
+        const jsReferences = [
+          'pdf.js'
+        ];
+        const cssReferences = [
+          'pdf.css'
+        ];
+
+        try {
+          const scssPath = join(customerFolder, 'custom.ts');
+          statSync(scssPath);
+          const config = {
+            css: {
+              preprocessorOptions: {
+                scss: {
+                  api: 'modern-compiler',
+                },
+              },
+            },
+            base: './',
+            build: {
+              outDir: customerTarget,
+              lib: {
+                fileName: 'custom',
+                entry: scssPath,
+                formats: ['es'],
+              },
+            },
+            publicDir: false,
+          };
+          await viteBuild(config)
+
+          try {
+            statSync(join(customerTarget, 'custom.js'));
+            jsReferences.push(`${customer}/custom.js`);
+          } catch (e) {}
+
+          try {
+            statSync(join(customerTarget, 'custom.css'));
+            cssReferences.push(`${customer}/custom.css`);
+          } catch (e) {}
+
+
+        } catch (e) {}
+
+        const files = await glob(join(customerFolder, '**', '*'), { withFileTypes: true });
+        for (const file of files) {
+          if (file.isFile()) {
+            if (!file.name.endsWith('.scss') && !file.name.endsWith('.ts') && !file.name.endsWith('.tsx')) {
+              const from = file.fullpath();
+              const to = join(customerTarget, relative(customerFolder, file.fullpath()));
+              await cpSync(from, to);
+              console.log(`Copy /${relative(folders.root, from)} to /${relative(folders.root, to)}`);
+            }
+            if (file.name.endsWith('.css')) {
+              cssReferences.push(`${relative(customerDir, file.fullpath())}`);
+            }
+            if (file.name.endsWith('.js')) {
+              jsReferences.push(`${relative(customerDir, file.fullpath())}`);
+            }
+          }
+        }
+
+        const ns = `${nsWowInternalLddUrl}/${lddJson.name}/${lddJson.version}/pdf`;
+
+        const pdfConfig = [
+          '<configuration xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">'
+        ];
+        cssReferences.forEach( p => {
+          pdfConfig.push(`  <userStyleSheets><uri>${ns}/${p}</uri></userStyleSheets>`);
+        })
+
+        jsReferences.forEach( p => {
+          pdfConfig.push(`  <userScripts><uri>${ns}/${p}</uri></userScripts>`);
+        })
+
+        pdfConfig.push(`</configuration>`);
+
+        const pdfConfigPath = join(customerTarget, 'pdf-configuration.xml');
+        await writeFileSync(pdfConfigPath, pdfConfig.join('\n'));
+        console.log(`Create PDF configuration file /${relative(folders.root, pdfConfigPath)}`);
+      }
+    } catch (e) {
+      console.error(e)
+    }
+  } catch (e) {}
+
+  return true;
+}
+
 /**
  * Builds the word document by compiling the HTML file using Vite and
  * returns the result.
@@ -518,7 +603,6 @@ async function buildLdd(version) {
 async function buildWord() {
   console.log("\n\nBuild Word");
   await checkFolders();
-  let configFile = false;
 
   const config = {
     css: {

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

@@ -57,7 +57,13 @@ onMounted(() => {
 </script>
 
 <template>
-<div ref="rootEl" :id="props.accordion.id" :hidden="!props.accordion.state">
+<div
+  ref="rootEl"
+  :id="props.accordion.id"
+  :hidden="!props.accordion.state"
+  tabindex="-1"
+  @keydown.esc.stop.prevent="accordion.close()"
+>
   <slot/>
 </div>
 </template>

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

@@ -12,11 +12,12 @@ function toggle() {
 
 function open() {
   state.value = true
-  rootEl.value.querySelector<HTMLDivElement>(`#${id.value}`)?.focus()
+  rootEl.value?.querySelector<HTMLDivElement>(`#${id.value}`)?.focus()
 }
 
 function close() {
   state.value = false
+  rootEl.value?.querySelector<HTMLDivElement>(`[aria-controls="${id.value}"]`)?.focus()
 }
 
 const accordion = computed(() => {

package/srl/components/Srl/Menu.vue

@@ -236,6 +236,7 @@ defineExpose({
   <ul
     ref="$el"
     tabindex="0"
+    :role="props.depth === 0 ? 'menubar' : 'menu'"
     :id="props.id"
     :class="classList"
     :hidden="!opened"