tungsten 0.3.1 → 0.3.3

package/dist/components/bindable/BindableSelect.sxyt.js

@@ -1,186 +0,0 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { expect } from 'chai';
-import { Window } from 'happy-dom';
-import { describe } from 'sxy-test-runner';
-import { TungstenStatefulComponent } from "../../Components.js";
-import { createTestApp } from "../../testing/index.js";
-import { BindableSelect } from "./BindableSelect.js";
-import { jsx as _jsx, jsxs as _jsxs } from "tungsten/jsxRuntime.js";
-const optionTexts = container => [...container.querySelectorAll('option')].map(option => option.textContent);
-describe('BindableSelect', ({
-  it
-}) => {
-  it('renders children when no options prop is given', async () => {
-    const window = new Window();
-    const document = window.document;
-    class Root extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          choice: 'b'
-        });
-        _defineProperty(this, "content", () => _jsxs(BindableSelect, {
-          bind: [this.state, 'choice'],
-          children: [_jsx("option", {
-            value: "a",
-            children: "A"
-          }), _jsx("option", {
-            value: "b",
-            children: "B"
-          })]
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    expect(optionTexts(testApp.container)).to.deep.equal(['A', 'B']);
-    await testApp.unmount();
-  });
-  // placeholder must behave exactly as it does on a plain <select>: it reaches the element as an
-  // attribute and HTML ignores it. It deliberately does NOT synthesize a placeholder option —
-  // that would make BindableSelect diverge from the plain element.
-  it('passes placeholder to the element like a plain select, adding no option', async () => {
-    const window = new Window();
-    const document = window.document;
-    class Root extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          choice: ''
-        });
-        _defineProperty(this, "content", () => _jsxs("main", {
-          children: [_jsx(BindableSelect, {
-            placeholder: "Pick one",
-            options: [{
-              value: 'a',
-              text: 'A'
-            }, {
-              value: 'b',
-              text: 'B'
-            }],
-            bind: [this.state, 'choice']
-          }), _jsxs("select", {
-            placeholder: "Pick one",
-            bind: [this.state, 'choice'],
-            children: [_jsx("option", {
-              value: "a",
-              children: "A"
-            }), _jsx("option", {
-              value: "b",
-              children: "B"
-            })]
-          })]
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    const [bindable, plain] = [...testApp.container.querySelectorAll('select')];
-    expect(bindable?.getAttribute('placeholder')).to.equal('Pick one');
-    expect(bindable?.querySelectorAll('option').length).to.equal(2);
-    // parity with the plain element it stands in for
-    expect(bindable?.getAttribute('placeholder')).to.equal(plain?.getAttribute('placeholder'));
-    expect(bindable?.innerHTML).to.equal(plain?.innerHTML);
-    await testApp.unmount();
-  });
-  // text is ContentNode, not string — existing string call sites are unaffected (widening).
-  it('accepts JSX as an option text as well as a plain string', async () => {
-    const window = new Window();
-    const document = window.document;
-    class Root extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          choice: 'a'
-        });
-        _defineProperty(this, "content", () => _jsx(BindableSelect, {
-          options: [{
-            value: 'a',
-            text: 'Plain'
-          }, {
-            value: 'b',
-            text: _jsx("em", {
-              children: "Rich"
-            })
-          }, {
-            value: 'c',
-            text: 3
-          }],
-          bind: [this.state, 'choice']
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    expect(optionTexts(testApp.container)).to.deep.equal(['Plain', 'Rich', '3']);
-    expect(testApp.container.querySelector('option em')).not.to.equal(null);
-    await testApp.unmount();
-  });
-  it('renders options then children when both are given', async () => {
-    const window = new Window();
-    const document = window.document;
-    class Root extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          choice: 'a'
-        });
-        _defineProperty(this, "content", () => _jsx(BindableSelect, {
-          options: [{
-            value: 'a',
-            text: 'A'
-          }],
-          bind: [this.state, 'choice'],
-          children: _jsx("option", {
-            value: "z",
-            children: "Z"
-          })
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    expect(optionTexts(testApp.container)).to.deep.equal(['A', 'Z']);
-    await testApp.unmount();
-  });
-  it('still binds the selected value back to state', async () => {
-    const window = new Window();
-    const document = window.document;
-    class Root extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          choice: 'a'
-        });
-        _defineProperty(this, "content", () => _jsx(BindableSelect, {
-          placeholder: "Pick one",
-          options: [{
-            value: 'a',
-            text: 'A'
-          }, {
-            value: 'b',
-            text: 'B'
-          }],
-          bind: [this.state, 'choice']
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    const select = testApp.container.querySelector('select');
-    select.value = 'b';
-    select.dispatchEvent(new window.Event('input', {
-      bubbles: true
-    }));
-    await testApp.resolved();
-    expect(testApp.component.state.choice).to.equal('b');
-    await testApp.unmount();
-  });
-});

package/dist/dev/liveReloadHub.d.ts

@@ -1,6 +0,0 @@
-export type ReloadEventKind = 'js' | 'css';
-type ReloadListener = (kind: ReloadEventKind) => void;
-export declare function onReloadEvent(listener: ReloadListener): () => void;
-export declare function emitReloadEvent(kind: ReloadEventKind): void;
-export {};
-//# sourceMappingURL=liveReloadHub.d.ts.map

package/dist/dev/liveReloadHub.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"liveReloadHub.d.ts","sourceRoot":"","sources":["../../src/dev/liveReloadHub.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C,KAAK,cAAc,GAAG,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;AAIrD,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,IAAI,CAGlE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAE3D"}

package/dist/env/injectEnv.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=injectEnv.sxyt.d.ts.map

package/dist/env/injectEnv.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"injectEnv.sxyt.d.ts","sourceRoot":"","sources":["../../src/env/injectEnv.sxyt.ts"],"names":[],"mappings":""}

package/dist/env/injectEnv.sxyt.js

@@ -1,20 +0,0 @@
-import { describe } from 'sxy-test-runner';
-import { should as setupShould, expect } from 'chai';
-const should = setupShould(); // eslint-disable-line @typescript-eslint/no-unused-vars
-import { injectEnv } from "./injectEnv.js";
-describe('injectEnv()', ({
-  it
-}) => {
-  it('should inject key value pairs into process.env', () => {
-    delete process.env.foo;
-    delete process.env.bar;
-    expect(process.env.foo).to.be.undefined;
-    expect(process.env.bar).to.be.undefined;
-    injectEnv({
-      foo: 'FOO',
-      bar: 'BAZ'
-    });
-    expect(process.env.foo).to.equal('FOO');
-    expect(process.env.bar).to.equal('BAZ');
-  });
-});

package/dist/env/parseEnv.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=parseEnv.sxyt.d.ts.map

package/dist/env/parseEnv.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parseEnv.sxyt.d.ts","sourceRoot":"","sources":["../../src/env/parseEnv.sxyt.ts"],"names":[],"mappings":""}

package/dist/env/parseEnv.sxyt.js

@@ -1,11 +0,0 @@
-// import { describe } from 'sxy-test-runner'
-// import { should as setupShould } from 'chai'
-// const should = setupShould() // eslint-disable-line @typescript-eslint/no-unused-vars
-export {};
-// import { parseEnv } from './parseEnv.js'
-// describe('loadEnv()', ({it}) => {
-//     it('should extra a key value pair from some text', () => {
-//         const env = parseEnv(' foo = bar ')
-//         env.should.deep.equal({ foo: 'bar' })
-//     })
-// })

package/dist/findProjectDir.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=findProjectDir.sxyt.d.ts.map

package/dist/findProjectDir.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"findProjectDir.sxyt.d.ts","sourceRoot":"","sources":["../src/findProjectDir.sxyt.ts"],"names":[],"mappings":""}

package/dist/findProjectDir.sxyt.js

@@ -1,82 +0,0 @@
-import { describe } from 'sxy-test-runner';
-import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'fs';
-import { tmpdir } from 'os';
-import { join } from 'path';
-import { findProjectDir } from "./findProjectDir.js";
-// Build a fixture that mirrors zod v4 - a named package containing a sub folder with a
-// nameless marker package.json that only sets the module format and local entry points.
-function makeFixture() {
-  const root = mkdtempSync(join(tmpdir(), 'tungsten-find-project-dir-'));
-  const packageDir = join(root, 'fake-package');
-  const markerDir = join(packageDir, 'v4', 'core');
-  mkdirSync(markerDir, {
-    recursive: true
-  });
-  writeFileSync(join(packageDir, 'package.json'), JSON.stringify({
-    name: 'fake-package',
-    version: '1.2.3',
-    type: 'module'
-  }));
-  writeFileSync(join(markerDir, 'package.json'), JSON.stringify({
-    type: 'module',
-    main: './index.cjs',
-    module: './index.js'
-  }));
-  writeFileSync(join(markerDir, 'index.js'), '');
-  return {
-    root,
-    packageDir,
-    markerDir
-  };
-}
-describe('findProjectDir()', ({
-  it
-}) => {
-  it(`returns the nearest package.json dir, named or not, by default`, () => {
-    const {
-      root,
-      markerDir
-    } = makeFixture();
-    try {
-      findProjectDir(markerDir).should.equal(markerDir);
-    } finally {
-      rmSync(root, {
-        recursive: true,
-        force: true
-      });
-    }
-  });
-  it(`skips nameless package.json files when requireName is set`, () => {
-    const {
-      root,
-      packageDir,
-      markerDir
-    } = makeFixture();
-    try {
-      findProjectDir(markerDir, {
-        requireName: true
-      }).should.equal(packageDir);
-    } finally {
-      rmSync(root, {
-        recursive: true,
-        force: true
-      });
-    }
-  });
-  it(`returns the named package dir when it is the nearest one`, () => {
-    const {
-      root,
-      packageDir
-    } = makeFixture();
-    try {
-      findProjectDir(packageDir, {
-        requireName: true
-      }).should.equal(packageDir);
-    } finally {
-      rmSync(root, {
-        recursive: true,
-        force: true
-      });
-    }
-  });
-});

package/dist/hydrate/reconcileHydratedAttributes.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=reconcileHydratedAttributes.sxyt.d.ts.map

package/dist/hydrate/reconcileHydratedAttributes.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reconcileHydratedAttributes.sxyt.d.ts","sourceRoot":"","sources":["../../src/hydrate/reconcileHydratedAttributes.sxyt.ts"],"names":[],"mappings":""}

package/dist/hydrate/reconcileHydratedAttributes.sxyt.js

@@ -1,173 +0,0 @@
-import { describe } from 'sxy-test-runner';
-import { expect } from 'chai';
-import { Window } from 'happy-dom';
-import { reconcileHydratedAttributes } from "./reconcileHydratedAttributes.js";
-import { $props, $type } from "../contentNodeSymbols.js";
-const window = new Window();
-const node = (type, props) => ({
-  [$type]: type,
-  [$props]: props
-});
-/** Builds an element from markup the server could have produced. */
-const element = html => {
-  const host = window.document.createElement('div');
-  host.innerHTML = html;
-  // eslint-disable-next-line no-type-assertion/no-type-assertion
-  return host.firstElementChild;
-};
-const attributesOf = domNode => Object.fromEntries([...domNode.attributes].map(attribute => [attribute.name, attribute.value]));
-/** Reconciles and returns what changed. */
-const reconcile = (type, props, html) => {
-  const domNode = element(html);
-  const mismatches = [];
-  reconcileHydratedAttributes(node(type, props), domNode, mismatch => mismatches.push(mismatch));
-  return {
-    domNode,
-    mismatches,
-    attributes: attributesOf(domNode)
-  };
-};
-describe('reconcileHydratedAttributes()', ({
-  it
-}) => {
-  it('patches an attribute whose rendered value differs from the markup', () => {
-    const {
-      attributes,
-      mismatches
-    } = reconcile('div', {
-      style: {
-        backgroundColor: '#123456'
-      }
-    }, '<div style="background-color: #bae3ff;"></div>');
-    expect(attributes.style).to.equal('background-color: #123456;');
-    expect(mismatches.map(mismatch => mismatch.name)).to.deep.equal(['style']);
-  });
-  it('leaves a matching attribute untouched and reports nothing', () => {
-    const {
-      attributes,
-      mismatches
-    } = reconcile('input', {
-      name: 'ref',
-      title: 'Reference'
-    }, '<input name="ref" title="Reference">');
-    expect(attributes).to.deep.equal({
-      name: 'ref',
-      title: 'Reference'
-    });
-    expect(mismatches).to.deep.equal([]);
-  });
-  it('adds an attribute the markup is missing', () => {
-    const {
-      attributes
-    } = reconcile('a', {
-      href: '/x',
-      title: 't'
-    }, '<a href="/x"></a>');
-    expect(attributes).to.deep.equal({
-      href: '/x',
-      title: 't'
-    });
-  });
-  it('removes an attribute the render no longer produces', () => {
-    const {
-      attributes,
-      mismatches
-    } = reconcile('a', {
-      href: '/x'
-    }, '<a href="/x" title="gone"></a>');
-    expect(attributes).to.deep.equal({
-      href: '/x'
-    });
-    expect(mismatches.map(mismatch => mismatch.name)).to.deep.equal(['title']);
-  });
-  it('treats a true boolean as a present, empty attribute', () => {
-    expect(reconcile('button', {
-      disabled: true
-    }, '<button></button>').attributes).to.deep.equal({
-      disabled: ''
-    });
-  });
-  it('removes an attribute whose rendered value is false, null or undefined', () => {
-    expect(reconcile('button', {
-      disabled: false
-    }, '<button disabled></button>').attributes).to.deep.equal({});
-    expect(reconcile('a', {
-      href: null
-    }, '<a href="/x"></a>').attributes).to.deep.equal({});
-    expect(reconcile('a', {
-      href: undefined
-    }, '<a href="/x"></a>').attributes).to.deep.equal({});
-  });
-  // The comparison has to apply the same transformation the server used, or
-  // every element looks mismatched and the whole document gets rewritten.
-  it('applies the server prop transform, so className compares against class', () => {
-    const {
-      attributes,
-      mismatches
-    } = reconcile('div', {
-      className: 'frame Qtc_frame'
-    }, '<div class="frame Qtc_frame"></div>');
-    expect(attributes).to.deep.equal({
-      class: 'frame Qtc_frame'
-    });
-    expect(mismatches).to.deep.equal([]);
-  });
-  it('ignores event handlers rather than writing them as attributes', () => {
-    const {
-      attributes,
-      mismatches
-    } = reconcile('input', {
-      name: 'a',
-      onInput: () => undefined,
-      onClick: () => undefined
-    }, '<input name="a">');
-    expect(attributes).to.deep.equal({
-      name: 'a'
-    });
-    expect(mismatches).to.deep.equal([]);
-  });
-  it('ignores props that are instructions to Tungsten', () => {
-    const {
-      attributes,
-      mismatches
-    } = reconcile('div', {
-      __opaque: true,
-      dangerouslySetInnerHTML: {
-        __html: '<b>x</b>'
-      },
-      id: 'd'
-    }, '<div id="d"></div>');
-    expect(attributes).to.deep.equal({
-      id: 'd'
-    });
-    expect(mismatches).to.deep.equal([]);
-  });
-  it('reports what changed, for a dev-mode warning', () => {
-    const {
-      mismatches
-    } = reconcile('a', {
-      href: '/new'
-    }, '<a href="/old" title="stale"></a>');
-    expect(mismatches).to.deep.include({
-      name: 'href',
-      expected: '/new',
-      actual: '/old'
-    });
-    expect(mismatches).to.deep.include({
-      name: 'title',
-      expected: null,
-      actual: 'stale'
-    });
-  });
-  it('clears the checked property when removing a checked attribute', () => {
-    const domNode = element('<input type="checkbox" checked>');
-    // eslint-disable-next-line no-type-assertion/no-type-assertion
-    const checkbox = domNode;
-    expect(checkbox.checked).to.equal(true);
-    reconcileHydratedAttributes(node('input', {
-      type: 'checkbox'
-    }), domNode);
-    expect(checkbox.checked).to.equal(false);
-    expect(domNode.hasAttribute('checked')).to.equal(false);
-  });
-});

package/dist/innerHtmlFromProps.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=innerHtmlFromProps.sxyt.d.ts.map

package/dist/innerHtmlFromProps.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"innerHtmlFromProps.sxyt.d.ts","sourceRoot":"","sources":["../src/innerHtmlFromProps.sxyt.ts"],"names":[],"mappings":""}

package/dist/innerHtmlFromProps.sxyt.js

@@ -1,99 +0,0 @@
-import { describe } from 'sxy-test-runner';
-import { expect } from 'chai';
-import { innerHtmlFromProps } from "./innerHtmlFromProps.js";
-import { renderingNodeToHtml } from "./render/renderingTreeToHtml.js";
-import { $props, $type } from "./contentNodeSymbols.js";
-const props = value => value;
-// `found: true` short-circuits the <head> handling, which is all these
-// element-level tests need from HeadData.
-// eslint-disable-next-line no-type-assertion/no-type-assertion
-const noHeadData = {
-  found: true
-};
-const renderHtml = (type, nodeProps) => renderingNodeToHtml(
-// eslint-disable-next-line no-type-assertion/no-type-assertion
-{
-  [$type]: type,
-  [$props]: nodeProps
-}, false, noHeadData, null);
-describe('innerHtmlFromProps()', ({
-  it
-}) => {
-  it('returns null when the element does not use dangerouslySetInnerHTML', () => {
-    expect(innerHtmlFromProps('div', props({
-      children: 'hello'
-    }), true)).to.equal(null);
-  });
-  it('returns the raw markup', () => {
-    expect(innerHtmlFromProps('div', props({
-      dangerouslySetInnerHTML: {
-        __html: '<b>hi</b>'
-      }
-    }), false)).to.equal('<b>hi</b>');
-  });
-  it('rejects an element carrying both raw markup and children', () => {
-    expect(() => innerHtmlFromProps('div', props({
-      dangerouslySetInnerHTML: {
-        __html: '<b>hi</b>'
-      },
-      children: 'hello'
-    }), true)).to.throw(/both dangerouslySetInnerHTML and children/);
-  });
-  it('rejects a prop that is not of the form { __html }', () => {
-    // eslint-disable-next-line no-type-assertion/no-type-assertion
-    const bad = {
-      dangerouslySetInnerHTML: '<b>hi</b>'
-    };
-    expect(() => innerHtmlFromProps('div', bad, false)).to.throw(/{ __html: '...' }/);
-  });
-  it('rejects a null or undefined __html', () => {
-    // eslint-disable-next-line no-type-assertion/no-type-assertion
-    const nulled = {
-      dangerouslySetInnerHTML: {
-        __html: null
-      }
-    };
-    expect(() => innerHtmlFromProps('div', nulled, false)).to.throw(/__html is null/);
-  });
-});
-describe('dangerouslySetInnerHTML rendering', ({
-  it
-}) => {
-  it('writes the markup into the element unescaped', async () => {
-    expect(await renderHtml('div', {
-      dangerouslySetInnerHTML: {
-        __html: '<p>Bonuses.</p>'
-      }
-    })).to.equal('<div><p>Bonuses.</p></div>');
-  });
-  it('does not leak the prop into the markup as an attribute', async () => {
-    const html = await renderHtml('div', {
-      id: 'tip',
-      dangerouslySetInnerHTML: {
-        __html: '<b>hi</b>'
-      }
-    });
-    expect(html).to.not.include('dangerouslySetInnerHTML');
-    expect(html).to.not.include('[object Object]');
-    expect(html).to.equal('<div id="tip"><b>hi</b></div>');
-  });
-  it('escapes ordinary children, so the switch is per element', async () => {
-    expect(await renderHtml('div', {
-      children: '<p>Bonuses.</p>'
-    })).to.equal('<div>&lt;p&gt;Bonuses.&lt;/p&gt;</div>');
-  });
-  it('rejects raw markup on a void element', async () => {
-    let thrown = null;
-    try {
-      await renderHtml('br', {
-        dangerouslySetInnerHTML: {
-          __html: '<b>hi</b>'
-        }
-      });
-    } catch (error) {
-      thrown = error;
-    }
-    expect(thrown).to.be.an('error');
-    expect(thrown.message).to.include('void type');
-  });
-});

package/dist/postcssPlugins/parseSelectors.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=parseSelectors.sxyt.d.ts.map

package/dist/postcssPlugins/parseSelectors.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parseSelectors.sxyt.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/parseSelectors.sxyt.ts"],"names":[],"mappings":""}