ebt-vue3 2.34.0 → 2.36.2

package/.prettierignore

@@ -0,0 +1,8 @@
+node_modules
+dist
+local
+*.min.js
+*.min.css
+package-lock.json
+yarn.lock
+pnpm-lock.yaml

package/.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "endOfLine": "lf",
+  "vueIndentScriptAndStyle": false,
+  "htmlWhitespaceSensitivity": "ignore"
+}

package/eslint.config.js

@@ -1,7 +1,42 @@
-module.exports = [{
-  languageOptions: {
-    globals: {
-      xit: true,
-    }
-  }
-}];
+import js from '@eslint/js'
+import vue from 'eslint-plugin-vue'
+import globals from 'globals'
+
+export default [
+  js.configs.recommended,
+  ...vue.configs['flat/recommended'],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        xit: true,
+      },
+      ecmaVersion: 2022,
+      sourceType: 'module',
+    },
+    plugins: {
+      vue,
+    },
+    rules: {
+      'vue/multi-word-component-names': 'off',
+      'vue/no-unused-vars': 'error',
+      'no-unused-vars': 'error',
+      'no-console': 'warn',
+      'prefer-const': 'error',
+      'no-var': 'error',
+    },
+  },
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: vue.parser,
+      parserOptions: {
+        parser: '@babel/eslint-parser',
+        requireConfigFile: false,
+        ecmaVersion: 2022,
+        sourceType: 'module',
+      },
+    },
+  },
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ebt-vue3",
-  "version": "2.34.0",
+  "version": "2.36.2",
   "description": "Vue3 Library for SuttaCentral Voice EBT-Sites",
   "author": "Karl Lew",
   "scripts": {
@@ -10,7 +10,12 @@
     "build:html": "scripts/app-html.sh",
     "build:messages": "node scripts/build-messages.mjs > src/auto/messages.mjs",
     "dev": "vite",
-    "eslint": "eslint",
+    "dev:host": "vite --host",
+    "eslint": "eslint . --ext .js,.mjs,.vue",
+    "eslint:fix": "eslint . --ext .js,.mjs,.vue --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "type-check": "vue-tsc --noEmit",
     "gh-pages": "scripts/gh-pages.sh",
     "git:commit": "scripts/git-commit.sh",
     "preview": "vite preview",
@@ -22,9 +27,13 @@
     "test:test": "mocha --config test/mocha-config.json -g TESTTEST",
     "test:verbose": "mocha --inline-diffs",
     "test:watch": "mocha -w --inline-diffs",
+    "test:debug": "mocha --inline-diffs --timeout 10000",
+    "test:coverage": "echo 'Coverage not configured yet'",
     "version": "scripts/version.sh",
     "vite": "vite",
-    "vite:build": "vite build"
+    "vite:build": "vite build",
+    "lint": "npm run eslint && npm run format:check",
+    "lint:fix": "npm run eslint:fix && npm run format"
   },
   "main": "src/index.mjs",
   "module": "index.mjs",
@@ -37,7 +46,7 @@
     "merkle-json": "^2.10.0",
     "pinia": "^2.0.16",
     "roboto-fontface": "*",
-    "scv-esm": "^1.115.751",
+    "scv-esm": "^1.115.753",
     "serve-favicon": "^2.5.0",
     "uuid": "^9.0.0",
     "vite-plugin-vuetify": "^2.0.3",
@@ -48,12 +57,17 @@
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.24.0",
+    "@eslint/js": "^9.16.0",
     "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/tsconfig": "^0.5.1",
     "ebt-deepl": "^1.58.0",
     "eslint": "^9.16.0",
+    "eslint-plugin-vue": "^9.28.0",
     "esm": "^3.2.25",
     "execa": "^6.1.0",
     "fake-indexeddb": "^4.0.0",
+    "globals": "^15.12.0",
     "json": "^11.0.0",
     "markdown-it": "^13.0.1",
     "markdown-it-footnote": "^3.0.3",
@@ -61,12 +75,14 @@
     "mocha": "^10.0.0",
     "mock-local-storage": "^1.0.4",
     "node-fetch": "^3.2.10",
+    "prettier": "^3.3.3",
     "scv-bilara": "^3.171.4",
     "should": "^13.2.3",
     "supertest": "^7.0.0",
-    "ts-import": "^4.0.0-beta.6",
+    "typescript": "^5.9.3",
     "vite": "^6.3.5",
