@oh-just-another/diagram-angular 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# @oh-just-another/diagram-angular
+
+## 0.2.0
+
+### Minor Changes
+
+- ddb2fcb: First published release — Angular standalone `<oja-diagram-ng>` component wrapping the `<oja-diagram>` custom element.
+
+### Patch Changes
+
+- Updated dependencies [783749e]
+- Updated dependencies [c189261]
+- Updated dependencies [c189261]
+- Updated dependencies [bdc847e]
+- Updated dependencies [a9558d9]
+- Updated dependencies [cf8b735]
+  - @oh-just-another/scene@0.60.0
+  - @oh-just-another/diagram@0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Rustam Garifulin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+# @oh-just-another/diagram-angular
+
+Angular wrapper for the diagram editor — a thin standalone `<oja-diagram-ng>` component over the framework-neutral [`<oja-diagram>`](../diagram) custom element. The editor (canvas, WASM text shaping, workers, React internals) is bundled inside the custom element; this package just maps Angular inputs / outputs to it.
+
+## Install
+
+```bash
+pnpm add @oh-just-another/diagram-angular
+```
+
+`@angular/core` (>= 17) is a peer dependency.
+
+## Usage
+
+```ts
+import { Component, viewChild } from "@angular/core";
+import { DiagramComponent } from "@oh-just-another/diagram-angular";
+import type { Scene } from "@oh-just-another/scene";
+
+@Component({
+  selector: "app-canvas",
+  standalone: true,
+  imports: [DiagramComponent],
+  template: `
+    <oja-diagram-ng
+      [scene]="scene"
+      theme="system"
+      [grid]="true"
+      [snap]="true"
+      (scenechange)="scene = $event"
+      (ready)="onReady($event)"
+    />
+  `,
+})
+export class CanvasComponent {
+  scene?: Scene;
+  diagram = viewChild.required(DiagramComponent);
+
+  onReady({ editor }: { editor: unknown }) {
+    console.log("editor ready", editor);
+  }
+}
+```
+
+The component fills its parent — give the parent a height.
+
+## Inputs
+
+| Input      | Type                                    | Notes                                |
+| ---------- | --------------------------------------- | ------------------------------------ |
+| `scene`    | `Scene`                                 | Initial / current scene.             |
+| `theme`    | `"dark" \| "light" \| "system"`         | Defaults to following the OS.        |
+| `renderer` | `"canvas2d" \| "webgl2" \| "offscreen"` | Backend; auto-detected when omitted. |
+| `grid`     | `boolean`                               | Show the background grid.            |
+| `snap`     | `boolean`                               | Snap dragged shapes to the grid.     |
+
+## Outputs
+
+`(ready)` (`{ editor }`), `(scenechange)` (`Scene`), `(selectionchange)` (`ElementId[]`), `(themechange)` (`"dark" | "light" | "system"`).
+
+## Imperative API
+
+On the component instance (template reference variable or `viewChild`): `getScene`, `loadScene`, `undo`, `redo`, `zoomToFit`, `getMode`, `setMode`, `getSelection`, `setSelection`.

