@mdzip/editor-ng 1.2.8 → 1.3.0

package/README.md

@@ -0,0 +1,114 @@
+# @mdzip/editor-ng
+
+Angular component wrapper for the MDZip workspace editor.
+
+`@mdzip/editor-ng` provides a standalone `MdzipWorkspaceComponent` that embeds the full MDZip workspace UI — document preview, editor, package navigator, and asset manager — as a native Angular component.
+
+## Install
+
+```sh
+npm install @mdzip/editor @mdzip/editor-ng
+```
+
+Peer dependencies: `@angular/common` and `@angular/core` >=20.
+
+## Basic Usage
+
+```ts
+import { MdzipWorkspaceComponent } from '@mdzip/editor-ng';
+
+@Component({
+  imports: [MdzipWorkspaceComponent],
+  template: `
+    <mdzip-workspace
+      [bytes]="fileBytes"
+      fileName="document.mdz"
+      mode="read-only"
+      controls="viewer"
+      (failed)="onError($event)"
+    />
+  `,
+  styles: [':host { display: block; height: 600px; }']
+})
+export class AppComponent {
+  fileBytes: Uint8Array | null = null;
+}
+```
+
+The host element must have an explicit height. The component expands to fill it.
+
+## Editor Mode
+
+```ts
+<mdzip-workspace
+  [bytes]="fileBytes"
+  fileName="document.mdz"
+  mode="editable"
+  controls="standalone-editor"
+  (saved)="onSaved($event)"
+  (changed)="onChanged($event)"
+/>
+```
+
+## Inputs
+
+| Input | Type | Default | Description |
+|-------|------|---------|-------------|
+| `bytes` | `Uint8Array \| null` | `null` | Raw archive bytes to open |
+| `workspace` | `MdzWorkspace \| null` | `null` | Pre-built workspace object |
+| `fileName` | `string` | `'document.mdz'` | Filename used for format detection and Save dialogs |
+| `mode` | `MdzipWorkspaceMode` | `'read-only'` | `'read-only'` or `'editable'` |
+| `sourceFormat` | `MdzipSourceFormat` | — | Override format detection: `'mdz'` or `'markdown'` |
+| `controls` | `MdzipControlPreset \| MdzipControlPolicy` | `'viewer'` | `'preview'`, `'viewer'`, `'standalone-editor'`, `'hosted-editor'`, or a policy object |
+| `initialLayout` | `MdzipWorkspaceLayout` | — | Starting layout: `'preview'`, `'editor'`, `'split'` |
+| `initialColorScheme` | `MdzipColorScheme` | — | `'light'` or `'dark'` |
+| `navigationMode` | `MdzipNavigationMode` | `'editor'` | Package navigation mode |
+| `navigationButtonActive` | `boolean` | `true` | Whether the navigation button is shown |
+
+## Outputs
+
+| Output | Payload | Description |
+|--------|---------|-------------|
+| `changed` | `MdzipWorkspaceChange` | Emitted when archive bytes change |
+| `saved` | `MdzipWorkspaceSave` | Emitted on Save |
+| `snapshotChanged` | `MdzipWorkspaceSnapshot` | Emitted on any state change |
+| `selectionChanged` | `MdzipWorkspaceSnapshot` | Emitted when the editor selection changes |
+| `dirtyChanged` | `MdzipWorkspaceSnapshot` | Emitted when the dirty flag changes |
+| `validationChanged` | `MdzipWorkspaceSnapshot` | Emitted when validation state changes |
+| `colorSchemeChanged` | `MdzipColorScheme` | Emitted when the color scheme changes |
+| `failed` | `unknown` | Emitted on unrecoverable errors |
+
+## Conversion hook
+
+`onConversionRequested` is an **input function** (not an output, because it must return a
+value): bind `[onConversionRequested]="handler"` where `handler` is
+`(action: MdzipConversionAction) => boolean | Promise<boolean>`. It fires when the user
+triggers the markdown→MDZ conversion flow (nav button, Insert Image, or image paste on a
+plain `.md`). Return/resolve `true` to take over and suppress the built-in conversion dialog.
+
+## File management (nav pane)
+
+With `controls="standalone-editor"` or `"hosted-editor"` (or `fileActions: true` in a custom
+policy), the navigation pane offers a right-click context menu: new `.md` file, new folder,
+rename/move, duplicate, replace, download, copy markdown link, set entry point, set cover
+image, and delete. Files can also be dragged between folders, and OS files can be dropped
+onto the pane. Copy and Download remain available in read-only mode. The same operations are
+exposed as component methods: `removeFile`, `renameFile`, `setEntryPoint`, and `setCoverImage`.
+
+## Imperative API
+
+```ts
+@ViewChild(MdzipWorkspaceComponent) workspace!: MdzipWorkspaceComponent;
+
+// Flush pending edits and persist
+const snapshot = await this.workspace.flush();
+if (snapshot) {
+  await save(snapshot.bytes);
+  this.workspace.markPersisted();
+}
+
+// Execute editor commands
+await this.workspace.executeCommand('bold');
+```
+
+See the [`@mdzip/editor`](https://www.npmjs.com/package/@mdzip/editor) package for the full API reference, theming guide, and framework-agnostic usage.

package/dist/README.md

@@ -0,0 +1,114 @@
+# @mdzip/editor-ng
+
+Angular component wrapper for the MDZip workspace editor.
+
+`@mdzip/editor-ng` provides a standalone `MdzipWorkspaceComponent` that embeds the full MDZip workspace UI — document preview, editor, package navigator, and asset manager — as a native Angular component.
+
+## Install
+
+```sh
+npm install @mdzip/editor @mdzip/editor-ng
+```
+
+Peer dependencies: `@angular/common` and `@angular/core` >=20.
+
+## Basic Usage
+
+```ts
+import { MdzipWorkspaceComponent } from '@mdzip/editor-ng';
+
+@Component({
+  imports: [MdzipWorkspaceComponent],
+  template: `
+    <mdzip-workspace
+      [bytes]="fileBytes"
+      fileName="document.mdz"
+      mode="read-only"
+      controls="viewer"
+      (failed)="onError($event)"
+    />
+  `,
+  styles: [':host { display: block; height: 600px; }']
+})
+export class AppComponent {
+  fileBytes: Uint8Array | null = null;
+}
+```
+
+The host element must have an explicit height. The component expands to fill it.
+
+## Editor Mode
+
+```ts
+<mdzip-workspace
+  [bytes]="fileBytes"
+  fileName="document.mdz"
+  mode="editable"
+  controls="standalone-editor"
+  (saved)="onSaved($event)"
+  (changed)="onChanged($event)"
+/>
+```
+
+## Inputs
+
+| Input | Type | Default | Description |
+|-------|------|---------|-------------|
+| `bytes` | `Uint8Array \| null` | `null` | Raw archive bytes to open |
+| `workspace` | `MdzWorkspace \| null` | `null` | Pre-built workspace object |
+| `fileName` | `string` | `'document.mdz'` | Filename used for format detection and Save dialogs |
+| `mode` | `MdzipWorkspaceMode` | `'read-only'` | `'read-only'` or `'editable'` |
+| `sourceFormat` | `MdzipSourceFormat` | — | Override format detection: `'mdz'` or `'markdown'` |
+| `controls` | `MdzipControlPreset \| MdzipControlPolicy` | `'viewer'` | `'preview'`, `'viewer'`, `'standalone-editor'`, `'hosted-editor'`, or a policy object |
+| `initialLayout` | `MdzipWorkspaceLayout` | — | Starting layout: `'preview'`, `'editor'`, `'split'` |
+| `initialColorScheme` | `MdzipColorScheme` | — | `'light'` or `'dark'` |
+| `navigationMode` | `MdzipNavigationMode` | `'editor'` | Package navigation mode |
+| `navigationButtonActive` | `boolean` | `true` | Whether the navigation button is shown |
+
+## Outputs
+
+| Output | Payload | Description |
+|--------|---------|-------------|
+| `changed` | `MdzipWorkspaceChange` | Emitted when archive bytes change |
+| `saved` | `MdzipWorkspaceSave` | Emitted on Save |
+| `snapshotChanged` | `MdzipWorkspaceSnapshot` | Emitted on any state change |
+| `selectionChanged` | `MdzipWorkspaceSnapshot` | Emitted when the editor selection changes |
+| `dirtyChanged` | `MdzipWorkspaceSnapshot` | Emitted when the dirty flag changes |
+| `validationChanged` | `MdzipWorkspaceSnapshot` | Emitted when validation state changes |
+| `colorSchemeChanged` | `MdzipColorScheme` | Emitted when the color scheme changes |
+| `failed` | `unknown` | Emitted on unrecoverable errors |
+
+## Conversion hook
+
+`onConversionRequested` is an **input function** (not an output, because it must return a
+value): bind `[onConversionRequested]="handler"` where `handler` is
+`(action: MdzipConversionAction) => boolean | Promise<boolean>`. It fires when the user
+triggers the markdown→MDZ conversion flow (nav button, Insert Image, or image paste on a
+plain `.md`). Return/resolve `true` to take over and suppress the built-in conversion dialog.
+
+## File management (nav pane)
+
+With `controls="standalone-editor"` or `"hosted-editor"` (or `fileActions: true` in a custom
+policy), the navigation pane offers a right-click context menu: new `.md` file, new folder,
+rename/move, duplicate, replace, download, copy markdown link, set entry point, set cover
+image, and delete. Files can also be dragged between folders, and OS files can be dropped
+onto the pane. Copy and Download remain available in read-only mode. The same operations are
+exposed as component methods: `removeFile`, `renameFile`, `setEntryPoint`, and `setCoverImage`.
+
+## Imperative API
+
+```ts
+@ViewChild(MdzipWorkspaceComponent) workspace!: MdzipWorkspaceComponent;
+
+// Flush pending edits and persist
+const snapshot = await this.workspace.flush();
+if (snapshot) {
+  await save(snapshot.bytes);
+  this.workspace.markPersisted();
+}
+
+// Execute editor commands
+await this.workspace.executeCommand('bold');
+```
+
+See the [`@mdzip/editor`](https://www.npmjs.com/package/@mdzip/editor) package for the full API reference, theming guide, and framework-agnostic usage.

package/dist/fesm2022/mdzip-editor-ng.mjs

@@ -0,0 +1,199 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MdzipWorkspaceView } from '@mdzip/editor';
+
+class MdzipWorkspaceComponent {
+    constructor() {
+        this.bytes = null;
+        this.workspace = null;
+        this.fileName = 'document.mdz';
+        this.mode = 'read-only';
+        this.controls = 'viewer';
+        this.navigationMode = 'editor';
+        this.navigationButtonActive = true;
+        this.changed = new EventEmitter();
+        this.saved = new EventEmitter();
+        this.workspaceChanged = new EventEmitter();
+        this.documentChanged = new EventEmitter();
+        this.assetChanged = new EventEmitter();
+        this.manifestChanged = new EventEmitter();
+        this.snapshotChanged = new EventEmitter();
+        this.selectionChanged = new EventEmitter();
+        this.dirtyChanged = new EventEmitter();
+        this.validationChanged = new EventEmitter();
+        this.colorSchemeChanged = new EventEmitter();
+        this.failed = new EventEmitter();
+        this.view = null;
+    }
+    ngAfterViewInit() {
+        this.createView();
+        this.syncView();
+    }
+    ngOnChanges(changes) {
+        if (this.view && (changes['controls'] || changes['initialLayout']
+            || changes['initialColorScheme'] || changes['navigationMode']
+            || changes['navigationButtonActive'])) {
+            this.createView();
+            this.syncView();
+            return;
+        }
+        if (this.view && (changes['bytes'] || changes['workspace'] || changes['mode']
+            || changes['sourceFormat'] || changes['fileName'])) {
+            this.syncView();
+        }
+    }
+    ngOnDestroy() {
+        this.view?.destroy();
+    }
+    canExecuteCommand(command) {
+        return this.view?.canExecuteCommand(command) ?? false;
+    }
+    executeCommand(command, file) {
+        return this.view?.executeCommand(command, file) ?? Promise.resolve(false);
+    }
+    convertToMdz() {
+        return this.view?.convertToMdz() ?? Promise.resolve(false);
+    }
+    focus() {
+        this.view?.focus();
+    }
+    flush() {
+        return this.view?.flush() ?? Promise.resolve(null);
+    }
+    serialize() {
+        return this.view?.serialize() ?? Promise.resolve(null);
+    }
+    getCurrentSnapshot() {
+        return this.view?.getCurrentSnapshot() ?? Promise.resolve(null);
+    }
+    markPersisted() {
+        this.view?.markPersisted();
+    }
+    addAsset(archivePath, fileBytes) {
+        return this.view?.addAsset(archivePath, fileBytes) ?? Promise.resolve();
+    }
+    replaceAsset(archivePath, fileBytes) {
+        return this.view?.replaceAsset(archivePath, fileBytes) ?? Promise.resolve(false);
+    }
+    removeAsset(archivePath, options) {
+        return this.view?.removeAsset(archivePath, options) ?? Promise.resolve(false);
+    }
+    removeFile(archivePath) {
+        return this.view?.removeFile(archivePath) ?? Promise.resolve(false);
+    }
+    renameFile(oldPath, newPath) {
+        return this.view?.renameFile(oldPath, newPath) ?? Promise.resolve(false);
+    }
+    setEntryPoint(archivePath) {
+        return this.view?.setEntryPoint(archivePath) ?? Promise.resolve(false);
+    }
+    setCoverImage(archivePath) {
+        return this.view?.setCoverImage(archivePath) ?? Promise.resolve(false);
+    }
+    listAssets() {
+        return this.view?.listAssets() ?? [];
+    }
+    syncView() {
+        if (this.view && this.workspace) {
+            void this.view.openWorkspace(this.workspace, {
+                mode: this.mode,
+                sourceFormat: this.sourceFormat,
+                fileName: this.fileName
+            });
+        }
+        else if (this.view && this.bytes) {
+            void this.view.open(this.bytes, {
+                mode: this.mode,
+                sourceFormat: this.sourceFormat,
+                fileName: this.fileName
+            });
+        }
+    }
+    createView() {
+        this.view?.destroy();
+        this.view = new MdzipWorkspaceView(this.hostRef.nativeElement, {
+            controls: this.controls,
+            initialLayout: this.initialLayout,
+            initialColorScheme: this.initialColorScheme,
+            navigationMode: this.navigationMode,
+            navigationButtonActive: this.navigationButtonActive,
+            onChanged: (bytes, snapshot) => this.changed.emit({ bytes, snapshot }),
+            onSaved: (bytes, snapshot) => this.saved.emit({ bytes, snapshot }),
+            onWorkspaceChanged: (event) => this.workspaceChanged.emit(event),
+            onDocumentChanged: (event) => this.documentChanged.emit(event),
+            onAssetChanged: (event) => this.assetChanged.emit(event),
+            onManifestChanged: (event) => this.manifestChanged.emit(event),
+            onSnapshotChanged: (snapshot) => this.snapshotChanged.emit(snapshot),
+            onSelectionChanged: (snapshot) => this.selectionChanged.emit(snapshot),
+            onDirtyChanged: (snapshot) => this.dirtyChanged.emit(snapshot),
+            onValidationChanged: (snapshot) => this.validationChanged.emit(snapshot),
+            onColorSchemeChanged: (colorScheme) => this.colorSchemeChanged.emit(colorScheme),
+            onFailed: (e) => this.failed.emit(e),
+            onConversionRequested: this.onConversionRequested
+                ? (action) => this.onConversionRequested(action)
+                : undefined,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: MdzipWorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.24", type: MdzipWorkspaceComponent, isStandalone: true, selector: "mdzip-workspace", inputs: { bytes: "bytes", workspace: "workspace", fileName: "fileName", mode: "mode", sourceFormat: "sourceFormat", controls: "controls", initialLayout: "initialLayout", initialColorScheme: "initialColorScheme", navigationMode: "navigationMode", navigationButtonActive: "navigationButtonActive", onConversionRequested: "onConversionRequested" }, outputs: { changed: "changed", saved: "saved", workspaceChanged: "workspaceChanged", documentChanged: "documentChanged", assetChanged: "assetChanged", manifestChanged: "manifestChanged", snapshotChanged: "snapshotChanged", selectionChanged: "selectionChanged", dirtyChanged: "dirtyChanged", validationChanged: "validationChanged", colorSchemeChanged: "colorSchemeChanged", failed: "failed" }, viewQueries: [{ propertyName: "hostRef", first: true, predicate: ["host"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #host></div>', isInline: true, styles: [":host{display:block;height:100%}div{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: MdzipWorkspaceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mdzip-workspace', standalone: true, template: '<div #host></div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}div{height:100%}\n"] }]
+        }], propDecorators: { bytes: [{
+                type: Input
+            }], workspace: [{
+                type: Input
+            }], fileName: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], sourceFormat: [{
+                type: Input
+            }], controls: [{
+                type: Input
+            }], initialLayout: [{
+                type: Input
+            }], initialColorScheme: [{
+                type: Input
+            }], navigationMode: [{
+                type: Input
+            }], navigationButtonActive: [{
+                type: Input
+            }], onConversionRequested: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], saved: [{
+                type: Output
+            }], workspaceChanged: [{
+                type: Output
+            }], documentChanged: [{
+                type: Output
+            }], assetChanged: [{
+                type: Output
+            }], manifestChanged: [{
+                type: Output
+            }], snapshotChanged: [{
+                type: Output
+            }], selectionChanged: [{
+                type: Output
+            }], dirtyChanged: [{
+                type: Output
+            }], validationChanged: [{
+                type: Output
+            }], colorSchemeChanged: [{
+                type: Output
+            }], failed: [{
+                type: Output
+            }], hostRef: [{
+                type: ViewChild,
+                args: ['host']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MdzipWorkspaceComponent };
+//# sourceMappingURL=mdzip-editor-ng.mjs.map

package/dist/fesm2022/mdzip-editor-ng.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdzip-editor-ng.mjs","sources":["../../src/workspace.component.ts","../../src/mdzip-editor-ng.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from '@angular/core';\nimport { MdzipWorkspaceView } from '@mdzip/editor';\nimport type {\n  MdzipControlPolicy,\n  MdzipControlPreset,\n  MdzipColorScheme,\n  MdzipConversionAction,\n  MdzipEditorCommand,\n  MdzipDocumentChangeEvent,\n  MdzipEditorSnapshot,\n  MdzipNavigationMode,\n  MdzipRemoveAssetOptions,\n  MdzipSourceFormat,\n  MdzWorkspace,\n  MdzWorkspaceAsset,\n  MdzipWorkspaceChange,\n  MdzipWorkspaceLayout,\n  MdzipWorkspaceMode,\n  MdzipWorkspaceSave,\n  MdzipWorkspaceSnapshot,\n} from '@mdzip/editor';\n\n@Component({\n  selector: 'mdzip-workspace',\n  standalone: true,\n  template: '<div #host></div>',\n  styles: [':host { display: block; height: 100%; } div { height: 100%; }'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdzipWorkspaceComponent implements AfterViewInit, OnChanges, OnDestroy {\n  @Input() bytes: Uint8Array | null = null;\n  @Input() workspace: MdzWorkspace | null = null;\n  @Input() fileName = 'document.mdz';\n  @Input() mode: MdzipWorkspaceMode = 'read-only';\n  @Input() sourceFormat?: MdzipSourceFormat;\n  @Input() controls: MdzipControlPreset | MdzipControlPolicy = 'viewer';\n  @Input() initialLayout?: MdzipWorkspaceLayout;\n  @Input() initialColorScheme?: MdzipColorScheme;\n  @Input() navigationMode: MdzipNavigationMode = 'editor';\n  @Input() navigationButtonActive = true;\n  /**\n   * Host hook for the markdown→MDZ conversion flow. An input function (not an\n   * output) because it must return/resolve `true` to suppress the built-in\n   * conversion dialog.\n   */\n  @Input() onConversionRequested?: (action: MdzipConversionAction) => boolean | Promise<boolean>;\n  @Output() readonly changed = new EventEmitter<MdzipWorkspaceChange>();\n  @Output() readonly saved = new EventEmitter<MdzipWorkspaceSave>();\n  @Output() readonly workspaceChanged = new EventEmitter<MdzipDocumentChangeEvent>();\n  @Output() readonly documentChanged = new EventEmitter<MdzipDocumentChangeEvent>();\n  @Output() readonly assetChanged = new EventEmitter<MdzipDocumentChangeEvent>();\n  @Output() readonly manifestChanged = new EventEmitter<MdzipDocumentChangeEvent>();\n  @Output() readonly snapshotChanged = new EventEmitter<MdzipWorkspaceSnapshot>();\n  @Output() readonly selectionChanged = new EventEmitter<MdzipWorkspaceSnapshot>();\n  @Output() readonly dirtyChanged = new EventEmitter<MdzipWorkspaceSnapshot>();\n  @Output() readonly validationChanged = new EventEmitter<MdzipWorkspaceSnapshot>();\n  @Output() readonly colorSchemeChanged = new EventEmitter<MdzipColorScheme>();\n  @Output() readonly failed = new EventEmitter<unknown>();\n\n  @ViewChild('host') private readonly hostRef!: ElementRef<HTMLDivElement>;\n  private view: MdzipWorkspaceView | null = null;\n\n  ngAfterViewInit(): void {\n    this.createView();\n    this.syncView();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (this.view && (changes['controls'] || changes['initialLayout']\n      || changes['initialColorScheme'] || changes['navigationMode']\n      || changes['navigationButtonActive'])) {\n      this.createView();\n      this.syncView();\n      return;\n    }\n    if (this.view && (changes['bytes'] || changes['workspace'] || changes['mode']\n      || changes['sourceFormat'] || changes['fileName'])) {\n      this.syncView();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.view?.destroy();\n  }\n\n  canExecuteCommand(command: MdzipEditorCommand): boolean {\n    return this.view?.canExecuteCommand(command) ?? false;\n  }\n\n  executeCommand(command: MdzipEditorCommand, file?: File): Promise<boolean> {\n    return this.view?.executeCommand(command, file) ?? Promise.resolve(false);\n  }\n\n  convertToMdz(): Promise<boolean> {\n    return this.view?.convertToMdz() ?? Promise.resolve(false);\n  }\n\n  focus(): void {\n    this.view?.focus();\n  }\n\n  flush(): Promise<MdzipEditorSnapshot | null> {\n    return this.view?.flush() ?? Promise.resolve(null);\n  }\n\n  serialize(): Promise<Blob | null> {\n    return this.view?.serialize() ?? Promise.resolve(null);\n  }\n\n  getCurrentSnapshot(): Promise<MdzipEditorSnapshot | null> {\n    return this.view?.getCurrentSnapshot() ?? Promise.resolve(null);\n  }\n\n  markPersisted(): void {\n    this.view?.markPersisted();\n  }\n\n  addAsset(archivePath: string, fileBytes: Uint8Array): Promise<void> {\n    return this.view?.addAsset(archivePath, fileBytes) ?? Promise.resolve();\n  }\n\n  replaceAsset(archivePath: string, fileBytes: Uint8Array): Promise<boolean> {\n    return this.view?.replaceAsset(archivePath, fileBytes) ?? Promise.resolve(false);\n  }\n\n  removeAsset(archivePath: string, options?: MdzipRemoveAssetOptions): Promise<boolean> {\n    return this.view?.removeAsset(archivePath, options) ?? Promise.resolve(false);\n  }\n\n  removeFile(archivePath: string): Promise<boolean> {\n    return this.view?.removeFile(archivePath) ?? Promise.resolve(false);\n  }\n\n  renameFile(oldPath: string, newPath: string): Promise<boolean> {\n    return this.view?.renameFile(oldPath, newPath) ?? Promise.resolve(false);\n  }\n\n  setEntryPoint(archivePath: string): Promise<boolean> {\n    return this.view?.setEntryPoint(archivePath) ?? Promise.resolve(false);\n  }\n\n  setCoverImage(archivePath: string | null): Promise<boolean> {\n    return this.view?.setCoverImage(archivePath) ?? Promise.resolve(false);\n  }\n\n  listAssets(): MdzWorkspaceAsset[] {\n    return this.view?.listAssets() ?? [];\n  }\n\n  private syncView(): void {\n    if (this.view && this.workspace) {\n      void this.view.openWorkspace(this.workspace, {\n        mode: this.mode,\n        sourceFormat: this.sourceFormat,\n        fileName: this.fileName\n      });\n    } else if (this.view && this.bytes) {\n      void this.view.open(this.bytes, {\n        mode: this.mode,\n        sourceFormat: this.sourceFormat,\n        fileName: this.fileName\n      });\n    }\n  }\n\n  private createView(): void {\n    this.view?.destroy();\n    this.view = new MdzipWorkspaceView(this.hostRef.nativeElement, {\n      controls: this.controls,\n      initialLayout: this.initialLayout,\n      initialColorScheme: this.initialColorScheme,\n      navigationMode: this.navigationMode,\n      navigationButtonActive: this.navigationButtonActive,\n      onChanged: (bytes, snapshot) => this.changed.emit({ bytes, snapshot }),\n      onSaved: (bytes, snapshot) => this.saved.emit({ bytes, snapshot }),\n      onWorkspaceChanged: (event) => this.workspaceChanged.emit(event),\n      onDocumentChanged: (event) => this.documentChanged.emit(event),\n      onAssetChanged: (event) => this.assetChanged.emit(event),\n      onManifestChanged: (event) => this.manifestChanged.emit(event),\n      onSnapshotChanged: (snapshot) => this.snapshotChanged.emit(snapshot),\n      onSelectionChanged: (snapshot: MdzipWorkspaceSnapshot) => this.selectionChanged.emit(snapshot),\n      onDirtyChanged: (snapshot: MdzipWorkspaceSnapshot) => this.dirtyChanged.emit(snapshot),\n      onValidationChanged: (snapshot: MdzipWorkspaceSnapshot) => this.validationChanged.emit(snapshot),\n      onColorSchemeChanged: (colorScheme: MdzipColorScheme) => this.colorSchemeChanged.emit(colorScheme),\n      onFailed: (e: unknown) => this.failed.emit(e),\n      onConversionRequested: this.onConversionRequested\n        ? (action) => this.onConversionRequested!(action)\n        : undefined,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+import { MdzWorkspace, MdzipWorkspaceMode, MdzipSourceFormat, MdzipControlPreset, MdzipControlPolicy, MdzipWorkspaceLayout, MdzipColorScheme, MdzipNavigationMode, MdzipConversionAction, MdzipWorkspaceChange, MdzipWorkspaceSave, MdzipDocumentChangeEvent, MdzipWorkspaceSnapshot, MdzipEditorCommand, MdzipEditorSnapshot, MdzipRemoveAssetOptions, MdzWorkspaceAsset } from '@mdzip/editor';
+
+declare class MdzipWorkspaceComponent implements AfterViewInit, OnChanges, OnDestroy {
+    bytes: Uint8Array | null;
+    workspace: MdzWorkspace | null;
+    fileName: string;
+    mode: MdzipWorkspaceMode;
+    sourceFormat?: MdzipSourceFormat;
+    controls: MdzipControlPreset | MdzipControlPolicy;
+    initialLayout?: MdzipWorkspaceLayout;
+    initialColorScheme?: MdzipColorScheme;
+    navigationMode: MdzipNavigationMode;
+    navigationButtonActive: boolean;
+    /**
+     * Host hook for the markdown→MDZ conversion flow. An input function (not an
+     * output) because it must return/resolve `true` to suppress the built-in
+     * conversion dialog.
+     */
+    onConversionRequested?: (action: MdzipConversionAction) => boolean | Promise<boolean>;
+    readonly changed: EventEmitter<MdzipWorkspaceChange>;
+    readonly saved: EventEmitter<MdzipWorkspaceSave>;
+    readonly workspaceChanged: EventEmitter<MdzipDocumentChangeEvent>;
+    readonly documentChanged: EventEmitter<MdzipDocumentChangeEvent>;
+    readonly assetChanged: EventEmitter<MdzipDocumentChangeEvent>;
+    readonly manifestChanged: EventEmitter<MdzipDocumentChangeEvent>;
+    readonly snapshotChanged: EventEmitter<MdzipWorkspaceSnapshot>;
+    readonly selectionChanged: EventEmitter<MdzipWorkspaceSnapshot>;
+    readonly dirtyChanged: EventEmitter<MdzipWorkspaceSnapshot>;
+    readonly validationChanged: EventEmitter<MdzipWorkspaceSnapshot>;
+    readonly colorSchemeChanged: EventEmitter<MdzipColorScheme>;
+    readonly failed: EventEmitter<unknown>;
+    private readonly hostRef;
+    private view;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    canExecuteCommand(command: MdzipEditorCommand): boolean;
+    executeCommand(command: MdzipEditorCommand, file?: File): Promise<boolean>;
+    convertToMdz(): Promise<boolean>;
+    focus(): void;
+    flush(): Promise<MdzipEditorSnapshot | null>;
+    serialize(): Promise<Blob | null>;
+    getCurrentSnapshot(): Promise<MdzipEditorSnapshot | null>;
+    markPersisted(): void;
+    addAsset(archivePath: string, fileBytes: Uint8Array): Promise<void>;
+    replaceAsset(archivePath: string, fileBytes: Uint8Array): Promise<boolean>;
+    removeAsset(archivePath: string, options?: MdzipRemoveAssetOptions): Promise<boolean>;
+    removeFile(archivePath: string): Promise<boolean>;
+    renameFile(oldPath: string, newPath: string): Promise<boolean>;
+    setEntryPoint(archivePath: string): Promise<boolean>;
+    setCoverImage(archivePath: string | null): Promise<boolean>;
+    listAssets(): MdzWorkspaceAsset[];
+    private syncView;
+    private createView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MdzipWorkspaceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MdzipWorkspaceComponent, "mdzip-workspace", never, { "bytes": { "alias": "bytes"; "required": false; }; "workspace": { "alias": "workspace"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "sourceFormat": { "alias": "sourceFormat"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "initialLayout": { "alias": "initialLayout"; "required": false; }; "initialColorScheme": { "alias": "initialColorScheme"; "required": false; }; "navigationMode": { "alias": "navigationMode"; "required": false; }; "navigationButtonActive": { "alias": "navigationButtonActive"; "required": false; }; "onConversionRequested": { "alias": "onConversionRequested"; "required": false; }; }, { "changed": "changed"; "saved": "saved"; "workspaceChanged": "workspaceChanged"; "documentChanged": "documentChanged"; "assetChanged": "assetChanged"; "manifestChanged": "manifestChanged"; "snapshotChanged": "snapshotChanged"; "selectionChanged": "selectionChanged"; "dirtyChanged": "dirtyChanged"; "validationChanged": "validationChanged"; "colorSchemeChanged": "colorSchemeChanged"; "failed": "failed"; }, never, never, true, never>;
+}
+
+export { MdzipWorkspaceComponent };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../src/workspace.component.ts"],"mappings":";;;;AAkCA,cAAA,mCAOqC,aAAW,EAAA,SAAe,EAAA,SAAW;AAC/D,WAAO,UAAU;AACjB,eAAW,YAAY;AACvB;UACM,kBAAkB;mBACT,iBAAiB;AAChC,cAAU,kBAAkB,GAAG,kBAAkB;oBACjC,oBAAoB;yBACf,gBAAgB;oBACrB,mBAAmB;AACnC;AACT;;;;AAIG;AACM,qCAAiC,qBAAqB,eAAe,OAAO;sBAC3D,YAAA,CAAA,oBAAA;oBACF,YAAA,CAAA,kBAAA;+BACW,YAAA,CAAA,wBAAA;8BACD,YAAA,CAAA,wBAAA;2BACH,YAAA,CAAA,wBAAA;8BACG,YAAA,CAAA,wBAAA;8BACA,YAAA,CAAA,sBAAA;+BACC,YAAA,CAAA,sBAAA;2BACJ,YAAA,CAAA,sBAAA;gCACK,YAAA,CAAA,sBAAA;iCACC,YAAA,CAAA,gBAAA;qBACZ,YAAA;AAEN;;AAGnB;AAKA,yBAAqB,aAAa;AAclC;AAIA,+BAA2B,kBAAkB;AAI7C,4BAAwB,kBAAkB,SAAS,IAAI,GAAG,OAAO;AAIjE,oBAAgB,OAAO;AAIvB;AAIA,aAAS,OAAO,CAAC,mBAAmB;AAIpC,iBAAa,OAAO,CAAC,IAAI;AAIzB,0BAAsB,OAAO,CAAC,mBAAmB;AAIjD;AAIA,6CAAyC,UAAU,GAAG,OAAO;AAI7D,iDAA6C,UAAU,GAAG,OAAO;AAIjE,+CAA2C,uBAAuB,GAAG,OAAO;qCAI3C,OAAO;AAIxC,kDAA8C,OAAO;wCAIjB,OAAO;+CAIA,OAAO;kBAIpC,iBAAiB;AAI/B;AAgBA;yCAxIW,uBAAuB;2CAAvB,uBAAuB;AAiKnC;;;;","names":[]}

package/package.json

@@ -1,21 +1,35 @@
 {
   "name": "@mdzip/editor-ng",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "Angular UI components for the MDZip workspace engine.",
   "license": "Apache-2.0",
   "type": "module",
+  "module": "dist/fesm2022/mdzip-editor-ng.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/mdzip-editor-ng.mjs"
+    }
+  },
+  "sideEffects": false,
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
-    "@mdzip/editor": "^1.2.6"
+    "@mdzip/editor": "^1.3.0"
   },
   "dependencies": {
     "tslib": "^2.8.1"
   },
   "scripts": {
-    "build": "ng build @mdzip/editor-ng",
-    "publish": "npm publish ../../dist/packages/editor-ng"
+    "build": "ng build @mdzip/editor-ng"
   },
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   }

package/ng-package.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/packages/editor-ng",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "allowedNonPeerDependencies": ["tslib"]
-}

package/src/public-api.ts

@@ -1,2 +0,0 @@
-export * from './workspace.component';
-

package/src/workspace.component.css

@@ -1,2 +0,0 @@
-:host { display: block; height: 100%; }
-div { height: 100%; }

package/src/workspace.component.html

@@ -1 +0,0 @@
-<div #host></div>

package/src/workspace.component.ts

@@ -1,177 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnDestroy,
-  Output,
-  SimpleChanges,
-  ViewChild,
-} from '@angular/core';
-import { MdzipWorkspaceView } from '@mdzip/editor';
-import type {
-  MdzipControlPolicy,
-  MdzipControlPreset,
-  MdzipColorScheme,
-  MdzipEditorCommand,
-  MdzipDocumentChangeEvent,
-  MdzipEditorSnapshot,
-  MdzipNavigationMode,
-  MdzipRemoveAssetOptions,
-  MdzipSourceFormat,
-  MdzWorkspace,
-  MdzWorkspaceAsset,
-  MdzipWorkspaceChange,
-  MdzipWorkspaceLayout,
-  MdzipWorkspaceMode,
-  MdzipWorkspaceSave,
-  MdzipWorkspaceSnapshot,
-} from '@mdzip/editor';
-
-@Component({
-  selector: 'mdzip-workspace',
-  standalone: true,
-  template: '<div #host></div>',
-  styles: [':host { display: block; height: 100%; } div { height: 100%; }'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MdzipWorkspaceComponent implements AfterViewInit, OnChanges, OnDestroy {
-  @Input() bytes: Uint8Array | null = null;
-  @Input() workspace: MdzWorkspace | null = null;
-  @Input() fileName = 'document.mdz';
-  @Input() mode: MdzipWorkspaceMode = 'read-only';
-  @Input() sourceFormat?: MdzipSourceFormat;
-  @Input() controls: MdzipControlPreset | MdzipControlPolicy = 'viewer';
-  @Input() initialLayout?: MdzipWorkspaceLayout;
-  @Input() initialColorScheme?: MdzipColorScheme;
-  @Input() navigationMode: MdzipNavigationMode = 'editor';
-  @Input() navigationButtonActive = true;
-  @Output() readonly changed = new EventEmitter<MdzipWorkspaceChange>();
-  @Output() readonly saved = new EventEmitter<MdzipWorkspaceSave>();
-  @Output() readonly workspaceChanged = new EventEmitter<MdzipDocumentChangeEvent>();
-  @Output() readonly documentChanged = new EventEmitter<MdzipDocumentChangeEvent>();
-  @Output() readonly assetChanged = new EventEmitter<MdzipDocumentChangeEvent>();
-  @Output() readonly manifestChanged = new EventEmitter<MdzipDocumentChangeEvent>();
-  @Output() readonly snapshotChanged = new EventEmitter<MdzipWorkspaceSnapshot>();
-  @Output() readonly selectionChanged = new EventEmitter<MdzipWorkspaceSnapshot>();
-  @Output() readonly dirtyChanged = new EventEmitter<MdzipWorkspaceSnapshot>();
-  @Output() readonly validationChanged = new EventEmitter<MdzipWorkspaceSnapshot>();
-  @Output() readonly colorSchemeChanged = new EventEmitter<MdzipColorScheme>();
-  @Output() readonly failed = new EventEmitter<unknown>();
-
-  @ViewChild('host') private readonly hostRef!: ElementRef<HTMLDivElement>;
-  private view: MdzipWorkspaceView | null = null;
-
-  ngAfterViewInit(): void {
-    this.createView();
-    this.syncView();
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (this.view && (changes['controls'] || changes['initialLayout']
-      || changes['initialColorScheme'] || changes['navigationMode']
-      || changes['navigationButtonActive'])) {
-      this.createView();
-      this.syncView();
-      return;
-    }
-    if (this.view && (changes['bytes'] || changes['workspace'] || changes['mode']
-      || changes['sourceFormat'] || changes['fileName'])) {
-      this.syncView();
-    }
-  }
-
-  ngOnDestroy(): void {
-    this.view?.destroy();
-  }
-
-  canExecuteCommand(command: MdzipEditorCommand): boolean {
-    return this.view?.canExecuteCommand(command) ?? false;
-  }
-
-  executeCommand(command: MdzipEditorCommand, file?: File): Promise<boolean> {
-    return this.view?.executeCommand(command, file) ?? Promise.resolve(false);
-  }
-
-  convertToMdz(): Promise<boolean> {
-    return this.view?.convertToMdz() ?? Promise.resolve(false);
-  }
-
-  focus(): void {
-    this.view?.focus();
-  }
-
-  flush(): Promise<MdzipEditorSnapshot | null> {
-    return this.view?.flush() ?? Promise.resolve(null);
-  }
-
-  serialize(): Promise<Blob | null> {
-    return this.view?.serialize() ?? Promise.resolve(null);
-  }
-
-  getCurrentSnapshot(): Promise<MdzipEditorSnapshot | null> {
-    return this.view?.getCurrentSnapshot() ?? Promise.resolve(null);
-  }
-
-  markPersisted(): void {
-    this.view?.markPersisted();
-  }
-
-  addAsset(archivePath: string, fileBytes: Uint8Array): Promise<void> {
-    return this.view?.addAsset(archivePath, fileBytes) ?? Promise.resolve();
-  }
-
-  replaceAsset(archivePath: string, fileBytes: Uint8Array): Promise<boolean> {
-    return this.view?.replaceAsset(archivePath, fileBytes) ?? Promise.resolve(false);
-  }
-
-  removeAsset(archivePath: string, options?: MdzipRemoveAssetOptions): Promise<boolean> {
-    return this.view?.removeAsset(archivePath, options) ?? Promise.resolve(false);
-  }
-
-  listAssets(): MdzWorkspaceAsset[] {
-    return this.view?.listAssets() ?? [];
-  }
-
-  private syncView(): void {
-    if (this.view && this.workspace) {
-      void this.view.openWorkspace(this.workspace, {
-        mode: this.mode,
-        sourceFormat: this.sourceFormat,
-        fileName: this.fileName
-      });
-    } else if (this.view && this.bytes) {
-      void this.view.open(this.bytes, {
-        mode: this.mode,
-        sourceFormat: this.sourceFormat,
-        fileName: this.fileName
-      });
-    }
-  }
-
-  private createView(): void {
-    this.view?.destroy();
-    this.view = new MdzipWorkspaceView(this.hostRef.nativeElement, {
-      controls: this.controls,
-      initialLayout: this.initialLayout,
-      initialColorScheme: this.initialColorScheme,
-      navigationMode: this.navigationMode,
-      navigationButtonActive: this.navigationButtonActive,
-      onChanged: (bytes, snapshot) => this.changed.emit({ bytes, snapshot }),
-      onSaved: (bytes, snapshot) => this.saved.emit({ bytes, snapshot }),
-      onWorkspaceChanged: (event) => this.workspaceChanged.emit(event),
-      onDocumentChanged: (event) => this.documentChanged.emit(event),
-      onAssetChanged: (event) => this.assetChanged.emit(event),
-      onManifestChanged: (event) => this.manifestChanged.emit(event),
-      onSnapshotChanged: (snapshot) => this.snapshotChanged.emit(snapshot),
-      onSelectionChanged: (snapshot: MdzipWorkspaceSnapshot) => this.selectionChanged.emit(snapshot),
-      onDirtyChanged: (snapshot: MdzipWorkspaceSnapshot) => this.dirtyChanged.emit(snapshot),
-      onValidationChanged: (snapshot: MdzipWorkspaceSnapshot) => this.validationChanged.emit(snapshot),
-      onColorSchemeChanged: (colorScheme: MdzipColorScheme) => this.colorSchemeChanged.emit(colorScheme),
-      onFailed: (e: unknown) => this.failed.emit(e),
-    });
-  }
-}

package/tsconfig.lib.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "paths": {
-      "@mdzip/editor": ["../editor/dist/index.d.ts"]
-    },
-    "types": []
-  },
-  "angularCompilerOptions": {
-    "strictTemplates": true,
-    "compilationMode": "partial"
-  },
-  "exclude": ["**/*.spec.ts"],
-  "include": ["src/**/*.ts"]
-}