-    "vue-cli-plugin-vuetify": "~2.5.1"
+    "vue-cli-plugin-vuetify": "~2.5.1",
+    "vue-tsc": "^2.1.10"
   },
   "bin": {},
   "directories": {

package/scripts/i18n-langs.cjs

@@ -1,7 +1,6 @@
 #!/usr/bin/env node
 const fs = require("fs");
-const path = require( "path");
-const tsImport = require("ts-import");
+const path = require("path");
 
 const I18NDIR = path.join(__dirname, '../src/i18n');
 
@@ -9,27 +8,27 @@ let args = process.argv;
 let [nodePath, progPath, key, value] = args;
 let script = path.basename(progPath);
 let voices = require('../src/auto/voices.json')
-  .reduce((a,v) => {
+  .reduce((a, v) => {
     a[v.langTrans] = true;
     return a;
   }, {});;
 
-(async ()=>{
+(async () => {
   let files = await fs.promises.readdir(I18NDIR);
   let langs = [];
   for (f of files) {
     let fpath = path.join(I18NDIR, f);
-    let lang = f.replace(/\..*/,'');
-    let json = await tsImport.load(fpath)
+    let lang = f.replace(/\..*/, '');
+    let json = await import(fpath)
     let languageCode = json.default?.ebt?.languageCode;
     langs.push({
       value: lang,
       title: languageCode,
       voice: !!voices[lang],
     });
-    langs.sort((a,b)=> a.value.localeCompare(b.value));
+    langs.sort((a, b) => a.value.localeCompare(b.value));
   }
-  let voiceLangs = langs.filter(lang=>lang.voice);
+  let voiceLangs = langs.filter(lang => lang.voice);
   console.log(`
 // GENERATED CODE (DO NOT EDIT)
 const VOICE_LANGS = ${JSON.stringify(voiceLangs, null, 2)};

package/scripts/i18n-msg.cjs

@@ -1,7 +1,6 @@
 #!/usr/bin/env node
 const fs = require("fs");
-const path = require( "path");
-const tsImport = require("ts-import");
+const path = require("path");
 
 const I18NDIR = path.join(__dirname, '../src/i18n');
 
@@ -26,17 +25,20 @@ if (key == null) {
   key = groupKey;
   groupKey = 'ebt';
 }
-console.log({key, keyPath, groupKey});
+console.log({ key, keyPath, groupKey });
 
-let WRITE=1;
+let WRITE = 1;
 
-(async ()=>{
+(async () => {
   let [...files] = await fs.promises.readdir(I18NDIR);
   for (f of files) {
     let fpath = path.join(I18NDIR, f);
-    let srcJson = await tsImport.load(fpath)
+    let srcJson = await import(fpath)
     let dstJson = JSON.parse(JSON.stringify(srcJson.default));
     let groupObj = dstJson[groupKey];
+    if (!groupObj) {
+      groupObj = dstJson[groupKey] = {};
+    }
 
     if (value === "DELETE") {
       delete groupObj[key];
@@ -46,12 +48,12 @@ let WRITE=1;
     } else if (value != null) {
       groupObj[key] = value;
       let groupKeys = Object.keys(groupObj).sort();
-      let groupSorted = groupKeys.reduce((a,k,i)=>{
+      let groupSorted = groupKeys.reduce((a, k, i) => {
         a[k] = groupObj[k];
         return a;
       }, {});
       dstJson[groupKey] = groupSorted;
-      console.log('keys', 
+      console.log('keys',
         Object.keys(groupObj).length,
         Object.keys(groupSorted).length,
         groupKeys.length);

package/src/auto/messages.mjs

@@ -338,7 +338,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "da": {
     "close": "Luk",
@@ -675,7 +676,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "de": {
     "close": "Schließen",
@@ -1018,7 +1020,8 @@ const messages =  {
     },
     "input": {
       "clear": "Leeren {0}"
-    }
+    },
+    "test": {}
   },
   "en": {
     "close": "Close",
@@ -1209,7 +1212,8 @@ const messages =  {
       "viewHearUntranslated": "View/hear untranslated Pali texts",
       "weeks": "A_WEEKS weeks",
       "wikiAria": "Home-EN.md"
-    }
+    },
+    "test": {}
   },
   "es": {
     "close": "Cerrar",
@@ -1400,7 +1404,8 @@ const messages =  {
       "viewHearUntranslated": "Ver/escuchar textos pali sin traducir",
       "weeks": "A_WEEKS semanas",
       "wikiAria": "Inicio-ES.md"
-    }
+    },
+    "test": {}
   },
   "fr": {
     "close": "Fermer",
@@ -1591,7 +1596,8 @@ const messages =  {
       "viewHearUntranslated": "Voir/entendre des textes pali non traduits",
       "weeks": "A_WEEKS semaines",
       "wikiAria": "Accueil-FR.md"
-    }
+    },
+    "test": {}
   },
   "hi": {
     "close": "बंद करें",
@@ -1923,7 +1929,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "is": {
     "close": "Loka",
@@ -2260,7 +2267,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "it": {
     "close": "Chiudere",
@@ -2603,7 +2611,8 @@ const messages =  {
       "viewHearUntranslated": "Vedere/ascoltare testi paliani non tradotti",
       "weeks": "Settimane A",
       "wikiAria": "Home-EN.md"
-    }
+    },
+    "test": {}
   },
   "jpn": {
     "close": "閉じる",
@@ -2945,7 +2954,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "nb": {
     "close": "Lukk",
@@ -3280,7 +3290,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "nl": {
     "close": "Sluit",
@@ -3621,7 +3632,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "pl": {
     "close": "Close",
@@ -3959,7 +3971,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "pt": {
     "close": "Fechar",
@@ -4150,7 +4163,8 @@ const messages =  {
       "viewHearUntranslated": "Veja/ouça textos Pali não traduzidos",
       "weeks": "Semanas A_WEEKS",
       "wikiAria": "Home-EN.md"
-    }
+    },
+    "test": {}
   },
   "ro": {
     "close": "Închide",
@@ -4486,7 +4500,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "ru": {
     "close": "Закрыть",
@@ -4677,7 +4692,8 @@ const messages =  {
       "viewHearUntranslated": "Просмотр/прослушивание непереведенных текстов на языке пали",
       "weeks": "A_недели",
       "wikiAria": "Home-EN.md"
-    }
+    },
+    "test": {}
   },
   "si": {
     "close": "වසන්න",
@@ -5015,7 +5031,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   },
   "vi": {
     "close": "Đóng",
@@ -5352,7 +5369,8 @@ const messages =  {
     },
     "input": {
       "clear": "Clear {0}"
-    }
+    },
+    "test": {}
   }
 }
 export default messages

package/src/i18n/cs.mjs

@@ -337,5 +337,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/da.mjs

@@ -333,5 +333,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/de.mjs

@@ -339,5 +339,6 @@ export default {
   },
   "input": {
     "clear": "Leeren {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/en.mjs

@@ -187,5 +187,6 @@ export default {
     "viewHearUntranslated": "View/hear untranslated Pali texts",
     "weeks": "A_WEEKS weeks",
     "wikiAria": "Home-EN.md"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/es.mjs

@@ -187,5 +187,6 @@ export default {
     "viewHearUntranslated": "Ver/escuchar textos pali sin traducir",
     "weeks": "A_WEEKS semanas",
     "wikiAria": "Inicio-ES.md"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/fr.mjs

@@ -187,5 +187,6 @@ export default {
     "viewHearUntranslated": "Voir/entendre des textes pali non traduits",
     "weeks": "A_WEEKS semaines",
     "wikiAria": "Accueil-FR.md"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/hi.mjs

@@ -328,5 +328,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/is.mjs

@@ -333,5 +333,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/it.mjs

@@ -339,5 +339,6 @@ export default {
     "viewHearUntranslated": "Vedere/ascoltare testi paliani non tradotti",
     "weeks": "Settimane A",
     "wikiAria": "Home-EN.md"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/jpn.mjs

@@ -338,5 +338,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/nb.mjs

@@ -331,5 +331,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/nl.mjs

@@ -337,5 +337,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/pl.mjs

@@ -334,5 +334,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/pt.mjs

@@ -187,5 +187,6 @@ export default {
     "viewHearUntranslated": "Veja/ouça textos Pali não traduzidos",
     "weeks": "Semanas A_WEEKS",
     "wikiAria": "Home-EN.md"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/ro.mjs

@@ -332,5 +332,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/ru.mjs

@@ -187,5 +187,6 @@ export default {
     "viewHearUntranslated": "Просмотр/прослушивание непереведенных текстов на языке пали",
     "weeks": "A_недели",
     "wikiAria": "Home-EN.md"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/si.mjs

@@ -334,5 +334,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/i18n/vi.mjs

@@ -333,5 +333,6 @@ export default {
   },
   "input": {
     "clear": "Clear {0}"
-  }
-}
+  },
+  "test": {}
+}

package/src/types/global.d.ts

@@ -0,0 +1,23 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+declare module '*.mjs' {
+  const content: any
+  export default content
+}
+
+declare module '*.cjs' {
+  const content: any
+  export default content
+}
+
+declare module '*.json' {
+  const content: any
+  export default content
+}
+
+// Global variables
+declare const xit: any

package/test/ebt-settings.mjs

@@ -1,10 +1,11 @@
 import { default as EbtSettings } from "../src/ebt-settings.mjs";
 import { default as EbtCard } from "../src/ebt-card.mjs";
 import should from "should";
+import { mockNavigator } from "./test-utils.mjs";
 
 (typeof describe === 'function') && describe("ebt-settings.mjs", function () {
   it("default ctor en", async () => {
-    global.navigator = { languages: ['en-US'] };
+    mockNavigator(['en-US']);
     var ebt = new EbtSettings();
     should(ebt).properties({
       audio: EbtSettings.AUDIO.OGG,
@@ -42,7 +43,7 @@ import should from "should";
   });
   it("default ctor de-de", async () => {
     try {
-      global.navigator = { languages: ['de-de'] };
+      mockNavigator(['de-de']);
       should(global.navigator.languages[0]).equal('de-de');
       let ebt = new EbtSettings();
       should(ebt).properties({
@@ -65,7 +66,7 @@ import should from "should";
         vnameTrans: 'Vicki',
       });
     } finally {
-      global.navigator = { languages: ['en-us'] };
+      mockNavigator(['en-us']);
     }
   });
   it("INITIAL_STATE", async () => {

package/test/mocha-config.json

@@ -8,5 +8,8 @@
     "node_modules",
     ".git",
     "local"
+  ],
+  "require": [
+    "test/test-setup.mjs"
   ]
 }

package/test/test-setup.mjs

@@ -0,0 +1,24 @@
+/**
+ * Global test setup for ebt-vue3
+ * This file is automatically loaded by mocha before running tests
+ */
+
+import { setupTestEnvironment } from './test-utils.mjs';
+
+// Setup global test environment
+setupTestEnvironment();
+
+// Mock fetch if not available
+if (!global.fetch) {
+  global.fetch = require('node-fetch');
+}
+
+// Set default log level to reduce noise during tests
+if (typeof process !== 'undefined' && process.env.LOG_LEVEL) {
+  // Log level can be overridden via environment variable
+} else {
+  // Default to warn level to reduce test noise
+  process.env.LOG_LEVEL = 'warn';
+}
+
+console.log('Test environment setup complete');

package/test/test-utils.mjs

@@ -0,0 +1,69 @@
+/**
+ * Test utilities for ebt-vue3
+ * Provides common mocking functions and setup helpers
+ */
+
+/**
+ * Mock the navigator object for Node.js environment
+ * @param {string[]} languages - Array of language codes
+ */
+export const mockNavigator = (languages) => {
+  // Remove existing navigator if it exists
+  if (global.navigator) {
+    delete global.navigator;
+  }
+  
+  // Create a new navigator object
+  Object.defineProperty(global, 'navigator', {
+    value: { languages },
+    writable: true,
+    configurable: true
+  });
+};
+
+/**
+ * Mock localStorage for Node.js environment
+ */
+export const mockLocalStorage = () => {
+  if (global.localStorage) {
+    return;
+  }
+  
+  // Simple localStorage mock
+  const store = {};
+  global.localStorage = {
+    getItem: (key) => store[key] || null,
+    setItem: (key, value) => { store[key] = value; },
+    removeItem: (key) => { delete store[key]; },
+    clear: () => { Object.keys(store).forEach(key => delete store[key]); },
+    length: 0,
+    key: (index) => Object.keys(store)[index] || null
+  };
+};
+
+/**
+ * Mock window object for Node.js environment
+ */
+export const mockWindow = () => {
+  if (!global.window) {
+    global.window = {};
+  }
+  
+  // Add localStorage to window if not present
+  if (!global.window.localStorage && global.localStorage) {
+    global.window.localStorage = global.localStorage;
+  }
+};
+
+/**
+ * Setup common test environment
+ * @param {object} options - Configuration options
+ * @param {string[]} options.navigatorLanguages - Languages for navigator mock
+ */
+export const setupTestEnvironment = (options = {}) => {
+  const { navigatorLanguages = ['en-US'] } = options;
+  
+  mockNavigator(navigatorLanguages);
+  mockLocalStorage();
+  mockWindow();
+};

package/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/**/*.js",
+    "src/**/*.mjs"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "local"
+  ]
+}