package/dist/Diagram.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, type AfterViewInit, type OnChanges, type OnDestroy } from "@angular/core";
+import "@oh-just-another/diagram";
+import { type DiagramRenderer, type DiagramTheme, type OjaDiagramController } from "@oh-just-another/diagram";
+import type { Scene } from "@oh-just-another/scene";
+import * as i0 from "@angular/core";
+/**
+ * `<oja-diagram-ng>` — a thin Angular standalone component over the
+ * `<oja-diagram>` custom element. Inputs map one-to-one to the element's
+ * configuration; the four element events re-emit as Angular outputs
+ * (`(ready)`, `(scenechange)`, `(selectionchange)`, `(themechange)`). The
+ * element is driven imperatively rather than through the template so
+ * custom-element property-vs-attribute quirks never bite, and the binding
+ * logic itself lives once in `@oh-just-another/diagram`.
+ *
+ * Imperative control (`undo`, `loadScene`, …) is reachable through the
+ * component instance (template reference variable or `viewChild`) — it
+ * implements the curated {@link OjaDiagramController} surface.
+ */
+export declare class DiagramComponent implements AfterViewInit, OnChanges, OnDestroy, OjaDiagramController {
+    scene?: Scene;
+    theme?: DiagramTheme;
+    renderer?: DiagramRenderer;
+    grid: boolean;
+    snap: boolean;
+    readonly ready: EventEmitter<{
+        readonly editor: import("@oh-just-another/editor").EditorAPI["editor"];
+    }>;
+    readonly scenechange: EventEmitter<Scene>;
+    readonly selectionchange: EventEmitter<readonly import("@oh-just-another/types").ElementId[]>;
+    readonly themechange: EventEmitter<DiagramTheme>;
+    private readonly elRef?;
+    private unbind;
+    private readonly controller;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private sync;
+    getScene(): Scene | undefined;
+    loadScene(scene: Scene): void;
+    undo(): void;
+    redo(): void;
+    zoomToFit(): void;
+    getMode(): ReturnType<OjaDiagramController["getMode"]>;
+    setMode(mode: Parameters<OjaDiagramController["setMode"]>[0]): void;
+    getSelection(): ReturnType<OjaDiagramController["getSelection"]>;
+    setSelection(ids: Parameters<OjaDiagramController["setSelection"]>[0]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "oja-diagram-ng", never, { "scene": { "alias": "scene"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "renderer": { "alias": "renderer"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "snap": { "alias": "snap"; "required": false; }; }, { "ready": "ready"; "scenechange": "scenechange"; "selectionchange": "selectionchange"; "themechange": "themechange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Diagram.d.ts.map

package/dist/Diagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Diagram.d.ts","sourceRoot":"","sources":["../src/Diagram.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EAIZ,KAAK,aAAa,EAElB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAGvB,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAG1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;;AAEpD;;;;;;;;;;;;GAYG;AACH,qBAOa,gBAAiB,YAAW,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB;IACvF,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,IAAI,UAAS;IACb,IAAI,UAAS;IAEZ,QAAQ,CAAC,KAAK;;OAAmD;IACjE,QAAQ,CAAC,WAAW,sBAAyD;IAC7E,QAAQ,CAAC,eAAe,sEAA6D;IACrF,QAAQ,CAAC,WAAW,6BAAyD;IAGvF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAgC;IAEvD,OAAO,CAAC,MAAM,CAA6B;IAC3C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAEzB;IAEF,eAAe,IAAI,IAAI;IAqBvB,WAAW,IAAI,IAAI;IAInB,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,IAAI;IAcZ,QAAQ,IAAI,KAAK,GAAG,SAAS;IAG7B,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAG7B,IAAI,IAAI,IAAI;IAGZ,IAAI,IAAI,IAAI;IAGZ,SAAS,IAAI,IAAI;IAGjB,OAAO,IAAI,UAAU,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAGtD,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAGnE,YAAY,IAAI,UAAU,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAGhE,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;yCAxFjE,gBAAgB;2CAAhB,gBAAgB;CA2F5B"}

package/dist/Diagram.js

@@ -0,0 +1,127 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
+// Side effect: registers the <oja-diagram> custom element the moment this
+// wrapper is imported, so the host never has to call `defineOjaDiagram`.
+import "@oh-just-another/diagram";
+import { applyOjaDiagramProps, bindOjaDiagramEvents, ojaDiagramController, } from "@oh-just-another/diagram";
+import * as i0 from "@angular/core";
+/**
+ * `<oja-diagram-ng>` — a thin Angular standalone component over the
+ * `<oja-diagram>` custom element. Inputs map one-to-one to the element's
+ * configuration; the four element events re-emit as Angular outputs
+ * (`(ready)`, `(scenechange)`, `(selectionchange)`, `(themechange)`). The
+ * element is driven imperatively rather than through the template so
+ * custom-element property-vs-attribute quirks never bite, and the binding
+ * logic itself lives once in `@oh-just-another/diagram`.
+ *
+ * Imperative control (`undo`, `loadScene`, …) is reachable through the
+ * component instance (template reference variable or `viewChild`) — it
+ * implements the curated {@link OjaDiagramController} surface.
+ */
+export class DiagramComponent {
+    constructor() {
+        this.grid = false;
+        this.snap = false;
+        this.ready = new EventEmitter();
+        this.scenechange = new EventEmitter();
+        this.selectionchange = new EventEmitter();
+        this.themechange = new EventEmitter();
+        this.unbind = null;
+        this.controller = ojaDiagramController(() => this.elRef?.nativeElement ?? null);
+    }
+    ngAfterViewInit() {
+        const el = this.elRef?.nativeElement;
+        if (!el)
+            return;
+        this.sync();
+        this.unbind = bindOjaDiagramEvents(el, {
+            ready: (detail) => {
+                this.ready.emit(detail);
+            },
+            scenechange: (detail) => {
+                this.scenechange.emit(detail);
+            },
+            selectionchange: (detail) => {
+                this.selectionchange.emit(detail);
+            },
+            themechange: (detail) => {
+                this.themechange.emit(detail);
+            },
+        });
+    }
+    // One hook over every input — `applyOjaDiagramProps` is idempotent.
+    ngOnChanges() {
+        this.sync();
+    }
+    ngOnDestroy() {
+        this.unbind?.();
+        this.unbind = null;
+    }
+    sync() {
+        const el = this.elRef?.nativeElement;
+        if (!el)
+            return;
+        applyOjaDiagramProps(el, {
+            scene: this.scene,
+            theme: this.theme,
+            renderer: this.renderer,
+            grid: this.grid,
+            snap: this.snap,
+        });
+    }
+    // --- Imperative controller (pass-throughs to the element) ---
+    getScene() {
+        return this.controller.getScene();
+    }
+    loadScene(scene) {
+        this.controller.loadScene(scene);
+    }
+    undo() {
+        this.controller.undo();
+    }
+    redo() {
+        this.controller.redo();
+    }
+    zoomToFit() {
+        this.controller.zoomToFit();
+    }
+    getMode() {
+        return this.controller.getMode();
+    }
+    setMode(mode) {
+        this.controller.setMode(mode);
+    }
+    getSelection() {
+        return this.controller.getSelection();
+    }
+    setSelection(ids) {
+        this.controller.setSelection(ids);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DiagramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DiagramComponent, isStandalone: true, selector: "oja-diagram-ng", inputs: { scene: "scene", theme: "theme", renderer: "renderer", grid: "grid", snap: "snap" }, outputs: { ready: "ready", scenechange: "scenechange", selectionchange: "selectionchange", themechange: "themechange" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<oja-diagram #el style="display:block;width:100%;height:100%"></oja-diagram>`, isInline: true, styles: [":host{display:block;width:100%;height:100%}"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DiagramComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "oja-diagram-ng", standalone: true, template: `<oja-diagram #el style="display:block;width:100%;height:100%"></oja-diagram>`, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [":host{display:block;width:100%;height:100%}"] }]
+        }], propDecorators: { scene: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], renderer: [{
+                type: Input
+            }], grid: [{
+                type: Input
+            }], snap: [{
+                type: Input
+            }], ready: [{
+                type: Output
+            }], scenechange: [{
+                type: Output
+            }], selectionchange: [{
+                type: Output
+            }], themechange: [{
+                type: Output
+            }], elRef: [{
+                type: ViewChild,
+                args: ["el", { static: true }]
+            }] } });
+//# sourceMappingURL=Diagram.js.map

package/dist/Diagram.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { DiagramComponent } from "./Diagram.js";
+export type { DiagramRenderer, DiagramTheme, OjaDiagramController, OjaDiagramEventMap, OjaDiagramProps, } from "@oh-just-another/diagram";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,YAAY,EACV,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,GAChB,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { DiagramComponent } from "./Diagram.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@oh-just-another/diagram-angular",
+  "version": "0.2.0",
+  "description": "Angular wrapper for the diagram editor — a thin standalone component over the <oja-diagram> custom element.",
+  "license": "MIT",
+  "author": "Rustam Garifulin <rustam@n69.in>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oh-just-another/diagram.git",
+    "directory": "packages/diagram-angular"
+  },
+  "homepage": "https://github.com/oh-just-another/diagram#readme",
+  "bugs": "https://github.com/oh-just-another/diagram/issues",
+  "keywords": [
+    "diagram",
+    "canvas",
+    "editor",
+    "angular"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "./dist/Diagram.js"
+  ],
+  "peerDependencies": {
+    "@angular/core": ">=17.0.0"
+  },
+  "dependencies": {
+    "@oh-just-another/diagram": "0.1.1",
+    "@oh-just-another/scene": "0.60.0"
+  },
+  "devDependencies": {
+    "@angular/compiler": "20.3.25",
+    "@angular/compiler-cli": "20.3.25",
+    "@angular/core": "20.3.25",
+    "@angular/platform-browser": "20.3.25",
+    "jsdom": "25.0.1",
+    "rxjs": "7.8.2",
+    "vite": "6.4.3",
+    "zone.js": "0.15.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "ngc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  }
+}