@graphrefly/ts 0.0.0 → 0.0.2

package/dist/solutions/reactive-layout/browser/index.d.cts

@@ -0,0 +1,44 @@
+import { d as Graph } from '../../../graph-CWK3HLPB.cjs';
+import { N as Node } from '../../../types-BS6CyR-x.cjs';
+import { z as MeasurementAdapter, a1 as SegmentAdapter, H as Measurements } from '../../../types-BWK2ay3e.cjs';
+import '../../../core/index.cjs';
+import '../../../messages-CAzUPPJM.cjs';
+import '../../../codec-BB7p8fJc.cjs';
+import '../../../describe-CQRrkv-Q.cjs';
+import '../../../data/index.cjs';
+
+/** Browser-only Canvas text measurement options. */
+interface CanvasMeasureAdapterOptions {
+    /** Multiplier applied only to emoji-presentation segments. Default: 1. */
+    readonly emojiCorrection?: number;
+}
+/** Browser Canvas text measurement provider options. */
+interface CanvasTextMeasurementsOptions extends CanvasMeasureAdapterOptions {
+    readonly graph: Graph;
+    readonly text: Node<string>;
+    readonly font: Node<string>;
+    readonly segmentAdapter?: Node<SegmentAdapter>;
+    readonly targetId?: string;
+    readonly source?: string;
+    readonly name?: string;
+}
+/**
+ * Browser measurement adapter using OffscreenCanvas.
+ *
+ * Lazily creates one OffscreenCanvas + 2D context when first measured.
+ */
+declare class CanvasMeasureAdapter implements MeasurementAdapter {
+    private ctx;
+    private currentFont;
+    private readonly emojiCorrection;
+    constructor(opts?: CanvasMeasureAdapterOptions);
+    private getContext;
+    measureSegment(text: string, font: string): {
+        readonly width: number;
+    };
+    clearCache(): void;
+}
+/** Browser provider helper that emits graph-visible Canvas text measurement facts. */
+declare function canvasTextMeasurements(opts: CanvasTextMeasurementsOptions): Node<Measurements>;
+
+export { CanvasMeasureAdapter, type CanvasMeasureAdapterOptions, type CanvasTextMeasurementsOptions, canvasTextMeasurements };

package/dist/solutions/reactive-layout/browser/index.d.ts

@@ -0,0 +1,44 @@
+import { d as Graph } from '../../../graph-ho5sotHP.js';
+import { N as Node } from '../../../types-C9NOgNJw.js';
+import { z as MeasurementAdapter, a1 as SegmentAdapter, H as Measurements } from '../../../types-BaPpZItj.js';
+import '../../../core/index.js';
+import '../../../messages-CAzUPPJM.js';
+import '../../../codec-BB7p8fJc.js';
+import '../../../describe-B_A5fbXH.js';
+import '../../../data/index.js';
+
+/** Browser-only Canvas text measurement options. */
+interface CanvasMeasureAdapterOptions {
+    /** Multiplier applied only to emoji-presentation segments. Default: 1. */
+    readonly emojiCorrection?: number;
+}
+/** Browser Canvas text measurement provider options. */
+interface CanvasTextMeasurementsOptions extends CanvasMeasureAdapterOptions {
+    readonly graph: Graph;
+    readonly text: Node<string>;
+    readonly font: Node<string>;
+    readonly segmentAdapter?: Node<SegmentAdapter>;
+    readonly targetId?: string;
+    readonly source?: string;
+    readonly name?: string;
+}
+/**
+ * Browser measurement adapter using OffscreenCanvas.
+ *
+ * Lazily creates one OffscreenCanvas + 2D context when first measured.
+ */
+declare class CanvasMeasureAdapter implements MeasurementAdapter {
+    private ctx;
+    private currentFont;
+    private readonly emojiCorrection;
+    constructor(opts?: CanvasMeasureAdapterOptions);
+    private getContext;
+    measureSegment(text: string, font: string): {
+        readonly width: number;
+    };
+    clearCache(): void;
+}
+/** Browser provider helper that emits graph-visible Canvas text measurement facts. */
+declare function canvasTextMeasurements(opts: CanvasTextMeasurementsOptions): Node<Measurements>;
+
+export { CanvasMeasureAdapter, type CanvasMeasureAdapterOptions, type CanvasTextMeasurementsOptions, canvasTextMeasurements };

package/dist/solutions/reactive-layout/browser/index.js

