@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.48 → 2.0.0-next.49

package/script/generate-bundle-entry.ts

@@ -0,0 +1,77 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import {globSync} from 'glob';
+
+const BUNDLE_FILE = 'bundle.ts';
+
+function findComponentFiles(
+  directory: string,
+  excludeFiles: string[] = []
+): string[] {
+  const components: string[] = [];
+  const fullPath = path.join(process.cwd(), directory);
+
+  if (!fs.existsSync(fullPath)) {
+    return components;
+  }
+
+  const items = globSync(`${fullPath}/**/*.ts`, {
+    ignore: [
+      '**/*.stories.ts',
+      '**/*.spec.ts',
+      '**/*.test.ts',
+      '**/_test-utils.ts',
+    ],
+  });
+  const rootPath = path.join(process.cwd());
+
+  for (const item of items) {
+    if (
+      item.endsWith('.ts') &&
+      !item.endsWith('.stories.ts') &&
+      !excludeFiles.includes(item)
+    ) {
+      const filename = item.replace('.ts', '');
+      const relativePath = filename.replace(rootPath, '');
+
+      components.push(relativePath);
+    }
+  }
+
+  return components.sort((a, b) => a.localeCompare(b));
+}
+
+function generateBundleFile() {
+  console.log(`Generating ${BUNDLE_FILE}...`);
+
+  let content = `// Bundle entry file - imports all web components for standalone browser usage
+// Auto-generated by script/generate-bundle-entry.ts - do not edit manually
+
+// Types
+export * from './src/types.js';
+
+`;
+  const folders = fs
+    .readdirSync('src')
+    .map((dir) => path.join('src', dir))
+    .filter((dir) => fs.statSync(dir).isDirectory());
+
+  for (const folder of folders) {
+    console.log(`Adding components from ${folder}...`);
+    const components = findComponentFiles(folder);
+
+    if (components.length > 0) {
+      content += `// ${folder}\n`;
+      for (const comp of components) {
+        content += `import '.${comp}.js';\n`;
+      }
+      content += '\n';
+    }
+  }
+
+  fs.writeFileSync(BUNDLE_FILE, content, 'utf-8');
+
+  console.log(`✓ Generated ${BUNDLE_FILE} with all component imports`);
+}
+
+generateBundleFile();

package/script/prepare-full-bundle.ts

@@ -0,0 +1,105 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+const scriptPath = path.resolve(process.argv[1]);
+const scriptDirectory = path.dirname(scriptPath);
+
+const packageRoot = path.resolve(scriptDirectory, '..');
+const sourcePackagePath = path.join(packageRoot, 'package.json');
+const fullBundlePackageRoot = path.join(packageRoot, '.full-bundle-publish');
+const sourcePackage = JSON.parse(fs.readFileSync(sourcePackagePath, 'utf-8'));
+const releaseVersion = process.argv[2] ?? sourcePackage.version;
+const {scripts: _scripts, ...sourcePackageWithoutScripts} = sourcePackage;
+
+const nonWorkingScripts = new Set([
+  'wrappers',
+  'build:full',
+  'wrappers:clean',
+  'wrappers:build',
+  'wrappers:generate',
+  'wrappers:post-fix',
+  'test-storybook:docker',
+]);
+
+const scripts = Object.fromEntries(
+  Object.entries(_scripts).filter(([name]) => !nonWorkingScripts.has(name))
+);
+
+const fullBundlePackage = {
+  ...sourcePackageWithoutScripts,
+  name: '@oicl/openbridge-webcomponents-full-bundle',
+  version: releaseVersion,
+  scripts,
+  files: [
+    'dist',
+    '!dist/AR-test-image.png',
+    '!dist/companylogo-day.png',
+    'bundle/openbridge-webcomponents.bundle.js',
+    'bundle/openbridge-webcomponents.bundle.js.map',
+    '.storybook',
+    'script',
+    'xliff',
+    'src',
+    'docs',
+    'custom-elements.json',
+    'tsconfig.json',
+    'eslint.config.mjs',
+    'vite.config.ts',
+    'postcss.config.mjs',
+    'lit-localize.json',
+    'new-component.ts',
+    'fix-imports.mjs',
+    'fix-js-extensions.mjs',
+    'vitest.browser.config.ts',
+    'vitest.config.ts',
+  ],
+};
+
+fs.rmSync(fullBundlePackageRoot, {recursive: true, force: true});
+fs.mkdirSync(fullBundlePackageRoot, {recursive: true});
+
+for (const dirName of [
+  'dist',
+  'bundle',
+  'src',
+  'docs',
+  'xliff',
+  'script',
+  '.storybook',
+]) {
+  fs.cpSync(
+    path.join(packageRoot, dirName),
+    path.join(fullBundlePackageRoot, dirName),
+    {
+      recursive: true,
+    }
+  );
+}
+
+for (const file of [
+  'custom-elements.json',
+  'tsconfig.json',
+  'vite.config.ts',
+  'eslint.config.mjs',
+  'postcss.config.mjs',
+  'lit-localize.json',
+  'new-component.ts',
+  'fix-imports.mjs',
+  'fix-js-extensions.mjs',
+  'vitest.browser.config.ts',
+  'vitest.config.ts',
+]) {
+  fs.copyFileSync(
+    path.join(packageRoot, file),
+    path.join(fullBundlePackageRoot, file)
+  );
+}
+
+fs.writeFileSync(
+  path.join(fullBundlePackageRoot, 'package.json'),
+  JSON.stringify(fullBundlePackage, null, 2) + '\n'
+);
+
+console.log(
+  `✓ Prepared full-bundle publish directory: ${fullBundlePackageRoot}`
+);

