animl 0.0.0-stage → 0.1.0

package/modules/componentpaint/manifest.d.ts

@@ -0,0 +1,29 @@
+export declare const after: string[];
+declare const _default: {
+    name: string;
+    summary: string;
+    after: string[];
+    core: {
+        entry: string;
+        export: string;
+        svg: string;
+        svgExport: string;
+    };
+    web: {
+        name: string;
+        budget: number;
+    }[];
+    adapters: {
+        'packages/core/src/modules/componentpaint/index.ts': string;
+        'packages/core/src/modules/componentpaint/svg.ts': string;
+        'packages/web/src/componentpaint.ts': string;
+    };
+    exports: {
+        'core:./componentpaint': string;
+        'web:./componentpaint': string;
+    };
+    tests: string[];
+    conformance: string[];
+    docs: string[];
+};
+export default _default;

package/modules/componentpaint/manifest.js

@@ -0,0 +1,33 @@
+const after = ["components", "nested", "lists", "paint", "surface", "mix"];
+var manifest_default = {
+  name: "componentpaint",
+  summary: "Paint for components: let an instance override its component\u2019s fills and strokes.",
+  after,
+  core: {
+    entry: "core/index.ts",
+    export: "componentpaint",
+    svg: "core/svg.ts",
+    svgExport: "componentpaintSVG"
+  },
+  web: [{ name: "componentpaint", budget: 2176 }],
+  adapters: {
+    "packages/core/src/modules/componentpaint/index.ts": "core/index.ts",
+    "packages/core/src/modules/componentpaint/svg.ts": "core/svg.ts",
+    "packages/web/src/componentpaint.ts": "web/index.ts"
+  },
+  exports: {
+    "core:./componentpaint": "packages/core/src/modules/componentpaint/index.ts",
+    "web:./componentpaint": "packages/web/src/componentpaint.ts"
+  },
+  tests: [
+    "modules/componentpaint/test/**/*.test.ts",
+    "packages/markup/test/corpus.test.ts",
+    "packages/markup/test/names.test.ts"
+  ],
+  conformance: ["drawing-paint-paint-artboard"],
+  docs: ["modules/componentpaint/README.md"]
+};
+export {
+  after,
+  manifest_default as default
+};

package/modules/componentpaint/web/index.d.ts

@@ -0,0 +1 @@
+import '../../../packages/web/src/index.js';

package/modules/componentpaint/web/index.js

@@ -0,0 +1,40 @@
+import { componentpaint } from "../core/index.js";
+import { componentpaintSVG } from "../core/svg.js";
+import "../../../packages/web/src/index.js";
+const Icon = customElements.get("anima-icon");
+Icon.registerModule(componentpaint);
+Icon.registerSVGBackend("componentpaint", componentpaintSVG);
+const source = (paint, ctx, render) => {
+  const frame = paint.component;
+  if (!frame) return;
+  const [x, y, w, h] = frame.viewBox, m = ctx.getTransform();
+  const width = Math.max(1, Math.ceil(w * Math.hypot(m.a, m.b))), height = Math.max(1, Math.ceil(h * Math.hypot(m.c, m.d)));
+  const tile = render(frame, width, height);
+  const pattern = ctx.createPattern(tile, "repeat");
+  pattern.setTransform(new DOMMatrix([w / width, 0, 0, h / height, x, y]));
+  return pattern;
+};
+(Icon.canvasSources ??= []).push(source);
+let previous = Icon.orderSVG;
+const signatures = /* @__PURE__ */ new WeakMap();
+const order = (frame, elements) => {
+  const resources = frame.tree.resources.filter((r) => r.kind === "componentpaint");
+  const svg = elements[0]?.[1].closest("svg");
+  if (resources.length && svg) {
+    const icon = svg.getRootNode().host;
+    const signature = JSON.stringify(resources), before = signatures.get(icon);
+    signatures.set(icon, signature);
+    if (before !== signature) {
+      icon.attributeChangedCallback("renderer", null, icon.getAttribute("renderer"));
+      return;
+    }
+  }
+  previous?.(frame, elements);
+};
+Object.defineProperty(Icon, "orderSVG", {
+  configurable: true,
+  get: () => order,
+  set: (next) => {
+    if (next !== order) previous = next;
+  }
+});

package/modules/components/core/events.d.ts

@@ -0,0 +1,7 @@
+import type { Module } from '../../../packages/core/src/modules.js';
+/** Scene event kinds are distinct from dotted component output addresses. */
+export type EventKinds = Map<string, string | undefined>;
+export type EventModule = Module & {
+    eventKinds: EventKinds;
+};
+export declare function registerEventKinds(modules: ReadonlyMap<string, Module>, feature: string, names: readonly string[]): void;

package/modules/components/core/events.js

@@ -0,0 +1,8 @@
+function registerEventKinds(modules, feature, names) {
+  const component = modules.get("components");
+  for (const name of names)
+    if (component && !component.eventKinds.has(name)) component.eventKinds.set(name, feature);
+}
+export {
+  registerEventKinds
+};

package/modules/components/core/index.d.ts

@@ -0,0 +1,25 @@
+export { componentNames } from './names.js';
+import type { EventModule } from './events.js';
+import type { Module, ModuleRegistry } from '../../../packages/core/src/modules.js';
+import type { Model, NodeM } from '../../../packages/core/src/load.js';
+import type { Player } from '../../../packages/core/src/player.js';
+import { type Mat } from '../../../packages/core/src/geom.js';
+declare module '../../../packages/core/src/load.ts' {
+    interface Model {
+        inheritedData?: boolean;
+    }
+}
+export type ComponentModule = EventModule & {
+    placements: WeakMap<NodeM, Map<string, Model>>;
+    catalog: WeakMap<Model, Map<string, Model>>;
+    selected?: (parent: Player, node: NodeM) => boolean;
+    choices?: (model: Model, node: NodeM) => string[] | undefined;
+    configure?: (parent: Player, child: Player, node: NodeM) => void;
+    matrix?: (parent: Player, child: Player, node: NodeM) => Mat;
+    externalDrawing?: (model: Model) => boolean;
+    forkModel: (source: Model, target: Model) => void;
+    placementContext?: (model: Model, node: NodeM, key?: string) => string | undefined;
+    componentKey?: (model: Model, name: string) => string;
+    loadComponent?: (parent: Model, name: string, doc: Model['doc'], inherited: boolean, run: (doc: Model['doc']) => ReturnType<ModuleRegistry['load']>, itemModel?: string) => ReturnType<ModuleRegistry['load']>;
+};
+export declare const components: Module;