tungsten 0.6.3 → 0.7.0

package/dist/testing/hydrateTestPipelineApp.js

@@ -0,0 +1,190 @@
+import { $props, $type } from '../contentNodeSymbols.js';
+import { DomPointer } from '../DomPointer.js';
+import { hydrateRootComponent, hydrationRouting, makeDefaultHydrateMeta } from "../hydrate/hydrate.js";
+import { Instance } from '../Instance/Instance.js';
+import { JSONstringify } from '../json.js';
+import { NetworkedTransport } from '../pipeline/networkedTransport.js';
+import { afterRoutingFor, pipelineRoutes, routingContext, routingNetworkedData, symmetricServer } from '../pipeline/runPipeline.js';
+import { clientRoute } from '../pipeline/pipelineDefinition.js';
+import { splitServer } from '../pipeline/runSplitPipeline.js';
+import { contentTreeToRenderingTree } from '../render/contentTreeToRenderingTree.js';
+import { renderingNodeToHtml } from '../render/renderingTreeToHtml.js';
+import { initStores } from '../Servers/initStores.js';
+import { UpdateScheduler } from '../update/UpdateScheduler.js';
+import { bridgeHappyDomGlobals, HydrateTestAppImplementation, requireClient } from './hydrateTestApp.js';
+import { waitForEnvIfLoading } from './loadEnv.js';
+// the framework brands what it builds
+// eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+const asGlobalData = data => data;
+// eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+const asContext = context => context;
+const applyStores = async (instance, overrides) => {
+  for (const override of overrides) {
+    await override.initialize(override.registration.getStore(instance.stores));
+  }
+};
+const appRoutesFor = (app, init) => reqRes => pipelineRoutes(app, reqRes, init, true);
+/**
+ * hydrateTestApp() for an app built with pipeline() or splitPipeline(): the server pass runs the
+ * app's server stages, as a request does, and renders; the page carries the all-routes data and
+ * the networked data; the client pass runs the app's client stages, as hydratePipeline() does, and
+ * hydrates the parsed HTML. So a component whose markup depends on a context only one side makes
+ * shows up in `mismatches`, or throws on a structural difference.
+ */
+export async function hydrateTestPipelineApp(app, RootComponent, ...args) {
+  requireClient('hydrateTestPipelineApp()');
+  await waitForEnvIfLoading();
+  const options = args[0];
+  const suppliedDocument = options?.document ?? globalThis.document;
+  if (suppliedDocument === undefined) {
+    // eslint-disable-line @typescript-eslint/no-unnecessary-condition
+    throw new Error('hydrateTestPipelineApp() requires options.document when no global document is' + ' available.');
+  }
+  const document = suppliedDocument;
+  const ownsContainer = options?.container === undefined;
+  const container = options?.container ?? document.createElement('div');
+  if (container.ownerDocument !== document) {
+    throw new Error('The HydrateTestApp container must belong to options.document.');
+  }
+  if (container.childNodes.length > 0) {
+    throw new Error('The HydrateTestApp container must be empty before hydrating.');
+  }
+  const clientProps = options?.props ?? {}; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
+  const serverProps = options?.serverProps ?? clientProps;
+  const location = options?.location ?? '/';
+  const overrides = options?.stores ?? [];
+  const instanceConfig = {
+    prod: false,
+    useRootComponent: true,
+    clientSideNav: true,
+    siteBasePath: '/',
+    staticSite: false,
+    csr: options?.csr ?? false
+  };
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- a stand-in request
+  const reqRes = options?.reqRes ?? {
+    req: {
+      url: location,
+      headers: {}
+    },
+    res: {}
+  };
+  // Server pass: the app's server stages, as PipelineRequestHandler runs them, then the render
+  const runner = app.split === true ? splitServer : symmetricServer;
+  const serverDataLoading = {
+    value: false
+  };
+  const routed = await runner.route(app, reqRes, location, serverDataLoading, true);
+  const post = await runner.post(app, reqRes, routed.init, routed.allRoutesData);
+  const served = runner.networked(routed.init, post);
+  const transport = new NetworkedTransport(served);
+  transport.snapshotAfterRouting();
+  const serverGlobalData = asGlobalData(routed.allRoutesData);
+  const ssrScheduler = new UpdateScheduler();
+  let html;
+  try {
+    const serverContext = asContext(runner.context(routed.init, post));
+    const serverNetworked = transport; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion -- as the request handler hands it
+    const ssrStores = initStores(location, reqRes, serverGlobalData, routed.matchedRouteInfo, serverDataLoading, serverContext, serverNetworked);
+    const ssrInstance = new Instance(location, instanceConfig, reqRes, appRoutesFor(app, routed.init), routed.routes, ssrStores.internalStore, ssrStores.stores, ssrStores.storeSubscriptions, serverGlobalData, routed.matchedRouteInfo, {
+      document,
+      window: document.defaultView,
+      scheduler: ssrScheduler,
+      navigation: false
+    });
+    ssrInstance.fileVersions = options?.fileVersions;
+    ssrInstance.context = serverContext;
+    ssrInstance.networkedData = serverNetworked;
+    ssrInstance.pipelineNetworked = served ?? {};
+    await applyStores(ssrInstance, overrides);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- rootToHtml.ts builds a root content node the same way
+    const componentNode = {
+      [$type]: RootComponent,
+      [$props]: serverProps
+    };
+    const renderingTree = await contentTreeToRenderingTree(componentNode, null, ssrInstance, false);
+    const headData = {
+      found: false,
+      instance: ssrInstance,
+      clientImportAliases: {},
+      importAliases: {},
+      compilationLocation: '',
+      dev: false,
+      tungstenPublicEnv: undefined,
+      siteBasePath: '',
+      hmr: true,
+      csr: instanceConfig.csr
+    };
+    html = await renderingNodeToHtml(renderingTree, false, headData, null);
+  } finally {
+    ssrScheduler.dispose();
+  }
+  // what the page carries: processHead writes the transport after the render
+  const fromPage = JSON.parse(JSONstringify(transport));
+  if (ownsContainer) {
+    if (document.body === null) {
+      // eslint-disable-line @typescript-eslint/no-unnecessary-condition
+      throw new Error('The supplied document must have a body element.');
+    }
+    document.body.appendChild(container);
+  }
+  container.innerHTML = html;
+  bridgeHappyDomGlobals(document);
+  // Client pass: the app's own client run, with the page's data, as hydratePipeline() runs it
+  const ran = await app.client(app, serverGlobalData, fromPage);
+  const routes = pipelineRoutes(app, null, ran.init, true);
+  const {
+    key,
+    params,
+    data
+  } = routed.matchedRouteInfo;
+  const matchedRouteInfo = hydrationRouting({
+    key,
+    params,
+    ...('data' in routed.matchedRouteInfo ? {
+      data
+    } : {})
+  }, routes);
+  const afterRouting = afterRoutingFor(ran.afterRouting);
+  const context = afterRouting === undefined ? asContext(ran.context) : await afterRouting(clientRoute(matchedRouteInfo, location), serverGlobalData);
+  const networkedData = routingNetworkedData(ran.routingNetworkedData);
+  const scheduler = new UpdateScheduler();
+  const {
+    internalStore,
+    stores,
+    storeSubscriptions
+  } = initStores(location, null, serverGlobalData, matchedRouteInfo, null, context, networkedData);
+  const instance = new Instance(location, instanceConfig, null, appRoutesFor(app, ran.init), routes, internalStore, stores, storeSubscriptions, serverGlobalData, matchedRouteInfo, {
+    document,
+    window: document.defaultView,
+    scheduler,
+    navigation: false
+  });
+  instance.fileVersions = options?.fileVersions;
+  instance.context = context;
+  instance.networkedData = networkedData;
+  instance.pipelineNetworked = ran.networked;
+  const rerun = ran.allRoutesData;
+  instance.pipeline = {
+    routingContext: routingContext(ran.routingContext),
+    routingNetworkedData: networkedData,
+    allRoutesData: rerun && (async () => asGlobalData(await rerun())),
+    afterRouting
+  };
+  try {
+    await applyStores(instance, overrides);
+    const meta = makeDefaultHydrateMeta();
+    const component = await hydrateRootComponent(instance, RootComponent, new DomPointer(container, 0), meta, clientProps, matchedRouteInfo.params, matchedRouteInfo.data);
+    return new HydrateTestAppImplementation(document, container, component, instance, scheduler, ownsContainer, html, meta.mismatches);
+  } catch (error) {
+    try {
+      instance.disposeRegisteredComponents();
+    } catch {
+      // Preserve the mount failure.
+    }
+    scheduler.dispose();
+    while (container.firstChild !== null) container.removeChild(container.firstChild);
+    if (ownsContainer) container.remove();
+    throw error;
+  }
+}