package/script/sort-custom-element-manifest.ts

@@ -0,0 +1,67 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+interface Declaration {
+  kind: string;
+  name?: string;
+  [key: string]: unknown;
+}
+
+interface Module {
+  kind: string;
+  path: string;
+  declarations?: Declaration[];
+  exports?: unknown[];
+  [key: string]: unknown;
+}
+
+interface CustomElementsJson {
+  schemaVersion: string;
+  readme: string;
+  modules: Module[];
+}
+
+const filePath = path.join(process.cwd(), 'custom-elements.json');
+
+const data: CustomElementsJson = JSON.parse(fs.readFileSync(filePath, 'utf8'));
+
+const filteredModules = data.modules
+  .map((module): Module | null => {
+    if (!module.declarations || !Array.isArray(module.declarations)) {
+      return null;
+    }
+
+    const filteredDeclarations = module.declarations.filter(
+      (declaration: Declaration) => {
+        return declaration.name && declaration.name.startsWith('Obc');
+      }
+    );
+
+    if (filteredDeclarations.length === 0) {
+      return null;
+    }
+
+    return {
+      ...module,
+      declarations: filteredDeclarations,
+    };
+  })
+  .filter((module): module is Module => module !== null);
+
+filteredModules.sort((a, b) => {
+  const pathA = a.path || '';
+  const pathB = b.path || '';
+  return pathA.localeCompare(pathB);
+});
+
+const result: CustomElementsJson = {
+  ...data,
+  modules: filteredModules,
+};
+
+fs.writeFileSync(filePath, JSON.stringify(result, null, 2) + '\n', 'utf8');
+
+console.log(
+  `Filtered and sorted ${filteredModules.length} modules with Obc declarations`
+);
+console.log(`Original file had ${data.modules.length} modules`);

package/src/components/icon-button/icon-button.ts

