@kubuild/editor 0.0.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/blocks-panel.d.ts +20 -0
- package/dist/blocks-panel.d.ts.map +1 -0
- package/dist/breadcrumbs.d.ts +16 -0
- package/dist/breadcrumbs.d.ts.map +1 -0
- package/dist/canvas.d.ts +2 -0
- package/dist/canvas.d.ts.map +1 -1
- package/dist/code-highlighter.d.ts +20 -0
- package/dist/code-highlighter.d.ts.map +1 -0
- package/dist/code-viewer-modal.d.ts +11 -0
- package/dist/code-viewer-modal.d.ts.map +1 -0
- package/dist/component-panel.d.ts.map +1 -1
- package/dist/config.d.ts +97 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/editor.d.ts +2 -0
- package/dist/editor.d.ts.map +1 -1
- package/dist/floating-badges.d.ts +26 -0
- package/dist/floating-badges.d.ts.map +1 -0
- package/dist/icons.d.ts.map +1 -1
- package/dist/index.cjs +3560 -1438
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3431 -1302
- package/dist/index.js.map +1 -1
- package/dist/inspector-panel.d.ts +2 -0
- package/dist/inspector-panel.d.ts.map +1 -1
- package/dist/layers-panel.d.ts.map +1 -1
- package/dist/left-sidebar.d.ts +16 -0
- package/dist/left-sidebar.d.ts.map +1 -0
- package/dist/motion-sector-controls.d.ts +36 -0
- package/dist/motion-sector-controls.d.ts.map +1 -0
- package/dist/store.d.ts +22 -3
- package/dist/store.d.ts.map +1 -1
- package/dist/style-manager-accordion.d.ts +8 -1
- package/dist/style-manager-accordion.d.ts.map +1 -1
- package/dist/table-spreadsheet-editor.d.ts.map +1 -1
- package/dist/toolbar.d.ts +2 -0
- package/dist/toolbar.d.ts.map +1 -1
- package/dist/traits-panel.d.ts.map +1 -1
- package/dist/typography-sector-controls.d.ts.map +1 -1
- package/package.json +14 -15
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ComponentRegistry } from '@kubuild/components';
|
|
3
3
|
import { PageDocument } from '@kubuild/schema';
|
|
4
|
+
import { EditorInspectorConfig } from './config';
|
|
4
5
|
export interface InspectorPanelProps {
|
|
5
6
|
registry: ComponentRegistry;
|
|
6
7
|
className?: string;
|
|
7
8
|
document?: PageDocument;
|
|
8
9
|
selectedNodeId?: string | null;
|
|
10
|
+
config?: EditorInspectorConfig;
|
|
9
11
|
}
|
|
10
12
|
/**
|
|
11
13
|
* Amber warning badge shown above the style manager while editing a
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inspector-panel.d.ts","sourceRoot":"","sources":["../src/inspector-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAA6C,MAAM,qBAAqB,CAAC;AAEnG,OAAO,EAAqB,YAAY,
|
|
1
|
+
{"version":3,"file":"inspector-panel.d.ts","sourceRoot":"","sources":["../src/inspector-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAA6C,MAAM,qBAAqB,CAAC;AAEnG,OAAO,EAAqB,YAAY,EAAmB,MAAM,iBAAiB,CAAC;AAanF,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAqeD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAolBxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layers-panel.d.ts","sourceRoot":"","sources":["../src/layers-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"layers-panel.d.ts","sourceRoot":"","sources":["../src/layers-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0SlD,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentRegistry } from '@kubuild/components';
|
|
3
|
+
import { EditorSidebarConfig, LeftSidebarTab } from './config';
|
|
4
|
+
export type { LeftSidebarTab };
|
|
5
|
+
export interface LeftSidebarProps {
|
|
6
|
+
registry: ComponentRegistry;
|
|
7
|
+
defaultTab?: LeftSidebarTab;
|
|
8
|
+
availableTabs?: LeftSidebarTab[];
|
|
9
|
+
config?: EditorSidebarConfig;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Left Sidebar with tabs: Components, Blocks, and Layers — STORA-240.
|
|
14
|
+
*/
|
|
15
|
+
export declare const LeftSidebar: React.FC<LeftSidebarProps>;
|
|
16
|
+
//# sourceMappingURL=left-sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"left-sidebar.d.ts","sourceRoot":"","sources":["../src/left-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/D,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkHlD,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnimationConfig } from '@kubuild/schema';
|
|
3
|
+
export interface MotionSectorControlsProps {
|
|
4
|
+
animation?: Partial<AnimationConfig>;
|
|
5
|
+
onChange: (animation: Partial<AnimationConfig>) => void;
|
|
6
|
+
onReplay?: () => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const ANIMATION_TYPES: ({
|
|
10
|
+
value: string;
|
|
11
|
+
label: string;
|
|
12
|
+
group?: undefined;
|
|
13
|
+
items?: undefined;
|
|
14
|
+
} | {
|
|
15
|
+
group: string;
|
|
16
|
+
items: {
|
|
17
|
+
value: string;
|
|
18
|
+
label: string;
|
|
19
|
+
}[];
|
|
20
|
+
value?: undefined;
|
|
21
|
+
label?: undefined;
|
|
22
|
+
})[];
|
|
23
|
+
export declare const EASING_OPTIONS: {
|
|
24
|
+
value: string;
|
|
25
|
+
label: string;
|
|
26
|
+
}[];
|
|
27
|
+
export declare const HOVER_EFFECTS: {
|
|
28
|
+
value: string;
|
|
29
|
+
label: string;
|
|
30
|
+
}[];
|
|
31
|
+
export declare const LOOP_EFFECTS: {
|
|
32
|
+
value: string;
|
|
33
|
+
label: string;
|
|
34
|
+
}[];
|
|
35
|
+
export declare const MotionSectorControls: React.FC<MotionSectorControlsProps>;
|
|
36
|
+
//# sourceMappingURL=motion-sector-controls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion-sector-controls.d.ts","sourceRoot":"","sources":["../src/motion-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAA4B,MAAM,iBAAiB,CAAC;AAG5E,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;IAoC3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;GAM1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;GAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;GAOxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2SpE,CAAC"}
|
package/dist/store.d.ts
CHANGED
|
@@ -1,9 +1,19 @@
|
|
|
1
|
-
import { PageDocument, Node, StyleDefinition, TemplateRecord } from '@kubuild/schema';
|
|
1
|
+
import { PageDocument, Node, StyleDefinition, TemplateRecord, AnimationConfig } from '@kubuild/schema';
|
|
2
2
|
import { CommandResult, VariableCatalog, SaveTemplateMetadata, CloneTemplateOptions } from '@kubuild/core';
|
|
3
|
-
import { ComponentRegistry } from '@kubuild/components';
|
|
3
|
+
import { ComponentRegistry, BlockDefinition } from '@kubuild/components';
|
|
4
4
|
export type Viewport = 'desktop' | 'tablet' | 'mobile';
|
|
5
5
|
export type NavigatorMode = 'docked' | 'floating' | 'hidden';
|
|
6
6
|
export type TableSpreadsheetMode = 'floating' | 'docked' | 'hidden';
|
|
7
|
+
export type DragPayload = {
|
|
8
|
+
type: 'component';
|
|
9
|
+
componentType: string;
|
|
10
|
+
} | {
|
|
11
|
+
type: 'block';
|
|
12
|
+
blockId: string;
|
|
13
|
+
} | {
|
|
14
|
+
type: 'node';
|
|
15
|
+
nodeId: string;
|
|
16
|
+
};
|
|
7
17
|
export interface InsertComponentResult {
|
|
8
18
|
success: boolean;
|
|
9
19
|
nodeId?: string;
|
|
@@ -35,10 +45,15 @@ export interface UpdateStyleResult {
|
|
|
35
45
|
success: boolean;
|
|
36
46
|
error?: string;
|
|
37
47
|
}
|
|
48
|
+
export interface UpdateAnimationResult {
|
|
49
|
+
success: boolean;
|
|
50
|
+
error?: string;
|
|
51
|
+
}
|
|
38
52
|
export interface EditorState {
|
|
39
53
|
document: PageDocument;
|
|
40
54
|
selectedNodeId: string | null;
|
|
41
55
|
hoveredNodeId: string | null;
|
|
56
|
+
dragPayload: DragPayload | null;
|
|
42
57
|
viewport: Viewport;
|
|
43
58
|
isDirty: boolean;
|
|
44
59
|
canUndo: boolean;
|
|
@@ -50,6 +65,7 @@ export interface EditorState {
|
|
|
50
65
|
navigatorMode: NavigatorMode;
|
|
51
66
|
tableSpreadsheetMode: TableSpreadsheetMode;
|
|
52
67
|
setDocument: (document: PageDocument) => void;
|
|
68
|
+
setDragPayload: (payload: DragPayload | null) => void;
|
|
53
69
|
setVariableCatalog: (catalog: VariableCatalog) => void;
|
|
54
70
|
setNavigatorMode: (mode: NavigatorMode) => void;
|
|
55
71
|
toggleNavigator: () => void;
|
|
@@ -57,7 +73,8 @@ export interface EditorState {
|
|
|
57
73
|
toggleTableSpreadsheet: () => void;
|
|
58
74
|
setOnChangeHandler: (handler: ((doc: PageDocument) => void) | null) => void;
|
|
59
75
|
dispatch: (executor: (doc: PageDocument) => CommandResult) => void;
|
|
60
|
-
insertComponent: (type: string, registry: ComponentRegistry, parentId?: string) => InsertComponentResult;
|
|
76
|
+
insertComponent: (type: string, registry: ComponentRegistry, parentId?: string, index?: number) => InsertComponentResult;
|
|
77
|
+
insertBlock: (blockOrId: BlockDefinition | string, parentId?: string, index?: number) => InsertComponentResult;
|
|
61
78
|
moveComponent: (nodeId: string, targetParentId: string, registry: ComponentRegistry, index?: number) => MoveComponentResult;
|
|
62
79
|
duplicateComponent: (nodeId: string, registry: ComponentRegistry) => DuplicateComponentResult;
|
|
63
80
|
deleteComponent: (nodeId: string) => DeleteComponentResult;
|
|
@@ -68,12 +85,14 @@ export interface EditorState {
|
|
|
68
85
|
* Writes to node.styles.states[state] without touching default values.
|
|
69
86
|
*/
|
|
70
87
|
updateNodeStateStyle: (nodeId: string, styles: StyleDefinition, state: string, merge?: boolean) => UpdateStyleResult;
|
|
88
|
+
updateNodeAnimation: (nodeId: string, animation: Partial<AnimationConfig> | null, merge?: boolean) => UpdateAnimationResult;
|
|
71
89
|
undo: () => void;
|
|
72
90
|
redo: () => void;
|
|
73
91
|
markSaved: () => void;
|
|
74
92
|
copyNode: (nodeId: string) => void;
|
|
75
93
|
pasteNode: (targetParentId: string, registry: ComponentRegistry, index?: number) => PasteComponentResult;
|
|
76
94
|
selectNode: (nodeId: string | null) => void;
|
|
95
|
+
selectParent: () => void;
|
|
77
96
|
hoverNode: (nodeId: string | null) => void;
|
|
78
97
|
setViewport: (viewport: Viewport) => void;
|
|
79
98
|
getSelectedNode: () => Node | null;
|
package/dist/store.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { AnimationConfig } from '@kubuild/schema';
|
|
3
|
+
export type StyleSectorId = 'dimension' | 'spacing' | 'typography' | 'decorations' | 'flex' | 'motion';
|
|
3
4
|
export interface StyleSectorDefinition {
|
|
4
5
|
id: StyleSectorId;
|
|
5
6
|
label: string;
|
|
@@ -20,12 +21,18 @@ export declare function loadAccordionState(): Record<StyleSectorId, boolean>;
|
|
|
20
21
|
export declare function saveAccordionState(state: Record<StyleSectorId, boolean>): void;
|
|
21
22
|
export interface StyleManagerAccordionProps {
|
|
22
23
|
styles?: Record<string, unknown>;
|
|
24
|
+
animation?: Partial<AnimationConfig>;
|
|
23
25
|
onCommitStyle: (property: string, value: string) => void;
|
|
26
|
+
onCommitAnimation?: (animation: Partial<AnimationConfig>) => void;
|
|
24
27
|
onResetStyles?: (properties?: string[]) => void;
|
|
28
|
+
onResetAnimation?: () => void;
|
|
29
|
+
onReplayAnimation?: () => void;
|
|
25
30
|
errors?: Record<string, string | null>;
|
|
26
31
|
breakpoint?: 'base' | 'tablet' | 'mobile';
|
|
27
32
|
className?: string;
|
|
28
33
|
initialState?: Partial<Record<StyleSectorId, boolean>>;
|
|
34
|
+
/** Optional filter for allowed style sectors. If omitted, all sectors are displayed. */
|
|
35
|
+
allowedSectors?: StyleSectorId[];
|
|
29
36
|
}
|
|
30
37
|
export declare const StyleManagerAccordion: React.FC<StyleManagerAccordionProps>;
|
|
31
38
|
//# sourceMappingURL=style-manager-accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-manager-accordion.d.ts","sourceRoot":"","sources":["../src/style-manager-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"style-manager-accordion.d.ts","sourceRoot":"","sources":["../src/style-manager-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAA4B,MAAM,iBAAiB,CAAC;AAO5E,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvG,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,aAAa,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,qBAAqB,EAwDhD,CAAC;AAEF,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,CAOlE,CAAC;AAIF,wBAAgB,UAAU,IAAI;IAC5B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAoBA;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AAED,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAanE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,IAAI,CAO9E;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAClE,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IACvD,wFAAwF;IACxF,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqctE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-spreadsheet-editor.d.ts","sourceRoot":"","sources":["../src/table-spreadsheet-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"table-spreadsheet-editor.d.ts","sourceRoot":"","sources":["../src/table-spreadsheet-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAclG;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,CA0CjD;AASD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAmuBxE,CAAC"}
|
package/dist/toolbar.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ComponentRegistry } from '@kubuild/components';
|
|
3
|
+
import { EditorToolbarConfig } from './config';
|
|
3
4
|
export interface EditorToolbarProps {
|
|
4
5
|
registry: ComponentRegistry;
|
|
5
6
|
className?: string;
|
|
6
7
|
showExportImport?: boolean;
|
|
8
|
+
config?: EditorToolbarConfig;
|
|
7
9
|
}
|
|
8
10
|
export declare const EditorToolbar: React.FC<EditorToolbarProps>;
|
|
9
11
|
//# sourceMappingURL=toolbar.d.ts.map
|
package/dist/toolbar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../src/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../src/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAsDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgRtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"traits-panel.d.ts","sourceRoot":"","sources":["../src/traits-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,iBAAiB,EAKlB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"traits-panel.d.ts","sourceRoot":"","sources":["../src/traits-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,iBAAiB,EAKlB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,uDAAuD;IACvD,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsXD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4FlD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography-sector-controls.d.ts","sourceRoot":"","sources":["../src/typography-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"typography-sector-controls.d.ts","sourceRoot":"","sources":["../src/typography-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,UAAU,EAmEpC,CAAC;AAEF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAWrD;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgT5E,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kubuild/editor",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Visual page builder editor for KUBUILD",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
"publishConfig": {
|
|
21
21
|
"access": "public"
|
|
22
22
|
},
|
|
23
|
-
"scripts": {
|
|
24
|
-
"build": "tsup && tsc --emitDeclarationOnly",
|
|
25
|
-
"dev": "tsup --watch",
|
|
26
|
-
"typecheck": "tsc --noEmit",
|
|
27
|
-
"lint": "eslint src",
|
|
28
|
-
"test": "vitest run",
|
|
29
|
-
"prepublishOnly": "pnpm run build"
|
|
30
|
-
},
|
|
31
23
|
"repository": {
|
|
32
24
|
"type": "git",
|
|
33
25
|
"url": "git+https://github.com/kustora/kubuild.git"
|
|
@@ -47,12 +39,12 @@
|
|
|
47
39
|
},
|
|
48
40
|
"homepage": "https://github.com/kustora/kubuild#readme",
|
|
49
41
|
"dependencies": {
|
|
50
|
-
"@kubuild/components": "workspace:*",
|
|
51
|
-
"@kubuild/core": "workspace:*",
|
|
52
|
-
"@kubuild/renderer": "workspace:*",
|
|
53
|
-
"@kubuild/schema": "workspace:*",
|
|
54
42
|
"lucide-react": "^1.33.0",
|
|
55
|
-
"zustand": "^5.0.15"
|
|
43
|
+
"zustand": "^5.0.15",
|
|
44
|
+
"@kubuild/core": "0.1.0",
|
|
45
|
+
"@kubuild/components": "0.1.0",
|
|
46
|
+
"@kubuild/renderer": "0.1.0",
|
|
47
|
+
"@kubuild/schema": "0.1.0"
|
|
56
48
|
},
|
|
57
49
|
"peerDependencies": {
|
|
58
50
|
"react": ">=18.0.0",
|
|
@@ -66,5 +58,12 @@
|
|
|
66
58
|
"tsup": "^8.3.6",
|
|
67
59
|
"typescript": "^6.0.0",
|
|
68
60
|
"vitest": "^3.0.5"
|
|
61
|
+
},
|
|
62
|
+
"scripts": {
|
|
63
|
+
"build": "tsup && tsc --emitDeclarationOnly",
|
|
64
|
+
"dev": "tsup --watch",
|
|
65
|
+
"typecheck": "tsc --noEmit",
|
|
66
|
+
"lint": "eslint src",
|
|
67
|
+
"test": "vitest run"
|
|
69
68
|
}
|
|
70
|
-
}
|
|
69
|
+
}
|