@memberjunction/ng-whiteboard 0.0.1 → 5.42.0

package/dist/lib/whiteboard.module.js

@@ -0,0 +1,78 @@
+import { NgModule } from '@angular/core';
+import { RealtimeWhiteboardBoardComponent } from './whiteboard-board.component';
+import { RealtimeWhiteboardToolbarComponent } from './whiteboard-toolbar.component';
+import { RealtimeWhiteboardZoomComponent } from './whiteboard-zoom.component';
+import { RealtimeWhiteboardPagesComponent } from './whiteboard-pages.component';
+import { RealtimeWhiteboardAgentSeesPopoverComponent } from './whiteboard-agent-sees-popover.component';
+import { RealtimeWhiteboardHostComponent } from './whiteboard-host.component';
+import { WhiteboardSnapshotComponent } from './whiteboard-snapshot.component';
+import { WhiteboardWidgetSrcdocPipe } from './whiteboard-srcdoc.pipe';
+import * as i0 from "@angular/core";
+/**
+ * Convenience NgModule that re-exports every standalone whiteboard component (and the
+ * `wbWidgetSrcdoc` pipe), for consumers organized around NgModules. All components in
+ * this package are STANDALONE — apps using standalone bootstrapping can import the
+ * component classes directly and skip this module entirely.
+ */
+export class WhiteboardModule {
+    static { this.ɵfac = function WhiteboardModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WhiteboardModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: WhiteboardModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [RealtimeWhiteboardBoardComponent,
+            RealtimeWhiteboardToolbarComponent,
+            RealtimeWhiteboardZoomComponent,
+            RealtimeWhiteboardPagesComponent,
+            RealtimeWhiteboardAgentSeesPopoverComponent,
+            RealtimeWhiteboardHostComponent,
+            WhiteboardSnapshotComponent] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WhiteboardModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    RealtimeWhiteboardBoardComponent,
+                    RealtimeWhiteboardToolbarComponent,
+                    RealtimeWhiteboardZoomComponent,
+                    RealtimeWhiteboardPagesComponent,
+                    RealtimeWhiteboardAgentSeesPopoverComponent,
+                    RealtimeWhiteboardHostComponent,
+                    WhiteboardSnapshotComponent,
+                    WhiteboardWidgetSrcdocPipe
+                ],
+                exports: [
+                    RealtimeWhiteboardBoardComponent,
+                    RealtimeWhiteboardToolbarComponent,
+                    RealtimeWhiteboardZoomComponent,
+                    RealtimeWhiteboardPagesComponent,
+                    RealtimeWhiteboardAgentSeesPopoverComponent,
+                    RealtimeWhiteboardHostComponent,
+                    WhiteboardSnapshotComponent,
+                    WhiteboardWidgetSrcdocPipe
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(WhiteboardModule, { imports: [RealtimeWhiteboardBoardComponent,
+        RealtimeWhiteboardToolbarComponent,
+        RealtimeWhiteboardZoomComponent,
+        RealtimeWhiteboardPagesComponent,
+        RealtimeWhiteboardAgentSeesPopoverComponent,
+        RealtimeWhiteboardHostComponent,
+        WhiteboardSnapshotComponent,
+        WhiteboardWidgetSrcdocPipe], exports: [RealtimeWhiteboardBoardComponent,
+        RealtimeWhiteboardToolbarComponent,
+        RealtimeWhiteboardZoomComponent,
+        RealtimeWhiteboardPagesComponent,
+        RealtimeWhiteboardAgentSeesPopoverComponent,
+        RealtimeWhiteboardHostComponent,
+        WhiteboardSnapshotComponent,
+        WhiteboardWidgetSrcdocPipe] }); })();
+/**
+ * Tree-shaking prevention hook. The whiteboard components are usually referenced
+ * statically (standalone `imports` arrays), which is enough to retain them — call this
+ * from your bootstrap path only when every usage in your app is resolved DYNAMICALLY
+ * (e.g. a plugin returns a component type through the MJ ClassFactory) and the bundler
+ * would otherwise see no static reference to this package.
+ */
+export function LoadWhiteboardComponents() {
+    // intentional no-op — referencing this module creates the static code path
+}
+//# sourceMappingURL=whiteboard.module.js.map

