@omicronenergy/oscd-shell 0.0.5 → 0.0.7

package/release-please-config.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/googleapis/release-please/main/schemas/config.json",
-  "release-type": "node",
-  "bump-minor-pre-major": true,
-  "bump-patch-for-minor-pre-major": true,
-  "packages": {
-    ".": {}
-  },
-  "changelog-sections": [
-    { "type": "feat", "section": "Features" },
-    { "type": "fix", "section": "Bug Fixes" },
-    { "type": "perf", "section": "Performance Improvements" },
-    { "type": "style", "section": "Styles" },
-    { "type": "docs", "section": "Documentation", "hidden": true },
-    { "type": "chore", "section": "Miscellaneous Chores", "hidden": true },
-    { "type": "refactor", "section": "Code Refactoring", "hidden": true },
-    { "type": "test", "section": "Tests", "hidden": true },
-    { "type": "build", "section": "Build System", "hidden": true },
-    { "type": "ci", "section": "Continuous Integration", "hidden": true }
-  ]
-}

package/rollup.config.js

@@ -1,51 +0,0 @@
-import nodeResolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-
-import { readdirSync } from 'fs';
-
-const locales = readdirSync('locales').map(locale => ({
-  input: `locales/${locale}`,
-  output: {
-    sourcemap: true, // Add source map to build output
-    format: 'es', // ES module type export
-    file: `dist/locales/${locale}`.slice(0, -3) + '.js', // Keep filename
-  },
-  preserveEntrySignatures: 'strict', // leaves export of the plugin entry point
-
-  plugins: [nodeResolve(), typescript()],
-}));
-
-export default [
-  {
-    input: 'oscd-shell.ts',
-    output: {
-      sourcemap: true, // Add source map to build output
-      format: 'es', // ES module type export
-      dir: 'dist', // The build output folder
-      // preserveModules: true,  // Keep directory structure and files
-    },
-    preserveEntrySignatures: 'strict', // leaves export of the plugin entry point
-
-    plugins: [
-      /** Resolve bare module imports */
-      nodeResolve(),
-      typescript(),
-    ],
-  },
-  {
-    input: 'foundation.ts',
-    output: {
-      sourcemap: true, // Add source map to build output
-      format: 'es', // ES module type export
-      dir: 'dist', // The build output folder
-      preserveModules: true, // Keep directory structure and files
-    },
-    preserveEntrySignatures: 'strict', // leaves export of the plugin entry point
-
-    plugins: [
-      /** Resolve bare module imports */
-      nodeResolve(),
-      typescript(),
-    ],
-  },
-].concat(locales);

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "lib": ["es2018", "dom"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "./",
-    "tsBuildInfoFile": ".tsbuildinfo",
-    "declaration": true,
-    "incremental": true,
-    "skipLibCheck": true
-  },
-  "include": ["**/*.ts"]
-}

package/utils/testing.spec.ts

