@twip/web 0.0.0 → 0.1.0-alpha.1

package/dist/diplomat-wasm.mjs

@@ -0,0 +1,18 @@
+// Replaces Diplomat's loader (which instantiates a bare wasm32-unknown-unknown module): the engine is an emscripten
+// module, so its exports live on the emscripten Module as `_name`, and its memory can grow. Copied over the
+// generated diplomat-wasm.mjs by `moon run web:generate`.
+import createTwip from './twip-wasm.js';
+
+const module = await createTwip();
+
+/** The emscripten module itself: its `WebGPU` and `GL` helpers import browser GPU objects (gpu.mjs). */
+export const emscripten = module;
+
+const wasm = new Proxy({}, {
+    get(_, name) {
+        if (name === 'memory') return { get buffer() { return module.HEAPU8.buffer; } };
+        return module[`_${String(name)}`];
+    },
+});
+
+export default wasm;

package/dist/gpu.d.ts

@@ -0,0 +1,15 @@
+import type { Editor } from './Editor';
+
+export interface WebGpuTarget { canvas: HTMLCanvasElement; context: GPUCanvasContext; bgra: boolean }
+export interface WebGlTarget { canvas: HTMLCanvasElement; handle: number }
+
+/** Adopts a GPUDevice for every editor; false if the engine can't use it (paint with WebGL instead). */
+export function attachWebGpu(device: GPUDevice): boolean;
+/** Configures `canvas` for WebGPU painting with `device`. */
+export function webGpuTarget(canvas: HTMLCanvasElement, device: GPUDevice): WebGpuTarget;
+/** Paints `editor` into the target's current texture; the page stack's top-left at (`originX`, `originY`) CSS px. */
+export function paintWebGpu(editor: Editor, target: WebGpuTarget, originX: number, originY: number, dpr?: number): boolean;
+/** Creates a WebGL 2 context on `canvas` for `editor` (one per canvas). */
+export function webGlTarget(editor: Editor, canvas: HTMLCanvasElement): WebGlTarget;
+/** Paints `editor` into its WebGL canvas; the page stack's top-left at (`originX`, `originY`) CSS px. */
+export function paintWebGl(editor: Editor, target: WebGlTarget, originX: number, originY: number, dpr?: number): boolean;

package/dist/gpu.mjs

@@ -0,0 +1,42 @@
+// Browser GPU painting: imports the page's WebGPU device and canvas textures, or a WebGL 2 context, into the engine
+// module and paints an editor through them. Hosts call these instead of the raw handle methods on Editor.
+import { emscripten } from './diplomat-wasm.mjs';
+import { Editor } from './Editor.mjs';
+
+/** Adopts a GPUDevice for every editor; false if the engine can't use it (paint with WebGL instead). */
+export function attachWebGpu(device) {
+  const instance = Editor.webgpuInstance();
+  const { WebGPU } = emscripten;
+  return Editor.attachWebgpu(instance, WebGPU.importJsDevice(device, instance), WebGPU.importJsQueue(device.queue, instance));
+}
+
+/** Configures `canvas` for WebGPU painting with `device`; pass the result to `paintWebGpu`. */
+export function webGpuTarget(canvas, device) {
+  const context = canvas.getContext('webgpu');
+  const format = navigator.gpu.getPreferredCanvasFormat();
+  // COPY_SRC | COPY_DST | TEXTURE_BINDING | RENDER_ATTACHMENT: what Graphite needs of the canvas texture.
+  context.configure({ device, format, alphaMode: 'premultiplied', usage: 0x01 | 0x02 | 0x04 | 0x10 });
+  return { canvas, context, bgra: format === 'bgra8unorm' };
+}
+
+/** Paints `editor` into the target's current texture; the page stack's top-left at (`originX`, `originY`) CSS px. */
+export function paintWebGpu(editor, target, originX, originY, dpr = globalThis.devicePixelRatio ?? 1) {
+  const texture = emscripten.WebGPU.importJsTexture(target.context.getCurrentTexture());
+  return editor.paintWebgpu(texture, target.bgra, originX, originY, target.canvas.height, dpr);
+}
+
+/** Creates a WebGL 2 context on `canvas` for `editor` (one per canvas); pass the result to `paintWebGl`. */
+export function webGlTarget(editor, canvas) {
+  const { GL } = emscripten;
+  const handle = GL.createContext(canvas, { majorVersion: 2, minorVersion: 0, alpha: 1, depth: 0, stencil: 8, antialias: 0, premultipliedAlpha: 1 });
+  if (!handle) throw new Error('WebGL 2 is unavailable');
+  GL.makeContextCurrent(handle);
+  if (!editor.attachWebgl()) throw new Error('the engine could not use the WebGL context');
+  return { canvas, handle };
+}
+
+/** Paints `editor` into its WebGL canvas; the page stack's top-left at (`originX`, `originY`) CSS px. */
+export function paintWebGl(editor, target, originX, originY, dpr = globalThis.devicePixelRatio ?? 1) {
+  emscripten.GL.makeContextCurrent(target.handle);
+  return editor.paintWebgl(originX, originY, target.canvas.width, target.canvas.height, dpr);
+}

package/dist/index.d.ts