package/dist/testing/index.d.ts

@@ -1,9 +1,12 @@
 export { loadEnv } from './loadEnv.js';
 export { testEnvVariableName } from './testEnvIsRequested.js';
-export { hydrateTestApp, type HydrateTestApp, type HydrateTestAppOptions } from './hydrateTestApp.js';
-export { createTestApp, testStore, type ComponentProps, type CreateTestAppArgs, type TestApp, type TestAppOptions, type TestStore, type TestStoreOverride, type TestStoreRegistration, type TestRoutes, } from './createTestApp.js';
-export { host, type HostOptions, type HostStoreOptions, type Hosted } from './host.js';
+export { type HydrateTestApp, type HydrateTestAppOptions, hydrateTestApp, } from './hydrateTestApp.js';
+export { type HydrateTestPipelineApp, type HydrateTestPipelineAppOptions, hydrateTestPipelineApp, } from './hydrateTestPipelineApp.js';
+export { type ComponentProps, type CreateTestAppArgs, type TestApp, type TestAppOptions, type TestStore, type TestStoreOverride, type TestStoreRegistration, type TestRoutes, createTestApp, testStore, } from './createTestApp.js';
+export { type CreateTestPipelineAppArgs, type TestPipelineApp, type TestPipelineAppOptions, createTestPipelineApp, } from './createTestPipelineApp.js';
+export { type HostOptions, type HostStoreOptions, type Hosted, type HostedResolved, host, hostGeneric, hostJsx, } from './host.js';
 export { testingComponentPackage } from './testingComponentPackage.js';
 export { contentHtmlElements } from './helpers/contentHtmlElements.js';