@@ -58,6 +58,9 @@ export enum IconButtonVariant {
  * | (default) | Always              | The icon to display (e.g., `<obi-search>`)   |
  * | label     | If `hasLabel` is set | Optional label text below the icon           |
  *
+ * ## Events
+ * - Emits a standard `click` event (`onClick` handler in framework wrappers) when activated.
+ *
  * ## Best Practices
  * - Ensure icons are clear and universally recognizable.
  * - For accessibility, provide an `aria-label` or descriptive label for the button's action.
@@ -77,6 +80,7 @@ export enum IconButtonVariant {
  *
  * @slot - Icon slot (default): Place an icon such as <obi-search> here.
  * @slot label - Optional label shown below the icon when `hasLabel` is true.
+ * @fires click - Fired when the button is clicked (if not disabled).
  */
 @customElement('obc-icon-button')
 export class ObcIconButton extends LitElement {

package/vite.config.ts

@@ -0,0 +1,107 @@
+import postcssLit from 'rollup-plugin-postcss-lit';
+import {defineConfig} from 'vite';
+import dts from 'vite-plugin-dts';
+import {globbySync} from 'globby';
+import postcss from 'postcss';
+import postcssConfig from './postcss.config.mjs';
+import fs from 'fs';
+import path from 'path';
+
+const input = globbySync('src/**/*.ts', {
+  ignore: [
+    'src/**/*.stories.ts',
+    'src/**/*.spec.ts',
+    'src/**/*.test.ts',
+    'src/storybook-util.ts',
+    'src/ar/_test-utils.ts',
+  ],
+});
+
+// https://vitejs.dev/config/
+export default defineConfig(({mode}) => {
+  const isBundleMode = mode === 'bundle';
+
+  return {
+    build: {
+      minify: false,
+      lib: {
+        entry: 'src/index.ts',
+        name: 'openbridge-webcomponents',
+        fileName: 'openbridge-webcomponents',
+        formats: ['es'],
+      },
+      rollupOptions: {
+        input: isBundleMode ? 'bundle.ts' : input,
+        external: isBundleMode
+          ? // For bundle mode, bundle everything (no externals)
+            []
+          : // For regular mode, externalize as before
+            (id) =>
+              id.startsWith('lit') ||
+              id.startsWith('@lit') ||
+              id.startsWith('uplot') ||
+              id.startsWith('chart.js') ||
+              id.startsWith('@kurkle/color'),
+        preserveEntrySignatures: 'strict',
+        output: isBundleMode
+          ? // Bundle mode: single file output
+            {
+              format: 'es',
+              entryFileNames: 'openbridge-webcomponents.bundle.js',
+              dir: 'bundle',
+              sourcemap: true,
+              preserveModules: false,
+              inlineDynamicImports: true,
+            }
+          : // Regular mode: preserve modules
+            {
+              format: 'es',
+              entryFileNames: (opt) => {
+                return `${opt.name}.js`;
+              },
+              sourcemap: true,
+              preserveModules: true,
+              preserveModulesRoot: 'src',
+              inlineDynamicImports: false,
+            },
+      },
+    },
+    plugins: [
+      postcssLit(),
+      dts({
+        clearPureImport: false,
+        exclude: [
+          'src/**/*.stories.ts',
+          'src/**/*.spec.ts',
+          'src/**/*.test.ts',
+          'src/storybook-util.ts',
+          'src/ar/_test-utils.ts',
+        ],
+      }),
+      {
+        name: 'custom-postcss',
+        async generateBundle() {
+          const inputCSS = path.resolve(__dirname, 'src/main.css'); // Your source CSS
+          // Make dist folder if it doesn't exist
+          if (!fs.existsSync(path.resolve(__dirname, 'dist'))) {
+            fs.mkdirSync(path.resolve(__dirname, 'dist'));
+          }
+          const outputCSS = path.resolve(__dirname, 'dist/openbridge.css'); // Destination
+
+          if (fs.existsSync(inputCSS)) {
+            const css = fs.readFileSync(inputCSS, 'utf-8');
+            const result = await postcss(postcssConfig({}).plugins).process(
+              css,
+              {
+                from: inputCSS,
+                to: outputCSS,
+              }
+            );
+
+            fs.writeFileSync(outputCSS, result.css);
+          }
+        },
+      },
+    ],
+  };
+});

package/vitest.browser.config.ts

@@ -0,0 +1,14 @@
+import {defineConfig} from 'vitest/config';
+import {playwright} from '@vitest/browser-playwright';
+
+export default defineConfig({
+  test: {
+    // ignore files in dist folder
+    exclude: ['dist/**', 'node_modules/**'],
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      instances: [{browser: 'chromium'}],
+    },
+  },
+});

package/vitest.config.ts

@@ -0,0 +1,51 @@
+import {defineConfig} from 'vitest/config';
+import {playwright} from '@vitest/browser-playwright';
+
+import {storybookTest} from '@storybook/addon-vitest/vitest-plugin';
+import {storybookVis} from 'storybook-addon-vis/vitest-plugin';
+
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  test: {
+    projects: [
+      {
+        extends: true,
+        plugins: [
+          storybookTest({
+            // The location of your Storybook config, main.js|ts
+            configDir: path.join(dirname, '.storybook'),
+            // This should match your package.json script to run Storybook
+            // The --no-open flag will skip the automatic opening of a browser
+            storybookScript: 'npm run storybook --no-open',
+            tags: {
+              exclude: ['skip-test'],
+            },
+          }),
+          storybookVis({
+            comparisonMethod: 'pixel',
+            failureThreshold: 4,
+            failureThresholdType: 'pixel',
+            snapshotRootDir: (config) =>
+              path.join(dirname, '__vis__', config.platform),
+          }),
+        ],
+        test: {
+          name: 'storybook',
+          setupFiles: ['./.storybook/vitest.setup.ts'],
+          // Enable browser mode
+          browser: {
+            enabled: true,
+            // Make sure to install Playwright
+            provider: playwright({}),
+            headless: true,
+            instances: [{browser: 'chromium'}],
+          },
+        },
+      },
+    ],
+  },
+});

package/xliff/es-419.xlf