package/dist/lib/whiteboard.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whiteboard.module.js","sourceRoot":"","sources":["../../src/lib/whiteboard.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,gCAAgC,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,gCAAgC,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,2CAA2C,EAAE,MAAM,2CAA2C,CAAC;AACxG,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;;AAEtE;;;;;GAKG;AAuBH,MAAM,OAAO,gBAAgB;iHAAhB,gBAAgB;mEAAhB,gBAAgB;uEApBzB,gCAAgC;YAChC,kCAAkC;YAClC,+BAA+B;YAC/B,gCAAgC;YAChC,2CAA2C;YAC3C,+BAA+B;YAC/B,2BAA2B;;iFAclB,gBAAgB;cAtB5B,QAAQ;eAAC;gBACR,OAAO,EAAE;oBACP,gCAAgC;oBAChC,kCAAkC;oBAClC,+BAA+B;oBAC/B,gCAAgC;oBAChC,2CAA2C;oBAC3C,+BAA+B;oBAC/B,2BAA2B;oBAC3B,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,gCAAgC;oBAChC,kCAAkC;oBAClC,+BAA+B;oBAC/B,gCAAgC;oBAChC,2CAA2C;oBAC3C,+BAA+B;oBAC/B,2BAA2B;oBAC3B,0BAA0B;iBAC3B;aACF;;wFACY,gBAAgB,cApBzB,gCAAgC;QAChC,kCAAkC;QAClC,+BAA+B;QAC/B,gCAAgC;QAChC,2CAA2C;QAC3C,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B,aAG1B,gCAAgC;QAChC,kCAAkC;QAClC,+BAA+B;QAC/B,gCAAgC;QAChC,2CAA2C;QAC3C,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;AAK9B;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB;IACtC,2EAA2E;AAC7E,CAAC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { RealtimeWhiteboardBoardComponent } from './whiteboard-board.component';\nimport { RealtimeWhiteboardToolbarComponent } from './whiteboard-toolbar.component';\nimport { RealtimeWhiteboardZoomComponent } from './whiteboard-zoom.component';\nimport { RealtimeWhiteboardPagesComponent } from './whiteboard-pages.component';\nimport { RealtimeWhiteboardAgentSeesPopoverComponent } from './whiteboard-agent-sees-popover.component';\nimport { RealtimeWhiteboardHostComponent } from './whiteboard-host.component';\nimport { WhiteboardSnapshotComponent } from './whiteboard-snapshot.component';\nimport { WhiteboardWidgetSrcdocPipe } from './whiteboard-srcdoc.pipe';\n\n/**\n * Convenience NgModule that re-exports every standalone whiteboard component (and the\n * `wbWidgetSrcdoc` pipe), for consumers organized around NgModules. All components in\n * this package are STANDALONE — apps using standalone bootstrapping can import the\n * component classes directly and skip this module entirely.\n */\n@NgModule({\n  imports: [\n    RealtimeWhiteboardBoardComponent,\n    RealtimeWhiteboardToolbarComponent,\n    RealtimeWhiteboardZoomComponent,\n    RealtimeWhiteboardPagesComponent,\n    RealtimeWhiteboardAgentSeesPopoverComponent,\n    RealtimeWhiteboardHostComponent,\n    WhiteboardSnapshotComponent,\n    WhiteboardWidgetSrcdocPipe\n  ],\n  exports: [\n    RealtimeWhiteboardBoardComponent,\n    RealtimeWhiteboardToolbarComponent,\n    RealtimeWhiteboardZoomComponent,\n    RealtimeWhiteboardPagesComponent,\n    RealtimeWhiteboardAgentSeesPopoverComponent,\n    RealtimeWhiteboardHostComponent,\n    WhiteboardSnapshotComponent,\n    WhiteboardWidgetSrcdocPipe\n  ]\n})\nexport class WhiteboardModule {}\n\n/**\n * Tree-shaking prevention hook. The whiteboard components are usually referenced\n * statically (standalone `imports` arrays), which is enough to retain them — call this\n * from your bootstrap path only when every usage in your app is resolved DYNAMICALLY\n * (e.g. a plugin returns a component type through the MJ ClassFactory) and the bundler\n * would otherwise see no static reference to this package.\n */\nexport function LoadWhiteboardComponents(): void {\n  // intentional no-op — referencing this module creates the static code path\n}\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @packageDocumentation
+ *
+ * # @memberjunction/ng-whiteboard
+ *
+ * A generic, reusable collaborative whiteboard for ANY Angular application, designed for
+ * dual authorship: a human user drawing with direct-manipulation tools, and a co-author
+ * (typically an AI agent) mutating the same board through a programmatic, JSON-described
+ * tool API. The package follows the MemberJunction Generic-component conventions: no
+ * Router dependency, PascalCase public surface, standalone components, design-token
+ * theming, and a cancelable before / after event pattern on every major mutation.
+ *
+ * ## Layers
+ *
+ *  - **State engine** ({@link WhiteboardState}, `whiteboard-state.ts`) — Angular-free
+ *    typed board model: items, selection, snapshot undo/redo, a change journal with
+ *    coalesced scene deltas (the "agent perception" feed), JSON persistence, and the
+ *    before/after mutation events (`ItemAdding$` / `ItemAdded$`, …).
+ *  - **Programmatic tool API** (`whiteboard-tools.ts`) — the `Whiteboard_*` JSON tool
+ *    definitions plus {@link ApplyWhiteboardAgentTool}, the pure execute-one-tool-call
+ *    round-trip any agent/automation layer can drive.
+ *  - **Components** — {@link RealtimeWhiteboardHostComponent} (the full board surface:
+ *    header, toolbar, zoom cluster, perception popover, export menu, agent toast),
+ *    {@link RealtimeWhiteboardBoardComponent} (the canvas itself), and the supporting
+ *    toolbar / zoom / popover / read-only snapshot components.
+ *  - **Export builders** (`whiteboard-export.ts`) — pure functions producing one
+ *    self-contained HTML document or a standalone SVG of a board snapshot.
+ *  - **Widget input bridge** (`whiteboard-widget-bridge.ts`) — the `MJWhiteboard.submit`
+ *    postMessage contract that lets STRICTLY SANDBOXED HTML widgets send user input back
+ *    to the host.
+ *
+ * See the package README for a quickstart, the agent-integration recipe, the event
+ * surface, security notes, and theming/extension points.
+ */
+export * from './lib/whiteboard-state';
+export * from './lib/whiteboard-tools';
+export * from './lib/whiteboard-export';
+export * from './lib/whiteboard-widget-bridge';
+export * from './lib/whiteboard-srcdoc.pipe';
+export * from './lib/whiteboard-context-menu';
+export * from './lib/whiteboard-board.component';
+export * from './lib/whiteboard-toolbar.component';
+export * from './lib/whiteboard-zoom.component';
+export * from './lib/whiteboard-pages.component';
+export * from './lib/whiteboard-agent-sees-popover.component';
+export * from './lib/whiteboard-host.component';
+export * from './lib/whiteboard-snapshot.component';
+export * from './lib/whiteboard.module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAIH,cAAc,wBAAwB,CAAC;AAGvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,gCAAgC,CAAC;AAI/C,cAAc,8BAA8B,CAAC;AAG7C,cAAc,+BAA+B,CAAC;AAG9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAGpD,cAAc,yBAAyB,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,59 @@
+/**
+ * @packageDocumentation
+ *
+ * # @memberjunction/ng-whiteboard
+ *
+ * A generic, reusable collaborative whiteboard for ANY Angular application, designed for
+ * dual authorship: a human user drawing with direct-manipulation tools, and a co-author
+ * (typically an AI agent) mutating the same board through a programmatic, JSON-described
+ * tool API. The package follows the MemberJunction Generic-component conventions: no
+ * Router dependency, PascalCase public surface, standalone components, design-token
+ * theming, and a cancelable before / after event pattern on every major mutation.
+ *
+ * ## Layers
+ *
+ *  - **State engine** ({@link WhiteboardState}, `whiteboard-state.ts`) — Angular-free
+ *    typed board model: items, selection, snapshot undo/redo, a change journal with
+ *    coalesced scene deltas (the "agent perception" feed), JSON persistence, and the
+ *    before/after mutation events (`ItemAdding$` / `ItemAdded$`, …).
+ *  - **Programmatic tool API** (`whiteboard-tools.ts`) — the `Whiteboard_*` JSON tool
+ *    definitions plus {@link ApplyWhiteboardAgentTool}, the pure execute-one-tool-call
+ *    round-trip any agent/automation layer can drive.
+ *  - **Components** — {@link RealtimeWhiteboardHostComponent} (the full board surface:
+ *    header, toolbar, zoom cluster, perception popover, export menu, agent toast),
+ *    {@link RealtimeWhiteboardBoardComponent} (the canvas itself), and the supporting
+ *    toolbar / zoom / popover / read-only snapshot components.
+ *  - **Export builders** (`whiteboard-export.ts`) — pure functions producing one
+ *    self-contained HTML document or a standalone SVG of a board snapshot.
+ *  - **Widget input bridge** (`whiteboard-widget-bridge.ts`) — the `MJWhiteboard.submit`
+ *    postMessage contract that lets STRICTLY SANDBOXED HTML widgets send user input back
+ *    to the host.
+ *
+ * See the package README for a quickstart, the agent-integration recipe, the event
+ * surface, security notes, and theming/extension points.
+ */
+// State engine — board model, mutations, undo/redo, perception deltas, persistence,
+// and the before/after mutation event surface.
+export * from './lib/whiteboard-state';
+// Programmatic mutation tool API (agent-facing JSON tools + the pure executor).
+export * from './lib/whiteboard-tools';
+// Pure export builders (self-contained HTML document / standalone SVG).
+export * from './lib/whiteboard-export';
+// Sandboxed HTML-widget input bridge (MJWhiteboard.submit contract + host validation).
+export * from './lib/whiteboard-widget-bridge';
+// View-scoped srcdoc builder pipe for sandboxed HTML widgets (rebuilt per mount,
+// identity-stable while mounted — see the pipe's TSDoc for the lifecycle contract).
+export * from './lib/whiteboard-srcdoc.pipe';
+// Right-click context-menu model (pure — decides WHAT is offered, not how it renders).
+export * from './lib/whiteboard-context-menu';
+// Components (all standalone).
+export * from './lib/whiteboard-board.component';
+export * from './lib/whiteboard-toolbar.component';
+export * from './lib/whiteboard-zoom.component';
+export * from './lib/whiteboard-pages.component';
+export * from './lib/whiteboard-agent-sees-popover.component';
+export * from './lib/whiteboard-host.component';
+export * from './lib/whiteboard-snapshot.component';
+// Convenience NgModule + tree-shaking prevention hook.
+export * from './lib/whiteboard.module';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,oFAAoF;AACpF,+CAA+C;AAC/C,cAAc,wBAAwB,CAAC;AAEvC,gFAAgF;AAChF,cAAc,wBAAwB,CAAC;AAEvC,wEAAwE;AACxE,cAAc,yBAAyB,CAAC;AAExC,uFAAuF;AACvF,cAAc,gCAAgC,CAAC;AAE/C,iFAAiF;AACjF,oFAAoF;AACpF,cAAc,8BAA8B,CAAC;AAE7C,uFAAuF;AACvF,cAAc,+BAA+B,CAAC;AAE9C,+BAA+B;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,uDAAuD;AACvD,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @packageDocumentation\n *\n * # @memberjunction/ng-whiteboard\n *\n * A generic, reusable collaborative whiteboard for ANY Angular application, designed for\n * dual authorship: a human user drawing with direct-manipulation tools, and a co-author\n * (typically an AI agent) mutating the same board through a programmatic, JSON-described\n * tool API. The package follows the MemberJunction Generic-component conventions: no\n * Router dependency, PascalCase public surface, standalone components, design-token\n * theming, and a cancelable before / after event pattern on every major mutation.\n *\n * ## Layers\n *\n *  - **State engine** ({@link WhiteboardState}, `whiteboard-state.ts`) — Angular-free\n *    typed board model: items, selection, snapshot undo/redo, a change journal with\n *    coalesced scene deltas (the \"agent perception\" feed), JSON persistence, and the\n *    before/after mutation events (`ItemAdding$` / `ItemAdded$`, …).\n *  - **Programmatic tool API** (`whiteboard-tools.ts`) — the `Whiteboard_*` JSON tool\n *    definitions plus {@link ApplyWhiteboardAgentTool}, the pure execute-one-tool-call\n *    round-trip any agent/automation layer can drive.\n *  - **Components** — {@link RealtimeWhiteboardHostComponent} (the full board surface:\n *    header, toolbar, zoom cluster, perception popover, export menu, agent toast),\n *    {@link RealtimeWhiteboardBoardComponent} (the canvas itself), and the supporting\n *    toolbar / zoom / popover / read-only snapshot components.\n *  - **Export builders** (`whiteboard-export.ts`) — pure functions producing one\n *    self-contained HTML document or a standalone SVG of a board snapshot.\n *  - **Widget input bridge** (`whiteboard-widget-bridge.ts`) — the `MJWhiteboard.submit`\n *    postMessage contract that lets STRICTLY SANDBOXED HTML widgets send user input back\n *    to the host.\n *\n * See the package README for a quickstart, the agent-integration recipe, the event\n * surface, security notes, and theming/extension points.\n */\n\n// State engine — board model, mutations, undo/redo, perception deltas, persistence,\n// and the before/after mutation event surface.\nexport * from './lib/whiteboard-state';\n\n// Programmatic mutation tool API (agent-facing JSON tools + the pure executor).\nexport * from './lib/whiteboard-tools';\n\n// Pure export builders (self-contained HTML document / standalone SVG).\nexport * from './lib/whiteboard-export';\n\n// Sandboxed HTML-widget input bridge (MJWhiteboard.submit contract + host validation).\nexport * from './lib/whiteboard-widget-bridge';\n\n// View-scoped srcdoc builder pipe for sandboxed HTML widgets (rebuilt per mount,\n// identity-stable while mounted — see the pipe's TSDoc for the lifecycle contract).\nexport * from './lib/whiteboard-srcdoc.pipe';\n\n// Right-click context-menu model (pure — decides WHAT is offered, not how it renders).\nexport * from './lib/whiteboard-context-menu';\n\n// Components (all standalone).\nexport * from './lib/whiteboard-board.component';\nexport * from './lib/whiteboard-toolbar.component';\nexport * from './lib/whiteboard-zoom.component';\nexport * from './lib/whiteboard-pages.component';\nexport * from './lib/whiteboard-agent-sees-popover.component';\nexport * from './lib/whiteboard-host.component';\nexport * from './lib/whiteboard-snapshot.component';\n\n// Convenience NgModule + tree-shaking prevention hook.\nexport * from './lib/whiteboard.module';\n"]}

package/package.json

@@ -1,10 +1,47 @@
 {
   "name": "@memberjunction/ng-whiteboard",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-whiteboard",
+  "version": "5.42.0",
+  "description": "MemberJunction: Generic collaborative whiteboard for any Angular application — Angular-free state engine with undo/redo + change journal, agent perception deltas, a programmatic (AI-agent-ready) mutation tool API, sandboxed HTML widgets with an input bridge, markdown panels, and self-contained HTML/SVG export",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "vitest run",
+    "build": "ngc",
+    "test:watch": "vitest"
+  },
   "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+    "angular",
+    "whiteboard",
+    "canvas",
+    "collaboration",
+    "ai-agent",
+    "memberjunction"
+  ],
+  "author": "MemberJunction",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3",
+    "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3",
+    "@angular/platform-browser": "21.1.3"
+  },
+  "dependencies": {
+    "@memberjunction/global": "5.42.0",
+    "@memberjunction/ng-code-editor": "5.42.0",
+    "@memberjunction/ng-markdown": "5.42.0",
+    "rxjs": "^7.8.2",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  }
 }