+export { ensure } from './ensure.js';
 export { makeStore, type TrueStore } from '../Store/makeStore.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/testing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/testing/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACrG,OAAO,EACH,aAAa,EACb,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,UAAU,GAClB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAA;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/testing/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EACH,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAC/C,cAAc,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACH,KAAK,sBAAsB,EAAE,KAAK,6BAA6B,EAC/D,sBAAsB,GACzB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACH,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAC9F,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAE,KAAK,UAAU,EACnE,aAAa,EAAE,SAAS,GAC3B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACH,KAAK,yBAAyB,EAAE,KAAK,eAAe,EAAE,KAAK,sBAAsB,EACjF,qBAAqB,GACxB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACH,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,MAAM,EAAE,KAAK,cAAc,EACzE,IAAI,EAAE,WAAW,EAAE,OAAO,GAC7B,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/testing/index.js

@@ -1,8 +1,11 @@
 export { loadEnv } from './loadEnv.js';
 export { testEnvVariableName } from './testEnvIsRequested.js';
 export { hydrateTestApp } from './hydrateTestApp.js';
+export { hydrateTestPipelineApp } from './hydrateTestPipelineApp.js';
 export { createTestApp, testStore } from './createTestApp.js';
-export { host } from './host.js';
+export { createTestPipelineApp } from './createTestPipelineApp.js';
+export { host, hostGeneric, hostJsx } from './host.js';
 export { testingComponentPackage } from './testingComponentPackage.js';
 export { contentHtmlElements } from './helpers/contentHtmlElements.js';
+export { ensure } from './ensure.js';
 export { makeStore } from '../Store/makeStore.js';

package/dist/testing/resolveContent.d.ts

@@ -0,0 +1,16 @@
+import type { AnyComponent } from '../AnyComponent.js';
+import type { Instance } from '../Instance/Instance.js';
+import type { ContentNode } from '../ContentNode.js';
+/**
+ * The tree as it renders: every component in it constructed and asked for its content, down to
+ * html and text. host({ resolve: true }) hands this back, where host() alone hands back what the
+ * hosted component itself returned, its child components still unexpanded.
+ *
+ * render/contentTreeToRenderingTree does this for the app, but a rendering tree drops a component's
+ * props, keeping only its rendered children. Here a component node stays as written - its type, key
+ * and props - with what it rendered in place of the children it was passed, so a test can read it
+ * by name and by prop as well as by what it put on the page.
+ */
+export declare function resolveContent(content: ContentNode, parentComponent: AnyComponent | null, instance: Instance, constructed?: Constructed): Promise<ContentNode>;
+export type Constructed = (component: object) => void;
+//# sourceMappingURL=resolveContent.d.ts.map

