npm - @swifttui/web - Versions diffs - 0.0.14 → 0.0.16 - Mend

@swifttui/web 0.0.14 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/README.md +24 -10
package/dist/index.d.ts +9 -0
package/dist/index.js +9 -0
package/dist/manifest.d.ts +2 -0
package/dist/manifest.js +2 -0
package/dist/src/AccessibilityTree.js +156 -0
package/dist/src/AccessibilityTree.js.map +1 -0
package/dist/src/BoxDrawingRenderer.js +1106 -0
package/dist/src/BoxDrawingRenderer.js.map +1 -0
package/dist/src/WebHostApp.d.ts +41 -0
package/dist/src/WebHostApp.js +135 -0
package/dist/src/WebHostApp.js.map +1 -0
package/dist/src/WebHostSceneManifest.d.ts +18 -0
package/dist/src/WebHostSceneManifest.js +70 -0
package/dist/src/WebHostSceneManifest.js.map +1 -0
package/dist/src/WebHostSceneRuntime.d.ts +112 -0
package/dist/src/WebHostSceneRuntime.js +651 -0
package/dist/src/WebHostSceneRuntime.js.map +1 -0
package/dist/src/WebHostSurfaceTransport.d.ts +166 -0
package/dist/src/WebHostSurfaceTransport.js +252 -0
package/dist/src/WebHostSurfaceTransport.js.map +1 -0
package/dist/src/WebHostTerminalStyle.d.ts +92 -0
package/dist/src/WebHostTerminalStyle.js +277 -0
package/dist/src/WebHostTerminalStyle.js.map +1 -0
package/dist/src/WebHostTestFixtures.d.ts +5 -0
package/dist/src/WebHostTestFixtures.js +9 -0
package/dist/src/WebHostTestFixtures.js.map +1 -0
package/dist/src/WebSocketSceneBridge.d.ts +53 -0
package/dist/src/WebSocketSceneBridge.js +124 -0
package/dist/src/WebSocketSceneBridge.js.map +1 -0
package/dist/src/wasi/BrowserWASIBridge.d.ts +33 -0
package/dist/src/wasi/BrowserWASIBridge.js +97 -0
package/dist/src/wasi/BrowserWASIBridge.js.map +1 -0
package/dist/src/wasi/SharedInputQueue.d.ts +31 -0
package/dist/src/wasi/SharedInputQueue.js +102 -0
package/dist/src/wasi/SharedInputQueue.js.map +1 -0
package/dist/src/wasi/StdIOPipe.d.ts +15 -0
package/dist/src/wasi/StdIOPipe.js +56 -0
package/dist/src/wasi/StdIOPipe.js.map +1 -0
package/dist/src/wasi/WasiPollScheduler.js +114 -0
package/dist/src/wasi/WasiPollScheduler.js.map +1 -0
package/dist/src/wasi/WasmSceneRuntime.d.ts +23 -0
package/dist/src/wasi/WasmSceneRuntime.js +119 -0
package/dist/src/wasi/WasmSceneRuntime.js.map +1 -0
package/dist/src/wasi/WasmSceneWorker.d.ts +27 -0
package/dist/src/wasi/WasmSceneWorker.js +109 -0
package/dist/src/wasi/WasmSceneWorker.js.map +1 -0
package/dist/testing.d.ts +2 -0
package/dist/testing.js +2 -0
package/dist/wasi-worker.d.ts +2 -0
package/dist/wasi-worker.js +2 -0
package/dist/wasi.d.ts +6 -0
package/dist/wasi.js +6 -0
package/dist/websocket.d.ts +2 -0
package/dist/websocket.js +2 -0
package/package.json +49 -18
package/AGENTS.md +0 -52
package/cli.ts +0 -168
package/index.html +0 -50
package/index.ts +0 -8
package/manifest.ts +0 -1
package/src/AccessibilityTree.ts +0 -262
package/src/BoxDrawingRenderer.ts +0 -585
package/src/PublicEntrypointBoundary.test.ts +0 -20
package/src/WebHostApp.test.ts +0 -222
package/src/WebHostApp.ts +0 -269
package/src/WebHostSceneManifest.test.ts +0 -38
package/src/WebHostSceneManifest.ts +0 -156
package/src/WebHostSceneRuntime.test.ts +0 -1982
package/src/WebHostSceneRuntime.ts +0 -1142
package/src/WebHostSurfaceTransport.test.ts +0 -362
package/src/WebHostSurfaceTransport.ts +0 -691
package/src/WebHostTerminalStyle.test.ts +0 -123
package/src/WebHostTerminalStyle.ts +0 -471
package/src/WebHostTestFixtures.ts +0 -10
package/src/WebSocketSceneBridge.test.ts +0 -198
package/src/WebSocketSceneBridge.ts +0 -233
package/src/browser.ts +0 -59
package/src/wasi/BrowserWASIBridge.test.ts +0 -168
package/src/wasi/BrowserWASIBridge.ts +0 -167
package/src/wasi/SharedInputQueue.test.ts +0 -146
package/src/wasi/SharedInputQueue.ts +0 -199
package/src/wasi/StdIOPipe.ts +0 -72
package/src/wasi/WasiPollScheduler.test.ts +0 -176
package/src/wasi/WasiPollScheduler.ts +0 -305
package/src/wasi/WasmSceneRuntime.ts +0 -205
package/src/wasi/WasmSceneWorker.ts +0 -182
package/testing.ts +0 -1
package/tsconfig.json +0 -29
package/wasi-worker.ts +0 -1
package/wasi.ts +0 -4
package/websocket.ts +0 -1