@@ -1,210 +0,0 @@
-import { expect, fixture, html } from '@open-wc/testing';
-import sinon from 'sinon';
-
-import {
-  findButtonByIcon,
-  getFirstTextNodeContent,
-  querySelectorContainingText,
-  simulateKeypressOnElement,
-  waitForDialogState,
-} from './testing.js';
-
-describe('querySelectorContainingText', () => {
-  it('returns the element matching selector and exact text', async () => {
-    const el = await fixture<HTMLDivElement>(html`
-      <div>
-        <span class="item">Apple</span>
-        <span class="item">Banana</span>
-        <span class="item">Cherry</span>
-      </div>
-    `);
-
-    const result = querySelectorContainingText(el, '.item', 'Banana');
-    expect(result).to.exist;
-    expect(result?.textContent?.trim()).to.equal('Banana');
-  });
-
-  it('returns undefined if no element matches the text', async () => {
-    const el = await fixture<HTMLDivElement>(html`
-      <div>
-        <span class="item">Apple</span>
-        <span class="item">Banana</span>
-      </div>
-    `);
-
-    const result = querySelectorContainingText(el, '.item', 'Orange');
-    expect(result).to.be.undefined;
-  });
-
-  it('returns undefined if no element matches the selector', async () => {
-    const el = await fixture<HTMLDivElement>(html`
-      <div>
-        <span class="item">Apple</span>
-      </div>
-    `);
-
-    const result = querySelectorContainingText(el, '.notfound', 'Apple');
-    expect(result).to.be.undefined;
-  });
-
-  it('matches only the first text node content', async () => {
-    const el = await fixture<HTMLDivElement>(html`
-      <div>
-        <span class="item">Apple <b>Bold</b></span>
-        <span class="item">Banana</span>
-      </div>
-    `);
-
-    const result = querySelectorContainingText(el, '.item', 'Apple');
-    expect(result).to.exist;
-    expect(result?.textContent?.includes('Apple')).to.be.true;
-  });
-
-  it('ignores whitespace differences in text nodes', async () => {
-    const el = await fixture<HTMLDivElement>(html`
-      <div>
-        <span class="item"> Apple </span>
-      </div>
-    `);
-
-    const result = querySelectorContainingText(el, '.item', 'Apple');
-    expect(result).to.exist;
-  });
-});
-describe('getFirstTextNodeContent', () => {
-  it('returns the trimmed text content of the first text node', async () => {
-    const el = document.createElement('div');
-    el.appendChild(document.createTextNode('  Hello  '));
-    el.appendChild(document.createElement('span'));
-    expect(getFirstTextNodeContent(el)).to.equal('Hello');
-  });
-
-  it('returns undefined if there are no text nodes', () => {
-    const el = document.createElement('div');
-    el.appendChild(document.createElement('span'));
-    expect(getFirstTextNodeContent(el)).to.be.undefined;
-  });
-
-  it('returns empty string if element is null', () => {
-    expect(getFirstTextNodeContent(null)).to.equal('');
-  });
-
-  it('ignores empty text nodes', () => {
-    const el = document.createElement('div');
-    el.appendChild(document.createTextNode('   '));
-    el.appendChild(document.createTextNode('Text'));
-    expect(getFirstTextNodeContent(el)).to.equal('Text');
-  });
-
-  it('returns an empty string if no element is passed in', () => {
-    expect(getFirstTextNodeContent(null)).to.equal('');
-  });
-});
-
-describe('simulateKeypressOnElement', () => {
-  it('dispatches a keydown event with the correct key and ctrlKey', () => {
-    const spy = sinon.spy();
-    document.addEventListener('keydown', spy, { once: true });
-    simulateKeypressOnElement('a', true);
-    expect(spy.calledOnce).to.be.true;
-    const event = spy.firstCall.args[0];
-    expect(event).to.have.property('key', 'a');
-    expect(event).to.have.property('ctrlKey', true);
-  });
-});
-
-describe('waitForDialogState', () => {
-  it('resolves immediately if dialog is already open', async () => {
-    const dialog = document.createElement('dialog');
-    dialog.setAttribute('open', '');
-    let resolved = false;
-    await waitForDialogState(dialog, 'open').then(() => {
-      resolved = true;
-    });
-    expect(resolved).to.be.true;
-  });
-
-  it('waits for dialog to become open', async () => {
-    const dialog = document.createElement('dialog');
-    setTimeout(() => dialog.setAttribute('open', ''), 10);
-    await waitForDialogState(dialog, 'open');
-    expect(dialog.hasAttribute('open')).to.be.true;
-  });
-
-  it('resolves immediately if dialog is already closed', async () => {
-    const dialog = document.createElement('dialog');
-    let resolved = false;
-    await waitForDialogState(dialog, 'closed').then(() => {
-      resolved = true;
-    });
-    expect(resolved).to.be.true;
-  });
-
-  it('waits for dialog to emit closed event', async () => {
-    const dialog = document.createElement('dialog');
-    dialog.setAttribute('open', '');
-    setTimeout(() => {
-      dialog.removeAttribute('open');
-      dialog.dispatchEvent(new Event('closed'));
-    }, 10);
-    await waitForDialogState(dialog, 'closed');
-    expect(dialog.hasAttribute('open')).to.be.false;
-  });
-});
-
-describe('findButtonByIcon', () => {
-  it('returns the button with the matching icon name', () => {
-    const root = document.createElement('div');
-    const btn1 = document.createElement('button');
-    btn1.classList.add('icon-btn');
-    const icon1 = document.createElement('oscd-icon');
-    icon1.textContent = 'foo';
-    btn1.appendChild(icon1);
-
-    const btn2 = document.createElement('button');
-    btn2.classList.add('icon-btn');
-    const icon2 = document.createElement('oscd-icon');
-    icon2.textContent = 'bar';
-    btn2.appendChild(icon2);
-
-    root.appendChild(btn1);
-    root.appendChild(btn2);
-
-    const found = findButtonByIcon(root, '.icon-btn', 'bar');
-    expect(found).to.equal(btn2);
-  });
-
-  it('returns null if no button matches the icon name', () => {
-    const root = document.createElement('div');
-    const btn = document.createElement('oscd-icon-button');
-    const icon = document.createElement('oscd-icon');
-    icon.textContent = 'foo';
-    btn.appendChild(icon);
-    root.appendChild(btn);
-
-    const found = findButtonByIcon(root, 'oscd-icon-button', 'bar');
-    expect(found).to.be.undefined;
-  });
-
-  it('returns null if no button matches the selector', () => {
-    const root = document.createElement('div');
-    const btn = document.createElement('oscd-text-button');
-    const icon = document.createElement('oscd-icon');
-    icon.textContent = 'foo';
-    root.appendChild(btn);
-
-    const found = findButtonByIcon(root, 'oscd-icon-button', 'foo');
-    expect(found).to.be.undefined;
-  });
-
-  it('returns null if oscd-icon is missing', () => {
-    const root = document.createElement('div');
-    const btn = document.createElement('oscd-text-button');
-    const icon = document.createElement('oscd-emoji');
-    icon.textContent = 'foo';
-    root.appendChild(btn);
-
-    const found = findButtonByIcon(root, 'oscd-text-button', 'foo');
-    expect(found).to.be.undefined;
-  });
-});