@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="es-419" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="sa7f8e003ff63ef9f">
+  <source>No active alerts</source>
+  <target>No alertas activas</target>
+</trans-unit>
+<trans-unit id="s3cd891731e99f7e6">
+  <source>Active alerts</source>
+  <target>Alertas activas</target>
+</trans-unit>
+<trans-unit id="s8119af112f965c78">
+  <source>Brilliance</source>
+  <target>Brillantez</target>
+</trans-unit>
+<trans-unit id="se0955919920ee87d">
+  <source>Day</source>
+  <target>Día</target>
+</trans-unit>
+<trans-unit id="s0f3699a7bd401f61">
+  <source>Night</source>
+  <target>Noche</target>
+</trans-unit>
+<trans-unit id="sf993bb199fefbe04">
+  <source>All</source>
+</trans-unit>
+<trans-unit id="s01b603dddbaba7b6">
+  <source>Unacked</source>
+</trans-unit>
+<trans-unit id="se92d11374fcdf768">
+  <source>No unacknowledged alerts</source>
+</trans-unit>
+<trans-unit id="sf268637d594dacb2">
+  <source>Shelved</source>
+</trans-unit>
+<trans-unit id="s2a2488656f97b746">
+  <source>No shelved alerts</source>
+</trans-unit>
+<trans-unit id="sf59d9197d2e50c93">
+  <source>Blocked</source>
+</trans-unit>
+<trans-unit id="s61a9ee872da3a0cd">
+  <source>No blocked alerts</source>
+</trans-unit>
+<trans-unit id="s16fccc311f4779f6">
+  <source>Rectified</source>
+</trans-unit>
+<trans-unit id="seb27af82aef6a03e">
+  <source>No rectified alerts</source>
+</trans-unit>
+<trans-unit id="sfa32c219a0764262">
+  <source>ACK</source>
+</trans-unit>
+<trans-unit id="s5ba9818f6a39054c">
+  <source>Go to the 'Alert list' for more details or to manage existing alerts.</source>
+</trans-unit>
+<trans-unit id="sa6ef04345891fb38">
+  <source>ACK visible</source>
+</trans-unit>
+<trans-unit id="s68395a4c26a9e8ac">
+  <source>Silence</source>
+</trans-unit>
+<trans-unit id="s88d1c1e15ca1aade">
+  <source>Alerts</source>
+</trans-unit>
+<trans-unit id="s3cf89cb47fdde7e9">
+  <source>Link</source>
+</trans-unit>
+<trans-unit id="s47278872f6826da8">
+  <source>Dusk</source>
+</trans-unit>
+<trans-unit id="s9e34794bcfdc6665">
+  <source>Bright</source>
+</trans-unit>
+<trans-unit id="s33e301ba1f4a6864">
+  <source>Screen Control</source>
+</trans-unit>
+<trans-unit id="s6686fcc6d2c8f0bd">
+  <source>Note</source>
+</trans-unit>
+<trans-unit id="sfbc33dd48f23752c">
+  <source>Tag ID</source>
+</trans-unit>
+<trans-unit id="s079a052719914d71">
+  <source>Category</source>
+</trans-unit>
+<trans-unit id="sa2b9faa7ad068cfc">
+  <source>Activated</source>
+</trans-unit>
+<trans-unit id="s35aab6bf5dda3be0">
+  <source>Alert timer</source>
+</trans-unit>
+<trans-unit id="sdc7335a13d9e03f5">
+  <source>Acknowledged</source>
+</trans-unit>
+<trans-unit id="s93c7817bb872836a">
+  <source>Acknowledged by</source>
+</trans-unit>
+<trans-unit id="sf2de3605b3655264">
+  <source>Shelfing timer</source>
+</trans-unit>
+<trans-unit id="s097d821eb8e9069f">
+  <source>Shelved by</source>
+</trans-unit>
+<trans-unit id="sa711a6fcc9552dbf">
+  <source>Readout</source>
+</trans-unit>
+</body>
+</file>
+</xliff>

package/xliff/fi-FI.xlf

