@fraczled/sdk 1.28.0 → 1.30.0

package/dist/{index.es-CGcMxMmV.js → index.es-nZ_b4arL.js}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-CLdcpB5y.js";
+import { c as Da, _ as Va, g as il } from "./index-BaSHlmfB.js";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/index.d.ts

@@ -312,6 +312,17 @@ export interface EditorUiConfig {
   hiddenPanels?: PanelId[];
 }
 
+export type TemplateCategory = 'social-media' | 'business' | 'marketing' | 'personal' | (string & {});
+
+export interface DesignTemplate {
+  id: string;
+  name: string;
+  category: TemplateCategory;
+  thumbnail: string;
+  tags: string[];
+  designState: any;
+}
+
 export interface EditorConfig {
   apiKey: string;
   projectId: string;
@@ -324,6 +335,14 @@ export interface EditorConfig {
   services?: SDKServicesConfig;
   assets?: SDKAssetsConfig;
   customPanels?: CustomSidebarPanel[];
+  customContextMenuItems?: CustomContextMenuItem[];
+  customToolbarItems?: CustomToolbarItem[];
+  keyboardShortcuts?: KeyboardShortcutConfig;
+  customFonts?: CustomFontsConfig;
+  customTemplates?: CustomTemplatesConfig;
+  customExportFormats?: CustomExportFormat[];
+  customElementTypes?: CustomElementType[];
+  theme?: EditorTheme;
   ui?: EditorUiConfig;
 }
 
@@ -347,6 +366,142 @@ export interface CustomSidebarPanel {
   render: (context: CustomPanelContext) => React.ReactNode;
 }
 
+export interface ContextMenuContext {
+  store: Store;
+  selection: string[];
+  element?: CanvasElement;
+  menuType: 'canvas' | 'object';
+  closeMenu: () => void;
+}
+
+export interface CustomContextMenuItem {
+  id: string;
+  label: string;
+  icon?: React.ComponentType<{ size?: number }>;
+  shortcut?: string;
+  section?: 'top' | 'middle' | 'bottom';
+  showFor?: 'object' | 'canvas' | 'both';
+  onClick: (context: ContextMenuContext) => void;
+}
+
+export interface ToolbarContext {
+  store: Store;
+  selection: string[];
+  element?: CanvasElement;
+}
+
+export interface CustomToolbarItem {
+  id: string;
+  label: string;
+  icon?: React.ComponentType<{ size?: number }>;
+  location: 'topbar' | 'object-toolbar' | 'both';
+  showFor?: Array<CanvasElement['type']>;
+  onClick?: (context: ToolbarContext) => void;
+  render?: (context: ToolbarContext) => React.ReactNode;
+}
+
+export type ShortcutAction =
+  | 'undo' | 'redo' | 'copy' | 'paste' | 'duplicate' | 'delete'
+  | 'selectAll' | 'deselect' | 'group' | 'ungroup'
+  | 'bringForward' | 'sendBackward' | 'bringToFront' | 'sendToBack'
+  | 'zoomIn' | 'zoomOut' | 'fitToScreen'
+  | 'toolSelect' | 'toolText' | 'toolPen' | 'toolHand' | 'toolZoom';
+
+export interface ShortcutContext {
+  store: Store;
+  selection: string[];
+}
+
+export interface CustomShortcut {
+  id: string;
+  keys: string;
+  action: (context: ShortcutContext) => void;
+}
+
+export interface KeyboardShortcutConfig {
+  overrides?: Record<ShortcutAction, string | false>;
+  custom?: CustomShortcut[];
+  disableDefaults?: boolean;
+}
+
+export interface FontDefinition {
+  family: string;
+  category: 'sans-serif' | 'serif' | 'display' | 'handwriting' | 'monospace';
+  url?: string;
+  weights?: number[];
+}
+
+export interface CustomFontsConfig {
+  fonts?: FontDefinition[];
+  additionalFonts?: FontDefinition[];
+  fontLoader?: (family: string) => Promise<void>;
+  hideDefaultFonts?: boolean;
+}
+
+export interface CustomTemplatesConfig {
+  templates?: DesignTemplate[];
+  fetchTemplates?: () => Promise<DesignTemplate[]>;
+  hideDefaultTemplates?: boolean;
+  categories?: TemplateCategory[];
+}
+
+export interface ExportCaptureOptions {
+  width?: number;
+  height?: number;
+  bleed?: number;
+  backgroundColor?: string;
+  pixelRatio?: number;
+  kind?: 'web' | 'print';
+  dpi?: number;
+}
+
+export interface ExportContext {
+  store: Store;
+  pages: Page[];
+  settings: DocumentSettings;
+  captureCanvas: (pageId: string, options?: ExportCaptureOptions) => Promise<string>;
+}
+
+export interface CustomExportFormat {
+  id: string;
+  label: string;
+  description?: string;
+  icon?: React.ComponentType<{ size?: number }>;
+  section?: 'web' | 'print' | 'other';
+  handler: (context: ExportContext) => Promise<void>;
+}
+
+export interface ElementRenderContext {
+  zoom: number;
+  isSelected: boolean;
+  isEditing: boolean;
+  settings: DocumentSettings;
+}
+
+export interface CustomElementType {
+  type: string;
+  label: string;
+  icon?: React.ComponentType<{ size?: number }>;
+  defaultProps: Partial<CanvasElement>;
+  render: (element: CanvasElement, context: ElementRenderContext) => React.ReactNode;
+  toolbarItems?: CustomToolbarItem[];
+  propertyPanel?: (context: CustomPanelContext) => React.ReactNode;
+}
+
+export interface EditorTheme {
+  primary?: string;
+  primaryHover?: string;
+  background?: string;
+  surface?: string;
+  border?: string;
+  text?: string;
+  textMuted?: string;
+  topBar?: { background?: string; borderColor?: string };
+  sidebar?: { background?: string; width?: number };
+  panels?: { background?: string; borderRadius?: number };
+  darkMode?: boolean;
+}
+
 export type EventType = 'change' | 'save' | 'select' | 'export';
 
 export interface Store {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fraczled/sdk",
-  "version": "1.28.0",
+  "version": "1.30.0",
   "description": "Fraczled Design Studio SDK - Embed a powerful design editor in your application",
   "scripts": {
     "build": "vite build --config ../vite.sdk.config.ts && vite build --config ../vite.sdk.umd.config.ts",