ebt-vue3 2.33.47 → 2.35.0

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.33.47",
+  "version": "2.35.0",
   "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",
@@ -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,15 @@
     "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.6.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/src/idb-audio.mjs

@@ -24,8 +24,10 @@ export default class IdbAudio {
       created=Date.now(),
     } = opts;
     if (audioContext == null) {
+      // Safari-specific fix: use default AudioContext without forcing sample rate
       audioContext = new AudioContext();
-      dbg && console.log(msg, '[1]new AudioContext', audioContext.state);
+      dbg && console.log(msg, '[1]new AudioContext', audioContext.state, 
+        'sampleRate:', audioContext.sampleRate);
       audioContext.onstatechange = val=>{
         dbg && console.log(msg, '[2]onstatechange', 
           audioContext.state, val);

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"
+  ]
+}