@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="fi-FI" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="sf993bb199fefbe04">
+  <source>All</source>
+  <target>Kaikki</target>
+</trans-unit>
+<trans-unit id="sa7f8e003ff63ef9f">
+  <source>No active alerts</source>
+  <target>Ei aktiivisia hälytyksiä</target>
+</trans-unit>
+<trans-unit id="s01b603dddbaba7b6">
+  <source>Unacked</source>
+  <target>Vahvistamaton</target>
+</trans-unit>
+<trans-unit id="se92d11374fcdf768">
+  <source>No unacknowledged alerts</source>
+  <target>Ei vahvistamattomia hälytyksiä</target>
+</trans-unit>
+<trans-unit id="sf268637d594dacb2">
+  <source>Shelved</source>
+  <target>Hyllytetty</target>
+</trans-unit>
+<trans-unit id="s2a2488656f97b746">
+  <source>No shelved alerts</source>
+  <target>Ei hyllytettyjä hälytyksiä</target>
+</trans-unit>
+<trans-unit id="sf59d9197d2e50c93">
+  <source>Blocked</source>
+  <target>Estetty</target>
+</trans-unit>
+<trans-unit id="s61a9ee872da3a0cd">
+  <source>No blocked alerts</source>
+  <target>Ei estettyjä hälytyksiä</target>
+</trans-unit>
+<trans-unit id="s16fccc311f4779f6">
+  <source>Rectified</source>
+  <target>Korjattu</target>
+</trans-unit>
+<trans-unit id="seb27af82aef6a03e">
+  <source>No rectified alerts</source>
+  <target>Ei korjattuja hälytyksiä</target>
+</trans-unit>
+<trans-unit id="sfa32c219a0764262">
+  <source>ACK</source>
+  <target>VAHVISTA</target>
+</trans-unit>
+<trans-unit id="s5ba9818f6a39054c">
+  <source>Go to the 'Alert list' for more details or to manage existing alerts.</source>
+  <target>Siirry 'Hälytyslistaan' saadaksesi lisätietoja tai hallitaksesi olemassa olevia hälytyksiä.</target>
+</trans-unit>
+<trans-unit id="s3cd891731e99f7e6">
+  <source>Active alerts</source>
+  <target>Aktiiviset hälytykset</target>
+</trans-unit>
+<trans-unit id="sa6ef04345891fb38">
+  <source>ACK visible</source>
+  <target>Vahvistus näkyvissä</target>
+</trans-unit>
+<trans-unit id="s68395a4c26a9e8ac">
+  <source>Silence</source>
+  <target>Hiljennä</target>
+</trans-unit>
+<trans-unit id="s88d1c1e15ca1aade">
+  <source>Alerts</source>
+  <target>Hälytykset</target>
+</trans-unit>
+<trans-unit id="s8119af112f965c78">
+  <source>Brilliance</source>
+  <target>Kirkkaus</target>
+</trans-unit>
+<trans-unit id="s3cf89cb47fdde7e9">
+  <source>Link</source>
+  <target>Linkki</target>
+</trans-unit>
+<trans-unit id="s0f3699a7bd401f61">
+  <source>Night</source>
+  <target>Yö</target>
+</trans-unit>
+<trans-unit id="s47278872f6826da8">
+  <source>Dusk</source>
+  <target>Hämärä</target>
+</trans-unit>
+<trans-unit id="se0955919920ee87d">
+  <source>Day</source>
+  <target>Päivä</target>
+</trans-unit>
+<trans-unit id="s9e34794bcfdc6665">
+  <source>Bright</source>
+  <target>Kirkas</target>
+</trans-unit>
+<trans-unit id="s33e301ba1f4a6864">
+  <source>Screen Control</source>
+  <target>Näytön hallinta</target>
+</trans-unit>
+<trans-unit id="s6686fcc6d2c8f0bd">
+  <source>Note</source>
+  <target>Huomautus</target>
+</trans-unit>
+<trans-unit id="sfbc33dd48f23752c">
+  <source>Tag ID</source>
+  <target>Tunnistetunnus</target>
+</trans-unit>
+<trans-unit id="s079a052719914d71">
+  <source>Category</source>
+  <target>Kategoria</target>
+</trans-unit>
+<trans-unit id="sa2b9faa7ad068cfc">
+  <source>Activated</source>
+  <target>Aktivoitu</target>
+</trans-unit>
+<trans-unit id="s35aab6bf5dda3be0">
+  <source>Alert timer</source>
+  <target>Hälytysajastin</target>
+</trans-unit>
+<trans-unit id="sdc7335a13d9e03f5">
+  <source>Acknowledged</source>
+  <target>Vahvistettu</target>
+</trans-unit>
+<trans-unit id="s93c7817bb872836a">
+  <source>Acknowledged by</source>
+  <target>Vahvistanut</target>
+</trans-unit>
+<trans-unit id="sf2de3605b3655264">
+  <source>Shelfing timer</source>
+  <target>Hyllytysajastin</target>
+</trans-unit>
+<trans-unit id="s097d821eb8e9069f">
+  <source>Shelved by</source>
+  <target>Hyllyttänyt</target>
+</trans-unit>
+<trans-unit id="sa711a6fcc9552dbf">
+  <source>Readout</source>
+  <target>Lukeminen</target>
+</trans-unit>
+</body>
+</file>
+</xliff>