@@ -0,0 +1,69 @@
+import {
+  textMeasurementProvider
+} from "../../../chunk-M7J6Z4IJ.js";
+import "../../../chunk-SHZDP2MQ.js";
+import "../../../chunk-WQIA3GFB.js";
+import "../../../chunk-S6HXABGL.js";
+import "../../../chunk-K7FB3JTD.js";
+import "../../../chunk-DGUM43GV.js";
+
+// src/solutions/reactive-layout/browser/index.ts
+var CanvasMeasureAdapter = class {
+  ctx = null;
+  currentFont = "";
+  emojiCorrection;
+  constructor(opts) {
+    this.emojiCorrection = opts?.emojiCorrection ?? 1;
+  }
+  getContext() {
+    if (this.ctx !== null) return this.ctx;
+    const globalOffscreenCanvas = globalThis.OffscreenCanvas;
+    if (typeof globalOffscreenCanvas === "undefined") {
+      throw new TypeError("CanvasMeasureAdapter requires a browser with OffscreenCanvas support");
+    }
+    const canvas = new globalOffscreenCanvas(0, 0);
+    const ctx = canvas.getContext("2d");
+    if (ctx === null) throw new TypeError("CanvasMeasureAdapter: failed to get 2D context");
+    this.ctx = ctx;
+    return ctx;
+  }
+  measureSegment(text, font) {
+    const ctx = this.getContext();
+    if (font !== this.currentFont) {
+      ctx.font = font;
+      this.currentFont = font;
+    }
+    let width = ctx.measureText(text).width;
+    if (this.emojiCorrection !== 1 && /\p{Emoji_Presentation}/u.test(text)) {
+      width *= this.emojiCorrection;
+    }
+    return { width };
+  }
+  clearCache() {
+    this.currentFont = "";
+  }
+};
+function canvasTextMeasurements(opts) {
+  const targetId = opts.targetId ?? "text";
+  const adapter = opts.graph.state(
+    new CanvasMeasureAdapter({ emojiCorrection: opts.emojiCorrection }),
+    {
+      name: opts.name ? `${opts.name}:measure-capability` : `${targetId}-canvas-measure-capability`
+    }
+  );
+  return textMeasurementProvider({
+    graph: opts.graph,
+    text: opts.text,
+    font: opts.font,
+    adapter,
+    segmentAdapter: opts.segmentAdapter,
+    targetId: opts.targetId,
+    source: opts.source ?? "canvasTextMeasurements",
+    name: opts.name
+  });
+}
+export {
+  CanvasMeasureAdapter,
+  canvasTextMeasurements
+};
+//# sourceMappingURL=index.js.map