package/utils/testing.ts

@@ -1,65 +0,0 @@
-import { OscdDialog } from '@omicronenergy/oscd-ui/dialog/oscd-dialog.js';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { waitUntil } from '@open-wc/testing';
-
-export function getFirstTextNodeContent(
-  element: Element | null,
-): string | undefined {
-  if (!element) {
-    return '';
-  }
-  return Array.from(element.childNodes)
-    .filter(node => node.nodeType === Node.TEXT_NODE)
-    .map(node => node.textContent?.trim())
-    .filter(node => node !== '')[0];
-}
-
-export function querySelectorContainingText(
-  scope: Element,
-  selector: string,
-  text: string,
-) {
-  const elements = Array.from(scope.querySelectorAll(selector));
-  return elements.find(e => {
-    const textContent = getFirstTextNodeContent(e);
-    return textContent === text;
-  });
-}
-
-export function simulateKeypressOnElement(key: string, ctrlKey: boolean) {
-  const event = new KeyboardEvent('keydown', {
-    key,
-    ctrlKey,
-  });
-  document.dispatchEvent(event);
-}
-
-export async function waitForDialogState(
-  dialog: Element,
-  state: 'open' | 'closed',
-) {
-  await waitUntil(
-    () => (dialog as OscdDialog)?.open === (state === 'open'),
-    `Dialog did not ${state} within the expected time`,
-  );
-  return dialog;
-}
-
-/**
- * Finds a control, typically a button (but in theory could be some other component) by selector + enclosed icon name (inside an oscd-icon).
- * @param root The root element to search within.
- * @param buttonSelector The selector (e.g. 'oscd-filled-icon-button').
- * @param iconName The icon name to match (text content of enclosed oscd-icon).
- * @returns The matching button element or null.
- */
-export function findButtonByIcon(
-  root: ParentNode,
-  buttonSelector: string,
-  iconName: string,
-): HTMLElement | null {
-  const buttons = Array.from(root.querySelectorAll(buttonSelector));
-  return buttons.find(btn => {
-    const icon = btn.querySelector('oscd-icon');
-    return icon && icon.textContent?.trim() === iconName;
-  }) as HTMLElement | null;
-}

package/web-dev-server.config.js

@@ -1,24 +0,0 @@
-// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
-
-/** Use Hot Module replacement by adding --hmr to the start command */
-const hmr = process.argv.includes('--hmr');
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  open: '/demo/',
-  /** Use regular watch mode if HMR is not enabled. */
-  watch: !hmr,
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto'
-
-  plugins: [
-    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
-    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
-  ],
-
-  // See documentation for all available options
-});