@pixerate/editor-svelte 0.15.3 → 0.16.0

package/dist/image-editor/imageEditorState.svelte.js

@@ -0,0 +1,132 @@
+import { ImageEditorController, } from '@pixerate/editor';
+export function createReactiveImageEditor(options = {}) {
+    const controller = new ImageEditorController(options);
+    let state = $state(controller.getState());
+    let historyTicks = $state(0);
+    controller.subscribe((updated) => {
+        state = { ...updated };
+        historyTicks++;
+    });
+    return {
+        get controller() {
+            return controller;
+        },
+        get state() {
+            return state;
+        },
+        get canUndo() {
+            // depend on historyTicks for reactivity
+            void historyTicks;
+            return controller.canUndo;
+        },
+        get canRedo() {
+            void historyTicks;
+            return controller.canRedo;
+        },
+        setTool(tool) {
+            controller.setTool(tool);
+        },
+        setCrop(crop, addToHistory = true) {
+            controller.setCrop(crop, addToHistory);
+        },
+        applyCropPreset(ratio) {
+            controller.applyCropPreset(ratio);
+        },
+        resetCrop() {
+            controller.resetCrop();
+        },
+        rotate(degrees) {
+            controller.rotate(degrees);
+        },
+        setRotation(degrees) {
+            controller.setRotation(degrees);
+        },
+        flipHorizontal() {
+            controller.flipHorizontal();
+        },
+        flipVertical() {
+            controller.flipVertical();
+        },
+        setAdjustments(partial, commitToHistory = true) {
+            controller.setAdjustments(partial, commitToHistory);
+        },
+        resetAdjustments() {
+            controller.resetAdjustments();
+        },
+        setDepthMask(partial) {
+            controller.setDepthMask(partial);
+        },
+        resetDepthMask() {
+            controller.resetDepthMask();
+        },
+        addAnnotation(ann) {
+            return controller.addAnnotation(ann);
+        },
+        updateAnnotation(id, partial, commitToHistory = true) {
+            controller.updateAnnotation(id, partial, commitToHistory);
+        },
+        removeAnnotation(id) {
+            controller.removeAnnotation(id);
+        },
+        clearAnnotations() {
+            controller.clearAnnotations();
+        },
+        selectAnnotation(id) {
+            controller.selectAnnotation(id);
+        },
+        undo() {
+            return controller.undo();
+        },
+        redo() {
+            return controller.redo();
+        },
+        reset() {
+            controller.reset();
+        },
+        zoomIn(factor) {
+            controller.zoomIn(factor);
+        },
+        zoomOut(factor) {
+            controller.zoomOut(factor);
+        },
+        resetZoom() {
+            controller.resetZoom();
+        },
+        setZoom(zoom) {
+            controller.setZoom(zoom);
+        },
+        setPan(pan) {
+            controller.setPan(pan);
+        },
+        setComparing(comparing) {
+            controller.setComparing(comparing);
+        },
+        loadImage(src) {
+            return controller.loadImage(src);
+        },
+        toDataURL(opts) {
+            return controller.toDataURL(opts);
+        },
+        toBlob(opts) {
+            return controller.toBlob(opts);
+        },
+        toJSON() {
+            return controller.toJSON();
+        },
+        loadJSON(data) {
+            controller.loadJSON(data);
+        },
+        renderMask(opts) {
+            return controller.renderMask(opts);
+        },
+        toMaskDataURL(opts) {
+            return controller.toMaskDataURL(opts);
+        },
+        applyInpaintedImage(newDataUrl) {
+            return controller.applyInpaintedImage(newDataUrl);
+        },
+        applyBackgroundRemovedImage(newDataUrl) {
+            return controller.applyBackgroundRemovedImage(newDataUrl);
+        },
+    };
+}

package/dist/image-editor/index.d.ts

@@ -1,16 +1,6 @@
-import type { Component } from 'svelte';
-import type { ExportOptions, ImageEditorOptions } from '@pixerate/editor';
-import type { ReactiveImageEditor } from './imageEditorState.svelte';
-
-export interface ImageEditorProps {
-  editor?: ReactiveImageEditor;
-  src?: string;
-  class?: string;
-  style?: string;
-  onSave?: (dataUrl: string) => void;
-  exportOptions?: ExportOptions;
-}
-
-export declare const ImageEditor: Component<ImageEditorProps>;
-export declare function createReactiveImageEditor(options?: ImageEditorOptions): ReactiveImageEditor;
-export type { ReactiveImageEditor } from './imageEditorState.svelte';
+import type { ComponentProps } from "svelte";
+import type ImageEditorComponent from "./ImageEditor.svelte";
+export { default as ImageEditor } from './ImageEditor.svelte';
+export * from './imageEditorState.svelte.js';
+export type ImageEditorProps = ComponentProps<typeof ImageEditorComponent>;
+//# sourceMappingURL=index.d.ts.map

package/dist/image-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,cAAc,8BAA8B,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/image-editor/index.js