package/index.html DELETED Viewed

@@ -1,50 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>WebHost</title>
-    <style>
-      :root {
-        color-scheme: dark;
-      }
-      html,
-      body {
-        margin: 0;
-        height: 100%;
-        background: #000;
-      }
-      #webhost-root,
-      .webhost-scene-root,
-      .webhost-scene {
-        width: 100%;
-        height: 100%;
-      }
-      .webhost-scene__header {
-        display: none;
-      }
-      .webhost-scene__terminal {
-        width: 100%;
-        height: 100%;
-        min-height: 100%;
-        touch-action: none;
-        -webkit-user-select: none;
-        user-select: none;
-        cursor: default;
-      }
-      .webhost-scene__terminal canvas {
-        touch-action: none;
-        cursor: default;
-      }
-    </style>
-    <script type="module" src="./src/browser.ts"></script>
-  </head>
-  <body>
-    <main id="webhost-root"></main>
-  </body>
-</html>

package/index.ts DELETED Viewed

@@ -1,8 +0,0 @@
-export * from "./src/WebHostApp.ts";
-export * from "./src/WebHostSceneManifest.ts";
-export * from "./src/WebHostTerminalStyle.ts";
-export * from "./src/WebHostSurfaceTransport.ts";
-export * from "./src/WebHostSceneRuntime.ts";
-export * from "./src/WebSocketSceneBridge.ts";
-export * from "./src/wasi/BrowserWASIBridge.ts";
-export * from "./src/wasi/StdIOPipe.ts";

package/manifest.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from "./src/WebHostSceneManifest.ts";

package/src/AccessibilityTree.ts DELETED Viewed

