kritzel-react 0.3.15 → 0.3.16

package/dist/components/stencil-generated/components.js

@@ -7,6 +7,7 @@ import { KritzelButton as KritzelButtonElement, defineCustomElement as defineKri
 import { KritzelCurrentUserDialog as KritzelCurrentUserDialogElement, defineCustomElement as defineKritzelCurrentUserDialog } from "../../../../kritzel-stencil/dist/components/kritzel-current-user-dialog.js";
 import { KritzelDialog as KritzelDialogElement, defineCustomElement as defineKritzelDialog } from "../../../../kritzel-stencil/dist/components/kritzel-dialog.js";
 import { KritzelEditor as KritzelEditorElement, defineCustomElement as defineKritzelEditor } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
+import { KritzelEngine as KritzelEngineElement, defineCustomElement as defineKritzelEngine } from "../../../../kritzel-stencil/dist/components/kritzel-engine.js";
 import { KritzelExport as KritzelExportElement, defineCustomElement as defineKritzelExport } from "../../../../kritzel-stencil/dist/components/kritzel-export.js";
 import { KritzelInput as KritzelInputElement, defineCustomElement as defineKritzelInput } from "../../../../kritzel-stencil/dist/components/kritzel-input.js";
 import { KritzelLineEndings as KritzelLineEndingsElement, defineCustomElement as defineKritzelLineEndings } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
@@ -81,6 +82,29 @@ export const KritzelEditor = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineKritzelEditor
 });