package/dist/solutions/reactive-layout/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/solutions/reactive-layout/browser/index.ts"],"sourcesContent":["import type { Graph } from \"../../../graph/graph.js\";\nimport type { Node } from \"../../../node/node.js\";\nimport {\n\ttype MeasurementAdapter,\n\ttype Measurements,\n\ttype SegmentAdapter,\n\ttextMeasurementProvider,\n} from \"../index.js\";\n\ninterface CanvasTextContextLike {\n\treadonly measureText: (text: string) => { readonly width: number };\n\tfont: string;\n}\n\ninterface OffscreenCanvasLike {\n\tgetContext(type: \"2d\"): CanvasTextContextLike | null;\n}\n\ninterface OffscreenCanvasConstructor {\n\tnew (width: number, height: number): OffscreenCanvasLike;\n}\n\n/** Browser-only Canvas text measurement options. */\nexport interface CanvasMeasureAdapterOptions {\n\t/** Multiplier applied only to emoji-presentation segments. Default: 1. */\n\treadonly emojiCorrection?: number;\n}\n\n/** Browser Canvas text measurement provider options. */\nexport interface CanvasTextMeasurementsOptions extends CanvasMeasureAdapterOptions {\n\treadonly graph: Graph;\n\treadonly text: Node<string>;\n\treadonly font: Node<string>;\n\treadonly segmentAdapter?: Node<SegmentAdapter>;\n\treadonly targetId?: string;\n\treadonly source?: string;\n\treadonly name?: string;\n}\n\n/**\n * Browser measurement adapter using OffscreenCanvas.\n *\n * Lazily creates one OffscreenCanvas + 2D context when first measured.\n */\nexport class CanvasMeasureAdapter implements MeasurementAdapter {\n\tprivate ctx: CanvasTextContextLike | null = null;\n\tprivate currentFont = \"\";\n\tprivate readonly emojiCorrection: number;\n\n\tconstructor(opts?: CanvasMeasureAdapterOptions) {\n\t\tthis.emojiCorrection = opts?.emojiCorrection ?? 1;\n\t}\n\n\tprivate getContext(): CanvasTextContextLike {\n\t\tif (this.ctx !== null) return this.ctx;\n\t\tconst globalOffscreenCanvas = (\n\t\t\tglobalThis as { OffscreenCanvas?: OffscreenCanvasConstructor | undefined }\n\t\t).OffscreenCanvas;\n\t\tif (typeof globalOffscreenCanvas === \"undefined\") {\n\t\t\tthrow new TypeError(\"CanvasMeasureAdapter requires a browser with OffscreenCanvas support\");\n\t\t}\n\t\tconst canvas = new globalOffscreenCanvas(0, 0);\n\t\tconst ctx = canvas.getContext(\"2d\");\n\t\tif (ctx === null) throw new TypeError(\"CanvasMeasureAdapter: failed to get 2D context\");\n\t\tthis.ctx = ctx;\n\t\treturn ctx;\n\t}\n\n\tmeasureSegment(text: string, font: string): { readonly width: number } {\n\t\tconst ctx = this.getContext();\n\t\tif (font !== this.currentFont) {\n\t\t\tctx.font = font;\n\t\t\tthis.currentFont = font;\n\t\t}\n\t\tlet width = ctx.measureText(text).width;\n\t\tif (this.emojiCorrection !== 1 && /\\p{Emoji_Presentation}/u.test(text)) {\n\t\t\twidth *= this.emojiCorrection;\n\t\t}\n\t\treturn { width };\n\t}\n\n\tclearCache(): void {\n\t\tthis.currentFont = \"\";\n\t}\n}\n\n/** Browser provider helper that emits graph-visible Canvas text measurement facts. */\nexport function canvasTextMeasurements(opts: CanvasTextMeasurementsOptions): Node<Measurements> {\n\tconst targetId = opts.targetId ?? \"text\";\n\tconst adapter = opts.graph.state<MeasurementAdapter>(\n\t\tnew CanvasMeasureAdapter({ emojiCorrection: opts.emojiCorrection }),\n\t\t{\n\t\t\tname: opts.name ? `${opts.name}:measure-capability` : `${targetId}-canvas-measure-capability`,\n\t\t},\n\t);\n\treturn textMeasurementProvider({\n\t\tgraph: opts.graph,\n\t\ttext: opts.text,\n\t\tfont: opts.font,\n\t\tadapter,\n\t\tsegmentAdapter: opts.segmentAdapter,\n\t\ttargetId: opts.targetId,\n\t\tsource: opts.source ?? \"canvasTextMeasurements\",\n\t\tname: opts.name,\n\t});\n}\n"],"mappings":";;;;;;;;;;AA4CO,IAAM,uBAAN,MAAyD;AAAA,EACvD,MAAoC;AAAA,EACpC,cAAc;AAAA,EACL;AAAA,EAEjB,YAAY,MAAoC;AAC/C,SAAK,kBAAkB,MAAM,mBAAmB;AAAA,EACjD;AAAA,EAEQ,aAAoC;AAC3C,QAAI,KAAK,QAAQ,KAAM,QAAO,KAAK;AACnC,UAAM,wBACL,WACC;AACF,QAAI,OAAO,0BAA0B,aAAa;AACjD,YAAM,IAAI,UAAU,sEAAsE;AAAA,IAC3F;AACA,UAAM,SAAS,IAAI,sBAAsB,GAAG,CAAC;AAC7C,UAAM,MAAM,OAAO,WAAW,IAAI;AAClC,QAAI,QAAQ,KAAM,OAAM,IAAI,UAAU,gDAAgD;AACtF,SAAK,MAAM;AACX,WAAO;AAAA,EACR;AAAA,EAEA,eAAe,MAAc,MAA0C;AACtE,UAAM,MAAM,KAAK,WAAW;AAC5B,QAAI,SAAS,KAAK,aAAa;AAC9B,UAAI,OAAO;AACX,WAAK,cAAc;AAAA,IACpB;AACA,QAAI,QAAQ,IAAI,YAAY,IAAI,EAAE;AAClC,QAAI,KAAK,oBAAoB,KAAK,0BAA0B,KAAK,IAAI,GAAG;AACvE,eAAS,KAAK;AAAA,IACf;AACA,WAAO,EAAE,MAAM;AAAA,EAChB;AAAA,EAEA,aAAmB;AAClB,SAAK,cAAc;AAAA,EACpB;AACD;AAGO,SAAS,uBAAuB,MAAyD;AAC/F,QAAM,WAAW,KAAK,YAAY;AAClC,QAAM,UAAU,KAAK,MAAM;AAAA,IAC1B,IAAI,qBAAqB,EAAE,iBAAiB,KAAK,gBAAgB,CAAC;AAAA,IAClE;AAAA,MACC,MAAM,KAAK,OAAO,GAAG,KAAK,IAAI,wBAAwB,GAAG,QAAQ;AAAA,IAClE;AAAA,EACD;AACA,SAAO,wBAAwB;AAAA,IAC9B,OAAO,KAAK;AAAA,IACZ,MAAM,KAAK;AAAA,IACX,MAAM,KAAK;AAAA,IACX;AAAA,IACA,gBAAgB,KAAK;AAAA,IACrB,UAAU,KAAK;AAAA,IACf,QAAQ,KAAK,UAAU;AAAA,IACvB,MAAM,KAAK;AAAA,EACZ,CAAC;AACF;","names":[]}