@@ -1,262 +0,0 @@
-import type {
-  WebHostAccessibilityAnnouncement,
-  WebHostAccessibilityNode,
-} from "./WebHostSurfaceTransport.ts";
-interface AccessibilityTreeMetrics {
-  cellWidth: number;
-  cellHeight: number;
-}
-interface AccessibilityTreePresentationOptions {
-  synchronizeFocus?: boolean;
-}
-interface RoleMapping {
-  role?: string;
-  level?: number;
-}
-export class AccessibilityTreeMounter {
-  readonly element: HTMLElement;
-  readonly announcerElement: HTMLElement;
-  private readonly nodesById = new Map<string, HTMLElement>();
-  private previousLabelsById = new Map<string, string>();
-  private hasLiveRegionBaseline = false;
-  constructor() {
-    this.element = document.createElement("div");
-    this.element.className = "webhost-scene__accessibility-tree";
-    applyScreenReaderOnlyStyle(this.element);
-    this.announcerElement = document.createElement("div");
-    this.announcerElement.className = "webhost-scene__accessibility-announcer";
-    this.announcerElement.setAttribute("aria-atomic", "true");
-    applyScreenReaderOnlyStyle(this.announcerElement);
-  }
-  present(
-    nodes: WebHostAccessibilityNode[],
-    metrics: AccessibilityTreeMetrics,
-    announcements: WebHostAccessibilityAnnouncement[] = [],
-    options: AccessibilityTreePresentationOptions = {}
-  ): void {
-    this.element.replaceChildren();
-    this.nodesById.clear();
-    for (const node of nodes) {
-      const element = this.elementForNode(node, metrics);
-      this.nodesById.set(node.id, element);
-    }
-    for (const node of nodes) {
-      const element = this.nodesById.get(node.id);
-      if (!element) {
-        continue;
-      }
-      const parent = node.parentId ? this.nodesById.get(node.parentId) : undefined;
-      (parent ?? this.element).appendChild(element);
-    }
-    this.announceLiveRegionChanges(nodes, announcements);
-    const focused = nodes.find((node) => node.isFocused);
-    if ((options.synchronizeFocus ?? true) && focused) {
-      this.nodesById.get(focused.id)?.focus?.({ preventScroll: true });
-    }
-  }
-  private elementForNode(
-    node: WebHostAccessibilityNode,
-    metrics: AccessibilityTreeMetrics
-  ): HTMLElement {
-    const element = document.createElement("div");
-    element.id = `swifttui-a11y-${stableDOMId(node.id)}`;
-    element.dataset.accessibilityId = node.id;
-    element.tabIndex = node.isFocused ? 0 : -1;
-    const role = roleMapping(node.role);
-    if (role.role) {
-      element.setAttribute("role", role.role);
-    }
-    if (role.level !== undefined) {
-      element.setAttribute("aria-level", String(role.level));
-    }
-    if (node.label) {
-      element.setAttribute("aria-label", node.label);
-    }
-    if (node.hint) {
-      element.setAttribute("aria-description", node.hint);
-    }
-    if (node.liveRegion) {
-      element.setAttribute("aria-live", node.liveRegion);
-    }
-    if (node.isFocused) {
-      element.dataset.focused = "true";
-    }
-    const [x, y, width, height] = node.rect;
-    element.style.position = "absolute";
-    element.style.left = `${x * metrics.cellWidth}px`;
-    element.style.top = `${y * metrics.cellHeight}px`;
-    element.style.width = `${Math.max(1, width) * metrics.cellWidth}px`;
-    element.style.height = `${Math.max(1, height) * metrics.cellHeight}px`;
-    return element;
-  }
-  private announceLiveRegionChanges(
-    nodes: WebHostAccessibilityNode[],
-    announcements: WebHostAccessibilityAnnouncement[]
-  ): void {
-    const candidates = nodes.filter(
-      (node) => node.liveRegion && node.liveRegion !== "off" && node.label
-    );
-    const currentLabelsById = new Map(candidates.map((node) => [node.id, node.label ?? ""]));
-    const imperativeAssertive = announcements.filter(
-      (announcement) => announcement.politeness === "assertive"
-    );
-    const imperativePolite = announcements.filter(
-      (announcement) => announcement.politeness === "polite"
-    );
-    if (!this.hasLiveRegionBaseline) {
-      this.previousLabelsById = currentLabelsById;
-      this.hasLiveRegionBaseline = true;
-      this.publishAnnouncements([], imperativeAssertive, [], imperativePolite);
-      return;
-    }
-    const changed = candidates.filter((node) => {
-      const previous = this.previousLabelsById.get(node.id);
-      return previous !== undefined && previous !== node.label;
-    });
-    this.previousLabelsById = currentLabelsById;
-    const assertive = changed.filter((node) => node.liveRegion === "assertive");
-    const polite = changed.filter((node) => node.liveRegion === "polite");
-    this.publishAnnouncements(assertive, imperativeAssertive, polite, imperativePolite);
-  }
-  private publishAnnouncements(
-    assertive: WebHostAccessibilityNode[],
-    imperativeAssertive: WebHostAccessibilityAnnouncement[],
-    polite: WebHostAccessibilityNode[],
-    imperativePolite: WebHostAccessibilityAnnouncement[]
-  ): void {
-    const ordered = [...assertive, ...imperativeAssertive, ...polite, ...imperativePolite];
-    if (ordered.length === 0) {
-      return;
-    }
-    const politeness = assertive.length > 0 || imperativeAssertive.length > 0
-      ? "assertive"
-      : "polite";
-    this.announcerElement.setAttribute("aria-live", politeness);
-    this.announcerElement.textContent = ordered.map((entry) => {
-      if ("message" in entry) {
-        return entry.message;
-      }
-      return entry.label ?? "";
-    }).join("\n");
-  }
-}
-function applyScreenReaderOnlyStyle(
-  element: HTMLElement
-): void {
-  element.style.position = "absolute";
-  element.style.left = "0";
-  element.style.top = "0";
-  element.style.width = "1px";
-  element.style.height = "1px";
-  element.style.overflow = "hidden";
-  element.style.clipPath = "inset(50%)";
-  element.style.whiteSpace = "nowrap";
-}
-function roleMapping(
-  role: string
-): RoleMapping {
-  const heading = /^heading\(level: ([0-9]+)\)$/.exec(role);
-  if (heading) {
-    return {
-      role: "heading",
-      level: Math.max(1, Math.min(6, Number(heading[1]))),
-    };
-  }
-  const custom = /^custom\((.+)\)$/.exec(role);
-  if (custom) {
-    return { role: custom[1] };
-  }
-  switch (role) {
-  case "alert":
-  case "button":
-  case "cell":
-  case "checkbox":
-  case "grid":
-  case "group":
-  case "link":
-  case "list":
-  case "menu":
-  case "region":
-  case "separator":
-  case "slider":
-  case "status":
-  case "tab":
-  case "table":
-  case "timer":
-    return { role };
-  case "columnHeader":
-    return { role: "columnheader" };
-  case "confirmationDialog":
-  case "sheet":
-    return { role: "dialog" };
-  case "disclosureGroup":
-  case "scrollView":
-  case "scrollViewWithIndicators":
-  case "section":
-    return { role: "region" };
-  case "image":
-    return { role: "img" };
-  case "menuItem":
-    return { role: "menuitem" };
-  case "picker":
-    return { role: "combobox" };
-  case "progressBar":
-    return { role: "progressbar" };
-  case "rowHeader":
-    return { role: "rowheader" };
-  case "secureField":
-  case "textEditor":
-  case "textField":
-    return { role: "textbox" };
-  case "stepper":
-    return { role: "spinbutton" };
-  case "tabPanel":
-    return { role: "tabpanel" };
-  case "tableRow":
-    return { role: "row" };
-  case "tabView":
-    return { role: "tablist" };
-  case "toggle":
-    return { role: "checkbox" };
-  default:
-    return { role: "group" };
-  }
-}
-function stableDOMId(
-  id: string
-): string {
-  return Array.from(id).map((character) => {
-    if (/^[a-zA-Z0-9_-]$/.test(character)) {
-      return character;
-    }
-    return `-${character.codePointAt(0)?.toString(16) ?? "0"}-`;
-  }).join("");
-}