+export const KritzelEngine = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-engine',
+    elementClass: KritzelEngineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onIsEngineReady: 'isEngineReady',
+        onActiveToolChange: 'activeToolChange',
+        onObjectsSelectionChange: 'objectsSelectionChange',
+        onWorkspacesChange: 'workspacesChange',
+        onActiveWorkspaceChange: 'activeWorkspaceChange',
+        onLongpress: 'longpress',
+        onObjectsChange: 'objectsChange',
+        onObjectsAdded: 'objectsAdded',
+        onObjectsRemoved: 'objectsRemoved',
+        onObjectsUpdated: 'objectsUpdated',
+        onUndoStateChange: 'undoStateChange',
+        onObjectsInViewportChange: 'objectsInViewportChange',
+        onViewportChange: 'viewportChange',
+        onAwarenessChange: 'awarenessChange'
+    },
+    defineCustomElement: defineKritzelEngine
+});
 export const KritzelExport = /*@__PURE__*/ createComponent({
     tagName: 'kritzel-export',
     elementClass: KritzelExportElement,

package/dist/types/components/stencil-generated/components.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type ActiveWorkspaceChangeEvent, type EditorIsReadyEvent, type IKritzelDialogCloseEvent, type IKritzelIsPublicChangedEvent, type IKritzelMasterDetailSelectEvent, type KritzelBackToContentCustomEvent, type KritzelBaseObject, type KritzelButtonCustomEvent, type KritzelDialogCustomEvent, type KritzelEditorCustomEvent, type KritzelExportCustomEvent, type KritzelInputCustomEvent, type KritzelLineEndingsCustomEvent, type KritzelLoginDialogCustomEvent, type KritzelMasterDetailCustomEvent, type KritzelNumericInputCustomEvent, type KritzelOpacitySliderCustomEvent, type KritzelPillTabsCustomEvent, type KritzelSettingsConfig, type KritzelSettingsCustomEvent, type KritzelUndoState, type KritzelViewportState, type LineArrowConfig, type LoginEvent, type ObjectsAddedEvent, type ObjectsRemovedEvent, type ObjectsUpdatedEvent, type ThemeName } from "../../../../kritzel-stencil";
+import { type ActiveWorkspaceChangeEvent, type EditorIsReadyEvent, type IKritzelDialogCloseEvent, type IKritzelIsPublicChangedEvent, type IKritzelMasterDetailSelectEvent, type KritzelBackToContentCustomEvent, type KritzelBaseObject, type KritzelBaseTool, type KritzelButtonCustomEvent, type KritzelDialogCustomEvent, type KritzelEditorCustomEvent, type KritzelEngineCustomEvent, type KritzelEngineState, type KritzelExportCustomEvent, type KritzelInputCustomEvent, type KritzelLineEndingsCustomEvent, type KritzelLoginDialogCustomEvent, type KritzelMasterDetailCustomEvent, type KritzelNumericInputCustomEvent, type KritzelOpacitySliderCustomEvent, type KritzelPillTabsCustomEvent, type KritzelSettingsConfig, type KritzelSettingsCustomEvent, type KritzelUndoState, type KritzelViewportState, type KritzelWorkspace, type LineArrowConfig, type LoginEvent, type ObjectsAddedEvent, type ObjectsInViewportChangeEvent, type ObjectsRemovedEvent, type ObjectsUpdatedEvent, type ThemeName } from "../../../../kritzel-stencil";
 import type { Components } from "../../../../kritzel-stencil/dist/components";
 import { KritzelAwarenessCursors as KritzelAwarenessCursorsElement } from "../../../../kritzel-stencil/dist/components/kritzel-awareness-cursors.js";
 import { KritzelBackToContent as KritzelBackToContentElement } from "../../../../kritzel-stencil/dist/components/kritzel-back-to-content.js";
@@ -11,6 +11,7 @@ import { KritzelButton as KritzelButtonElement } from "../../../../kritzel-stenc
 import { KritzelCurrentUserDialog as KritzelCurrentUserDialogElement } from "../../../../kritzel-stencil/dist/components/kritzel-current-user-dialog.js";
 import { KritzelDialog as KritzelDialogElement } from "../../../../kritzel-stencil/dist/components/kritzel-dialog.js";
 import { KritzelEditor as KritzelEditorElement } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
+import { KritzelEngine as KritzelEngineElement } from "../../../../kritzel-stencil/dist/components/kritzel-engine.js";
 import { KritzelExport as KritzelExportElement } from "../../../../kritzel-stencil/dist/components/kritzel-export.js";
 import { KritzelInput as KritzelInputElement } from "../../../../kritzel-stencil/dist/components/kritzel-input.js";
 import { KritzelLineEndings as KritzelLineEndingsElement } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
@@ -53,6 +54,23 @@ export type KritzelEditorEvents = {
     onAwarenessChange: EventName<KritzelEditorCustomEvent<Map<number, Record<string, any>>>>;
 };
 export declare const KritzelEditor: StencilReactComponent<KritzelEditorElement, KritzelEditorEvents, Components.KritzelEditor>;
+export type KritzelEngineEvents = {
+    onIsEngineReady: EventName<KritzelEngineCustomEvent<KritzelEngineState>>;
+    onActiveToolChange: EventName<KritzelEngineCustomEvent<KritzelBaseTool>>;
+    onObjectsSelectionChange: EventName<KritzelEngineCustomEvent<void>>;
+    onWorkspacesChange: EventName<KritzelEngineCustomEvent<KritzelWorkspace[]>>;
+    onActiveWorkspaceChange: EventName<KritzelEngineCustomEvent<KritzelWorkspace>>;
+    onLongpress: EventName<KritzelEngineCustomEvent<PointerEvent>>;
+    onObjectsChange: EventName<KritzelEngineCustomEvent<KritzelBaseObject[]>>;
+    onObjectsAdded: EventName<KritzelEngineCustomEvent<ObjectsAddedEvent>>;
+    onObjectsRemoved: EventName<KritzelEngineCustomEvent<ObjectsRemovedEvent>>;
+    onObjectsUpdated: EventName<KritzelEngineCustomEvent<ObjectsUpdatedEvent>>;
+    onUndoStateChange: EventName<KritzelEngineCustomEvent<KritzelUndoState>>;
+    onObjectsInViewportChange: EventName<KritzelEngineCustomEvent<ObjectsInViewportChangeEvent>>;
+    onViewportChange: EventName<KritzelEngineCustomEvent<KritzelViewportState>>;
+    onAwarenessChange: EventName<KritzelEngineCustomEvent<Map<number, Record<string, any>>>>;
+};
+export declare const KritzelEngine: StencilReactComponent<KritzelEngineElement, KritzelEngineEvents, Components.KritzelEngine>;
 export type KritzelExportEvents = {
     onExportPng: EventName<KritzelExportCustomEvent<void>>;
     onExportSvg: EventName<KritzelExportCustomEvent<void>>;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export * from './components/stencil-generated/components';
 export { KritzelBaseObject, KritzelText, KritzelPath, KritzelImage, KritzelLine, KritzelShape, KritzelGroup, KritzelBrushTool, KritzelTextTool, KritzelLineTool, KritzelShapeTool, KritzelEraserTool, KritzelSelectionTool, KritzelImageTool, KritzelWorkspace, InMemorySyncProvider, IndexedDBSyncProvider, BroadcastSyncProvider, WebSocketSyncProvider, HocuspocusSyncProvider, KritzelThemeManager, ShapeType, KritzelAlignment, lightTheme, darkTheme, DEFAULT_BRUSH_CONFIG, DEFAULT_TEXT_CONFIG, } from 'kritzel-stencil';
-export type { KritzelToolbarControl, KritzelBrushToolConfig, KritzelLineToolConfig, KritzelShapeToolConfig, KritzelTextToolConfig, KritzelSyncConfig, KritzelTheme, KritzelViewportState, ContextMenuItem, ThemeAwareColor, ThemeName, LoginEvent, EditorIsReadyEvent, ActiveWorkspaceChangeEvent, ObjectsAddedEvent, ObjectsRemovedEvent, ObjectsUpdatedEvent, } from 'kritzel-stencil';
+export type { HTMLKritzelEditorElement, HTMLKritzelEngineElement, KritzelToolbarControl, KritzelBrushToolConfig, KritzelLineToolConfig, KritzelShapeToolConfig, KritzelTextToolConfig, KritzelSyncConfig, KritzelTheme, KritzelViewportState, ContextMenuItem, ThemeAwareColor, ThemeName, LoginEvent, EditorIsReadyEvent, ActiveWorkspaceChangeEvent, ObjectsAddedEvent, ObjectsRemovedEvent, ObjectsUpdatedEvent, ObjectsInViewportChangeEvent, } from 'kritzel-stencil';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kritzel-react",
-  "version": "0.3.15",
+  "version": "0.3.16",
   "homepage": "https://github.com/kasual1/kritzel#readme",
   "license": "ISC",
   "main": "dist/index.js",
@@ -20,7 +20,7 @@
     "@stencil/react-output-target": "^1.2.0"
   },
   "peerDependencies": {
-    "kritzel-stencil": "^0.3.15"
+    "kritzel-stencil": "^0.3.16"
   },
   "repository": {
     "type": "git",