package/dist/testing/resolveContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContent.d.ts","sourceRoot":"","sources":["../../src/testing/resolveContent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,WAAW,EAA4C,MAAM,mBAAmB,CAAA;AAa9F;;;;;;;;;GASG;AACH,wBAAsB,cAAc,CAChC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,GAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAG9E,WAAW,CAAC,EAAE,WAAW,GAC1B,OAAO,CAAC,WAAW,CAAC,CAiBtB;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA"}

package/dist/testing/resolveContent.js

@@ -0,0 +1,65 @@
+import { ContentNodeComponentIsClassComponent, ContentNodeElementIsComponent, ContentNodeIsArray, ContentNodeIsElement, ContentNodeIsLiteral } from '../ContentNode.js';
+import { $props, $type } from '../contentNodeSymbols.js';
+import { clearCurrentComponent } from '../hooks/clearCurrentComponent.js';
+import { setCurrentComponent } from '../hooks/setCurrentComponent.js';
+import { getStyledContentFromFunctionComponent } from '../getStyledContentFromFunctionComponent.js';
+import { instantiateClassComponent } from '../render/instantiateClassComponent.js';
+import { instantiateFunctionComponent } from '../render/instantiateFunctionComponent.js';
+/**
+ * The tree as it renders: every component in it constructed and asked for its content, down to
+ * html and text. host({ resolve: true }) hands this back, where host() alone hands back what the
+ * hosted component itself returned, its child components still unexpanded.
+ *
+ * render/contentTreeToRenderingTree does this for the app, but a rendering tree drops a component's
+ * props, keeping only its rendered children. Here a component node stays as written - its type, key
+ * and props - with what it rendered in place of the children it was passed, so a test can read it
+ * by name and by prop as well as by what it put on the page.
+ */
+export async function resolveContent(content, parentComponent, instance,
+// each component once built, before its content is asked for: host() guards a partial store on
+// it, as it does the one it hosts. Its init has already run, so a key read there is not covered
+constructed) {
+  if (ContentNodeIsArray(content)) {
+    const nodes = [];
+    // in order: a component's init may read what an earlier one wrote
+    for (const node of content) {
+      nodes.push(await resolveContent(node, parentComponent, instance, constructed));
+    }
+    return nodes;
+  }
+  if (ContentNodeIsLiteral(content) || !ContentNodeIsElement(content)) return content;
+  // an element or fragment: its children as they render. A component's children are its output
+  if (!ContentNodeElementIsComponent(content)) {
+    return withChildren(content, await resolveContent(content[$props].children, parentComponent, instance, constructed));
+  }
+  return withChildren(content, await rendered(content, parentComponent, instance, constructed));
+}
+// what the component put on the page, resolved in its turn.
+// As render/componentNodeToRenderingTree: a component the app renders on the client alone never
+// runs its content here, so its placeholder stands for it
+async function rendered(node, parentComponent, instance, constructed) {
+  const render = node[$type].render;
+  if (render !== undefined) {
+    const placeholder = typeof render === 'object' && 'placeholder' in render ? render.placeholder : null;
+    return resolveContent(placeholder, parentComponent, instance, constructed);
+  }
+  // parentComponent, not the component itself: the parent the framework's own render path passes
+  if (ContentNodeComponentIsClassComponent(node)) {
+    const component = await instantiateClassComponent(node, parentComponent, instance);
+    constructed?.(component);
+    return resolveContent(await component.__styledContent(), parentComponent, instance, constructed);
+  }
+  const standIn = instantiateFunctionComponent(node, parentComponent, instance);
+  setCurrentComponent(standIn);
+  const content = await getStyledContentFromFunctionComponent(standIn);
+  clearCurrentComponent();
+  return resolveContent(content, parentComponent, instance, constructed);
+}
+// the node as written, with the content it holds replaced
+const withChildren = (node, children) => ({
+  ...node,
+  [$props]: {
+    ...node[$props],
+    children
+  }
+});

package/dist/testing/testingComponentPackage.d.ts

@@ -3,11 +3,13 @@ import type { Instance } from '../Instance/Instance.js';
 import type { InstanceConfig } from '../Instance/InstanceConfig.js';
 import type { PartialInternalStoreSchema } from '../Store/InternalStoreSchema.js';
 import type { GlobalData } from '../routing/registerGlobalData.js';