@@ -1,9 +1,2 @@
-import {
-  ImageEditor,
-  createReactiveImageEditor
-} from "../chunk-HEOI4UNF.js";
-export {
-  ImageEditor,
-  createReactiveImageEditor
-};
-//# sourceMappingURL=index.js.map
+export { default as ImageEditor } from './ImageEditor.svelte';
+export * from './imageEditorState.svelte.js';

package/dist/index.d.ts

@@ -1,249 +1,20 @@
-import type { Component } from "svelte";
-import type {
-  Editor,
-  Content,
-  Extensions,
-  EditorOptions,
-  FocusPosition,
-} from "@tiptap/core";
-import type {
-  Template,
-  TemplateVersion,
-  Token,
-  TokenType,
-  ColorGradient,
-  RichTextPresetOptions,
-  MarkdownOptions,
-} from "@pixerate/editor";
-
-export interface SvelteInitiateEditorOptions extends Partial<EditorOptions> {
-  richTextOptions?: RichTextPresetOptions;
-}
-
-export declare const initiateEditor: (
-  element?: HTMLElement,
-  content?: Content,
-  extensions?: Extensions,
-  options?: SvelteInitiateEditorOptions,
-) => Editor;
-
-export interface ReactiveEditorState {
-  editor: Editor | undefined;
-  content: string;
-  isEditable: boolean;
-}
-
-export declare function createReactiveEditor(
-  initialContent?: string,
-  extensions?: Extensions,
-  options?: Partial<EditorOptions>,
-): {
-  readonly current: Editor | undefined;
-  mount(element: HTMLElement): Editor;
-  destroy(): void;
-};
-
-export interface EditableTextNodeEditorProps {
-  class?: string;
-  editorClass?: string;
-  content?: Content;
-  showMenu?: boolean;
-  editable?: boolean;
-  editor?: Editor;
-  extensions?: Extensions;
-  onUpdate?: () => void;
-  onFocus?: () => void;
-  onBlur?: () => void;
-  onCreate?: () => void;
-  placeholder?: string;
-  markdown?: boolean | MarkdownOptions;
-  richTextOptions?: RichTextPresetOptions;
-  autofocus?: FocusPosition | boolean;
-  image?: ImageOptions | boolean;
-  uploadImage?: (file: File) => Promise<string> | string;
-  onUploadError?: (error: Error, file: File) => void;
-}
-
-export interface BubbleMenuProps {
-  editor?: Editor;
-  class?: string;
-  children?: any;
-}
-
-export interface TemplateRendererProps {
-  content: string;
-  templates?: Template[];
-  templateColorMap?: Map<string, ColorGradient>;
-  resolve?: boolean;
-  class?: string;
-  onTemplateClick?: (templateName: string) => void;
-  onVariableClick?: (variableName: string) => void;
-}
-
-export declare const EditableTextNodeEditor: Component<EditableTextNodeEditorProps>;
-export declare const BubbleMenu: Component<BubbleMenuProps>;
-export declare const TemplateRenderer: Component<TemplateRendererProps>;
-
-export type {
-  Template,
-  TemplateVersion,
-  Token,
-  TokenType,
-  ColorGradient,
-  RichTextPresetOptions,
-};
-
-import type {
-  SpreadsheetController,
-  SpreadsheetControllerOptions,
-  SpreadsheetDocument,
-  SpreadsheetColumn,
-  SpreadsheetRow,
-  CellCoordinate,
-  CellRange,
-  CellData,
-  SpreadsheetDataSource,
-} from "@pixerate/editor";
-
-export interface SpreadsheetEditorProps {
-  sheetState: ReturnType<typeof createReactiveSpreadsheet>;
-  readonly?: boolean;
-  readOnly?: boolean;
-  showFormulaBar?: boolean;
-  class?: string;
-  customCellRenderer?:
-    | ((cell: CellData, col: SpreadsheetColumn, row: SpreadsheetRow) => any)
-    | ((args: {
-        cell: CellData;
-        col: SpreadsheetColumn;
-        row: SpreadsheetRow;
-      }) => any)
-    | ((args: {
-        row: SpreadsheetRow;
-        col: SpreadsheetColumn;
-        cell: CellData;
-      }) => any);
-  onAddColumnClick?: () => void;
-  onColumnHeaderClick?: (col: SpreadsheetColumn) => void;
-  onColumnResize?: (colId: string, width: number) => void;
-}
-
-export interface FormulaBarProps {
-  sheetState: ReturnType<typeof createReactiveSpreadsheet>;
-  class?: string;
-}
-
-export declare const SpreadsheetEditor: Component<SpreadsheetEditorProps>;
-export declare const FormulaBar: Component<FormulaBarProps>;
-
-export declare function createReactiveSpreadsheet(
-  options?: SpreadsheetControllerOptions,
-): {
-  readonly document: SpreadsheetDocument;
-  readonly activeCell: CellCoordinate | null;
-  readonly selectedRange: CellRange | null;
-  readonly editingCell: CellCoordinate | null;
-  draftValue: string;
-  controller: SpreadsheetController;
-  getCell(rowId: string, colId: string): CellData;
-  setCellValue(rowId: string, colId: string, raw: string): void;
-  selectCell(row: number, col: number, extendSelection?: boolean): void;
-  selectRange(range: CellRange): void;
-  startEditing(row?: number, col?: number, initialVal?: string): void;
-  commitEditing(val?: string): void;
-  cancelEditing(): void;
-  moveCursor(dir: "up" | "down" | "left" | "right", extend?: boolean): void;
-  insertColumn(index: number, config?: Partial<SpreadsheetColumn>): void;
-  deleteColumn(colId: string): void;
-  insertRow(index: number, config?: Partial<SpreadsheetRow>): void;
-  deleteRow(rowId: string): void;
-  setColumnWidth(colId: string, width: number): void;
-  loadDocument(document: SpreadsheetDocument): void;
-  syncWithDataSource(): void;
-  registerDataSource(ds: SpreadsheetDataSource): void;
-  setPrimaryDataSource(id: string | undefined): void;
-  recalculateAll(): void;
-  exportToTsv(): string;
-  importFromTsv(data: string): void;
-  undo(): void;
-  redo(): void;
-};
-
-export interface NavigationGuardOptions {
-  isDirty: boolean;
-  enabled?: boolean;
-  onBlocked?: (url: string) => void;
-}
-
-export interface NavigationGuardActionReturn {
-  update(newOptions: NavigationGuardOptions): void;
-  destroy(): void;
-}
-
-export declare function navigationGuard(
-  node: HTMLElement,
-  options: NavigationGuardOptions,
-): NavigationGuardActionReturn;
-
-export interface CreateNavigationGuardOptions {
-  isDirty: boolean | (() => boolean);
-  enabled?: boolean | (() => boolean);
-  onNavigate?: (url: string) => void;
-  onBlocked?: (url: string) => void;
-}
-
-export interface NavigationGuardManager {
-  readonly showConfirm: boolean;
-  setShowConfirm(show: boolean): void;
-  readonly pendingUrl: string | null;
-  intercept(url: string): boolean;
-  confirmLeave(): void;
-  cancelLeave(): void;
-  destroy(): void;
-}
-
-export declare function createNavigationGuard(
-  options: CreateNavigationGuardOptions,
-): NavigationGuardManager;
-
-export interface SvelteHistory extends HistoryState {
-  readonly manager: HistoryManager;
-  undo(): boolean;
-  redo(): boolean;
-  clear(): void;
-  execute(command: Command): void;
-  executeMerged(command: Command, options?: { windowMs?: number }): void;
-  batch(name: string, fn: () => void): void;
-  subscribe(run: (value: HistoryState) => void): () => void;
-}
-
-export declare function createHistory(
-  managerOrOptions?: HistoryManager | HistoryManagerOptions,
-): SvelteHistory;
-
-export interface HistoryShortcutsOptions {
-  enabled?: boolean;
-  target?: Window | HTMLElement | null;
-  ignoreEditableElements?: boolean;
-}
-
-export declare function createHistoryShortcuts(
-  manager: HistoryManager,
-  options?: HistoryShortcutsOptions,
-): { destroy: () => void };
-
-export {
-  DirtyTracker,
-  createDirtyTracker,
-  defaultIsEqual,
-  HistoryManager,
-  createHistoryManager,
-} from "@pixerate/editor";
-export type {
-  DirtyTrackerOptions,
-  Command,
-  HistoryState,
-  HistoryManagerOptions,
-} from "@pixerate/editor";
-
-export * from "./image-editor";
+import type { ComponentProps } from "svelte";
+import type EditableTextNodeEditorComponent from "./EditableTextNodeEditor.svelte";
+import type BubbleMenuComponent from "./BubbleMenu.svelte";
+import type TemplateRendererComponent from "./TemplateRenderer.svelte";
+export * from "./editor.svelte.js";
+export * from "./navigationGuard.js";
+export * from "./createNavigationGuard.svelte.js";
+export * from "./history/index.js";
+export { DirtyTracker, createDirtyTracker, defaultIsEqual, HistoryManager, createHistoryManager, } from "@pixerate/editor";
+export type { DirtyTrackerOptions, Command, HistoryState, HistoryManagerOptions, } from "@pixerate/editor";
+export type EditableTextNodeEditorProps = ComponentProps<typeof EditableTextNodeEditorComponent>;
+export type BubbleMenuProps = ComponentProps<typeof BubbleMenuComponent>;
+export type TemplateRendererProps = ComponentProps<typeof TemplateRendererComponent>;
+export { default as EditableTextNodeEditor } from "./EditableTextNodeEditor.svelte";
+export { default as BubbleMenu } from "./BubbleMenu.svelte";
+export { default as TemplateRenderer } from "./TemplateRenderer.svelte";
+export type { Template, TemplateVersion, Token, TokenType, ColorGradient, RichTextPresetOptions, ImageOptions, } from "@pixerate/editor";
+export * from "./spreadsheet/index.js";
+export * from "./image-editor/index.js";
+//# 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,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,+BAA+B,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,mBAAmB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,yBAAyB,MAAM,2BAA2B,CAAC;AAEvE,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,+BAA+B,CACvC,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACzE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAChD,OAAO,yBAAyB,CACjC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAExE,YAAY,EACV,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAE1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC"}