@@ -0,0 +1,98 @@
+
+export { codepoint } from './diplomat-runtime';
+
+
+export { CaretPosition, CaretPosition_obj } from "./CaretPosition"
+
+export { DocumentStatus, DocumentStatus_obj } from "./DocumentStatus"
+
+export { Modifiers, Modifiers_obj } from "./Modifiers"
+
+export { Rect, Rect_obj } from "./Rect"
+
+export { SelectionInfo, SelectionInfo_obj } from "./SelectionInfo"
+
+export { AccessibleNode } from "./AccessibleNode"
+
+export { Bytes } from "./Bytes"
+
+export { Clipboard } from "./Clipboard"
+
+export { Editor } from "./Editor"
+
+export { Element } from "./Element"
+
+export { ElementList } from "./ElementList"
+
+export { Event } from "./Event"
+
+export { EventList } from "./EventList"
+
+export { Fonts } from "./Fonts"
+
+export { Request } from "./Request"
+
+export { RequestList } from "./RequestList"
+
+export { Alignment } from "./Alignment"
+
+export { BorderEdges } from "./BorderEdges"
+
+export { BorderStyle } from "./BorderStyle"
+
+export { CellAlignment } from "./CellAlignment"
+
+export { CellShift } from "./CellShift"
+
+export { ColumnSide } from "./ColumnSide"
+
+export { ControlKind } from "./ControlKind"
+
+export { ControlLock } from "./ControlLock"
+
+export { EditorMode } from "./EditorMode"
+
+export { ElementKind } from "./ElementKind"
+
+export { ElementText } from "./ElementText"
+
+export { EventKind } from "./EventKind"
+
+export { Highlight } from "./Highlight"
+
+export { MarginPreset } from "./MarginPreset"
+
+export { MarkSeverity } from "./MarkSeverity"
+
+export { OpenError } from "./OpenError"
+
+export { Orientation } from "./Orientation"
+
+export { PageNumber } from "./PageNumber"
+
+export { PaperSize } from "./PaperSize"
+
+export { ParagraphBorders } from "./ParagraphBorders"
+
+export { PictureWrap } from "./PictureWrap"
+
+export { PointerKind } from "./PointerKind"
+
+export { RequestKind } from "./RequestKind"
+
+export { RowHeightRule } from "./RowHeightRule"
+
+export { RowSide } from "./RowSide"
+
+export { SaveError } from "./SaveError"
+
+export { SelectionKind } from "./SelectionKind"
+
+export { TableAlignment } from "./TableAlignment"
+
+export { TableSelection } from "./TableSelection"
+
+export { TableWidthUnit } from "./TableWidthUnit"
+
+export { TextUnit } from "./TextUnit"
+export * from './gpu';

package/dist/index.mjs

@@ -0,0 +1,101 @@
+
+
+export { CaretPosition } from "./CaretPosition.mjs"
+
+export { DocumentStatus } from "./DocumentStatus.mjs"
+
+export { Modifiers } from "./Modifiers.mjs"
+
+export { Rect } from "./Rect.mjs"
+
+export { SelectionInfo } from "./SelectionInfo.mjs"
+
+export { AccessibleNode } from "./AccessibleNode.mjs"
+
+export { Bytes } from "./Bytes.mjs"
+
+export { Clipboard } from "./Clipboard.mjs"
+
+export { Editor } from "./Editor.mjs"
+
+export { Element } from "./Element.mjs"
+
+export { ElementList } from "./ElementList.mjs"
+
+export { Event } from "./Event.mjs"
+
+export { EventList } from "./EventList.mjs"
+
+export { Fonts } from "./Fonts.mjs"
+
+export { Request } from "./Request.mjs"
+
+export { RequestList } from "./RequestList.mjs"
+
+export { Alignment } from "./Alignment.mjs"
+
+export { BorderEdges } from "./BorderEdges.mjs"
+
+export { BorderStyle } from "./BorderStyle.mjs"
+
+export { CellAlignment } from "./CellAlignment.mjs"
+
+export { CellShift } from "./CellShift.mjs"
+
+export { ColumnSide } from "./ColumnSide.mjs"
+
+export { ControlKind } from "./ControlKind.mjs"
+
+export { ControlLock } from "./ControlLock.mjs"
+
+export { EditorMode } from "./EditorMode.mjs"
+
+export { ElementKind } from "./ElementKind.mjs"
+
+export { ElementText } from "./ElementText.mjs"
+
+export { EventKind } from "./EventKind.mjs"
+
+export { Highlight } from "./Highlight.mjs"
+
+export { MarginPreset } from "./MarginPreset.mjs"
+
+export { MarkSeverity } from "./MarkSeverity.mjs"
+
+export { OpenError } from "./OpenError.mjs"
+
+export { Orientation } from "./Orientation.mjs"
+
+export { PageNumber } from "./PageNumber.mjs"
+
+export { PaperSize } from "./PaperSize.mjs"
+
+export { ParagraphBorders } from "./ParagraphBorders.mjs"
+
+export { PictureWrap } from "./PictureWrap.mjs"
+
+export { PointerKind } from "./PointerKind.mjs"
+
+export { RequestKind } from "./RequestKind.mjs"
+
+export { RowHeightRule } from "./RowHeightRule.mjs"
+
+export { RowSide } from "./RowSide.mjs"
+
+export { SaveError } from "./SaveError.mjs"
+
+export { SelectionKind } from "./SelectionKind.mjs"
+
+export { TableAlignment } from "./TableAlignment.mjs"
+
+export { TableSelection } from "./TableSelection.mjs"
+
+export { TableWidthUnit } from "./TableWidthUnit.mjs"
+
+export { TextUnit } from "./TextUnit.mjs"
+
+import wasm from "./diplomat-wasm.mjs";
+import {FUNCTION_PARAM_ALLOC, internalConstructor} from "./diplomat-runtime.mjs";
+
+FUNCTION_PARAM_ALLOC.reserve(internalConstructor, wasm, 63);
+export * from './gpu.mjs';