-import { $trueStoreValue, type TrueStore } from '../Store/makeStore.js';
+import { type TrueStore, $trueStoreValue } from '../Store/makeStore.js';
 export type TestingComponentPackageOptions = {
     store?: Partial<TrueStore<any>>;
     routes?: object;
     globalData?: GlobalData;
+    context?: object;
+    networkedData?: object;
     internalStore?: PartialInternalStoreSchema;
     config?: Partial<InstanceConfig>;
     trackWork?: Instance['trackWork'];

package/dist/testing/testingComponentPackage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testingComponentPackage.d.ts","sourceRoot":"","sources":["../../src/testing/testingComponentPackage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AACrF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EAAuB,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AACtG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAGlE,OAAO,EACH,eAAe,EAAc,KAAK,SAAS,EAC9C,MAAM,uBAAuB,CAAA;AAI9B,MAAM,MAAM,8BAA8B,GAAG;IAIzC,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;IAG/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,UAAU,CAAA;IAMvB,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAGhC,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;IAIjC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IAGrC,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAG/B,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;CAClC,CAAA;AAYD,eAAO,MAAM,iBAAiB,GAAI,KAAK,EAAE,KAAK,MAAM;;eAEvC,KAAK;;;;gBAIJ,KAAK;aACN,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,EAAE;iBAC3F,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,EAAE;;CAErE,CAAA;AAoC3C,eAAO,MAAM,uBAAuB,GAAI,KAAK,SAAS,MAAM,EACxD,OAAO,KAAK,EACZ,UAAS,8BAAmC,KAC7C,gBAAgB,CAAC,KAAK,EAAE,SAAS,CA6ClC,CAAA"}
+{"version":3,"file":"testingComponentPackage.d.ts","sourceRoot":"","sources":["../../src/testing/testingComponentPackage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AACrF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EACa,0BAA0B,EAClD,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAIlE,OAAO,EACH,KAAK,SAAS,EACd,eAAe,EAClB,MAAM,uBAAuB,CAAA;AAK9B,MAAM,MAAM,8BAA8B,GAAG;IAIzC,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;IAG/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IAMtB,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAGhC,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;IAIjC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IAGrC,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAG/B,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;CAClC,CAAA;AAYD,eAAO,MAAM,iBAAiB,GAAI,KAAK,EAAE,KAAK,MAAM;;eAEvC,KAAK;;;;gBAIJ,KAAK;aACN,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,EAAE;iBAC3F,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,EAAE;;CAErE,CAAA;AAoC3C,eAAO,MAAM,uBAAuB,GAAI,KAAK,SAAS,MAAM,EACxD,OAAO,KAAK,EACZ,UAAS,8BAAmC,KAC7C,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAyDlC,CAAA"}

package/dist/testing/testingComponentPackage.js

@@ -1,5 +1,6 @@
 import { $trueStoreValue, StoreValue } from '../Store/makeStore.js';
 import { routeKeyToUrl } from '../routing/routeUrl.js';
+import { storeSchemas } from '../Store/storeCreators.js';
 const missing = key => {
   throw new Error(`testingComponentPackage: no ${key} supplied. Pass one in the options if the value is part` + ` of the test, or use createTestApp() for a component that needs a real app.`);
 };
@@ -51,14 +52,23 @@ export const testingComponentPackage = (props, options = {}) => ({
   // the rest.
   // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
   instance: {
+    // the one store stands in every slot, whichever registerStore() gave the component
+    stores: Array.from({
+      length: Math.max(storeSchemas.length, 1)
+    },
     // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- partial by design: host() names the keys left out
-    stores: [options.store ?? {}],
+    () => options.store ?? {}),
     // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- the mock supplies store keys, not the store machinery behind them
     internalStore: internalStore(options.internalStore),
     // Route passthrough: tests supply loosely-typed route maps, narrowed
     // to Routes here (assertion confined to this boundary).
     // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
     getRoutes: () => options.routes ?? {},
+    // what this.tungsten.routes reads
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+    get routes() {
+      return options.routes ?? {};
+    },
     // the instance's own copies of what the store holds - one source, as
     // updateLocation() keeps them in the real thing
     get location() {
@@ -68,6 +78,11 @@ export const testingComponentPackage = (props, options = {}) => ({
       return options.internalStore?.matchedRouteInfo ?? missing('internalStore.matchedRouteInfo');
     },
     globalData: options.globalData ?? {},
+    // the framework brands what it builds, and here the test built it
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+    context: options.context ?? {},
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+    networkedData: options.networkedData ?? {},
     config: {
       ...defaultConfig,
       ...options.config

package/dist/update/integrateUpdateVdom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integrateUpdateVdom.d.ts","sourceRoot":"","sources":["../../src/update/integrateUpdateVdom.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"integrateUpdateVdom.d.ts","sourceRoot":"","sources":["../../src/update/integrateUpdateVdom.ts"],"names":[],"mappings":"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"}

package/dist/update/integrateUpdateVdom.js

@@ -1,5 +1,5 @@
-import { setCurrentComponent } from 'tungsten/hooks/setCurrentComponent.js';
-import { clearCurrentComponent } from 'tungsten/hooks/clearCurrentComponent.js';
+import { setCurrentComponent } from '../hooks/setCurrentComponent.js';
+import { clearCurrentComponent } from '../hooks/clearCurrentComponent.js';
 import { IsHTMLElement } from '../DomNodes.js';
 import { DomRegion } from '../DomRegion.js';
 import { DomPointer } from '../DomPointer.js';
@@ -10,6 +10,7 @@ import { out, warn } from '../appOutput.js';
 import { getStyledContentFromFunctionComponent } from '../getStyledContentFromFunctionComponent.js';
 import { FunctionElement } from '../FunctionComponentStandIn.js';
 import { jssToCss } from '../style/jssToCss.js';
+import { versionAttributes } from '../fileVersions.js';
 import { htmlEventHandlerKey } from '../htmlEventHandlerKey.js';
 import { $contentNull } from '../symbols.js';
 import { throwError } from '../throwError.js';
@@ -717,13 +718,14 @@ export function processHtmlNode(node, parentNode) {
     //// we have event handler code here as well as in addAttributes -- should this be moved to updateAttributes??
     if (node[$type] in bindableHtmlElementsString) {
       debug('binding');
-      const [bindObject, bindKey] = props.bind;
-      props.value = bindObject[bindKey] ?? ''; // nullish coalesce to avoid putting undef/null into elements
+      const [bindObject, bindKey] = props.bind; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
+      // nullish coalesce to avoid putting undef/null into elements
+      props.value = bindObject[bindKey] ?? ''; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
       let handler;
-      if ('filter' in props) {
-        const filterFunc = props.filter;
+      if ('convert' in props) {
+        const convertFunc = props.convert;
         handler = async event => {
-          bindObject[bindKey] = await filterFunc(event.target.value, event);
+          bindObject[bindKey] = await convertFunc(event.target.value, event);
         };
       } else {
         handler = event => {
@@ -741,16 +743,17 @@ export function processHtmlNode(node, parentNode) {
       // should we be saving the handler like we do in hydrate?
       //props[eventName] = handler
       delete props.bind;
-      delete props.filter;
+      delete props.convert;
     } else if (node[$type] in bindableHtmlElementsNumber) {
       debug('binding');
-      const [bindObject, bindKey] = props.bind;
-      props.value = bindObject[bindKey] ?? ''; // nullish coalesce to avoid putting undef/null into elements
+      const [bindObject, bindKey] = props.bind; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
+      // nullish coalesce to avoid putting undef/null into elements
+      props.value = bindObject[bindKey] ?? ''; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
       let handler;
-      if ('filter' in props) {
-        const filterFunc = props.filter;
+      if ('convert' in props) {
+        const convertFunc = props.convert;
         handler = async event => {
-          bindObject[bindKey] = await filterFunc(event.target.value, event);
+          bindObject[bindKey] = await convertFunc(event.target.value, event);
         };
       } else {
         handler = event => {
@@ -767,19 +770,19 @@ export function processHtmlNode(node, parentNode) {
       }
       //props[eventName] = handler
       delete props.bind;
-      delete props.filter;
+      delete props.convert;
     }
   }
   if (props.bindChecked !== undefined) {
     const eventName = 'onChange';
     debug('bindChecked');
-    const [bindObject, bindKey] = props.bindChecked;
+    const [bindObject, bindKey] = props.bindChecked; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
     props.checked = checkedValueToBoolean(bindObject[bindKey]);
     let handler;
-    if ('filterChecked' in props) {
-      const filterFunc = props.filterChecked;
+    if ('convertChecked' in props) {
+      const convertFunc = props.convertChecked;
       handler = async event => {
-        bindObject[bindKey] = await filterFunc(event.target.checked, event);
+        bindObject[bindKey] = await convertFunc(event.target.checked, event);
       };
     } else {
       handler = event => {
@@ -795,12 +798,12 @@ export function processHtmlNode(node, parentNode) {
       props[eventName] = handler;
     }
     delete props.bindChecked;
-    delete props.filterChecked;
+    delete props.convertChecked;
   }
   if (props.bindRadio !== undefined) {
     const eventName = 'onChange';
     debug('bindRadio');
-    const [bindObject, bindKey] = props.bindRadio;
+    const [bindObject, bindKey] = props.bindRadio; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
     props.checked = bindObject[bindKey] === props.value;
     const handler = event => {
       //console.log('bound radio changed 3', (event.target as HTMLCheckedBindableElement).value)
@@ -922,7 +925,7 @@ function removeAttribute(htmlElement, attr) {
 }
 function addAttributes(tungstenElement, instance, node, domNode) {
   //console.log('-addAttributes', node)
-  const attributes = processAttributes(node);
+  const attributes = versionAttributes(processAttributes(node), instance);
   debug('attributes', attributes);
   for (const key in attributes) {
     //console.log('attr', key)
@@ -965,7 +968,7 @@ function updateAttributes(tungstenElement, instance, node, oldNode, domNodeHTMLE
   const domNode = domNodeHTMLElement;
   //console.log('-updateAttributes', node)
   debug('-updateAttributes', node);
-  const newAttributes = processAttributes(node);
+  const newAttributes = versionAttributes(processAttributes(node), instance);
   // are re-process the old node attribs here to we can see what we applied last time.
   // would be better to save this and then grab it later
   //const oldAttributes = processAttributes(oldNode)
@@ -1064,10 +1067,10 @@ function processAttributes(node) {
     // this will overwrite any other onChange
     if (node[$type] in bindableHtmlElementsString) {
       let handler;
-      if ('filter' in attributes) {
-        const filterFunc = attributes.filter;
+      if ('convert' in attributes) {
+        const convertFunc = attributes.convert;
         handler = async event => {
-          bind[0][bind[1]] = await filterFunc(event.target.value, event);
+          bind[0][bind[1]] = await convertFunc(event.target.value, event);
         };
       } else {
         handler = event => {
@@ -1077,10 +1080,10 @@ function processAttributes(node) {
       attributes.onChange = handler;
     } else if (node[$type] in bindableHtmlElementsNumber) {
       let handler;
-      if ('filter' in attributes) {
-        const filterFunc = attributes.filter;
+      if ('convert' in attributes) {
+        const convertFunc = attributes.convert;
         handler = async event => {
-          bind[0][bind[1]] = await filterFunc(event.target.value, event);
+          bind[0][bind[1]] = await convertFunc(event.target.value, event);
         };
       } else {
         handler = event => {
@@ -1090,7 +1093,7 @@ function processAttributes(node) {
       attributes.onChange = handler;
     }
     delete attributes.bind;
-    delete attributes.filter;
+    delete attributes.convert;
   }
   if (attributes.children !== undefined) {
     delete attributes.children;
@@ -1448,7 +1451,7 @@ export async function hotSwapFunctionComponent(oldElement, NewType) {
   standIn.__domRegion = new DomRegion(parent, domStartIndex, domPointer.index - domStartIndex);
   standIn.__currentContent = renderedContent;
   wrapper.element = standIn;
-  wrapper[$props] = standIn.props;
+  wrapper[$props] = standIn.props; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
   standIn.__renderedNode = wrapper;
   return standIn;
 }
@@ -1464,6 +1467,7 @@ export async function hotSwapClassComponent(oldElement, NewType) {
   if (wrapper === undefined) return null;
   const newElement = new NewType({
     props: oldElement.props,
+    // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
     routeParams: oldElement.routeParams,
     routeData: oldElement.routeData,
     instance: oldElement.__instance,
@@ -1491,7 +1495,7 @@ export async function hotSwapClassComponent(oldElement, NewType) {
   newElement.__currentContent = renderedContent;
   queueMount(() => newElement.__didMount());
   wrapper.element = newElement;
-  wrapper[$props] = newElement.props;
+  wrapper[$props] = newElement.props; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
   newElement.__renderedNode = wrapper;
   return newElement;
 }