dynim-core 1.0.4 → 1.0.6
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/README.md +9 -282
- package/dist/builder/builder-client.d.ts +1 -5
- package/dist/builder/builder-client.d.ts.map +1 -1
- package/dist/builder/builder-client.js +2 -22
- package/dist/builder/builder.d.ts +0 -4
- package/dist/builder/builder.d.ts.map +1 -1
- package/dist/builder/builder.js +64 -207
- package/dist/builder/editor-overlays.d.ts +1 -10
- package/dist/builder/editor-overlays.d.ts.map +1 -1
- package/dist/builder/editor-overlays.js +1 -103
- package/dist/builder/editor-state.d.ts +2 -21
- package/dist/builder/editor-state.d.ts.map +1 -1
- package/dist/builder/editor-state.js +2 -34
- package/dist/builder/element-utils.d.ts +0 -11
- package/dist/builder/element-utils.d.ts.map +1 -1
- package/dist/builder/element-utils.js +0 -58
- package/dist/builder/freeze-overlay.d.ts +1 -1
- package/dist/builder/freeze-overlay.d.ts.map +1 -1
- package/dist/builder/freeze-overlay.js +1 -2
- package/dist/builder/index.d.ts +5 -9
- package/dist/builder/index.d.ts.map +1 -1
- package/dist/builder/index.js +3 -7
- package/dist/builder/{drag-engine.d.ts → interaction-engine.d.ts} +6 -20
- package/dist/builder/interaction-engine.d.ts.map +1 -0
- package/dist/builder/interaction-engine.js +101 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/README.md +10 -0
- package/src/styles/builder.css +1 -189
- package/src/styles/editor.css +2 -61
- package/dist/builder/diff-state.d.ts +0 -24
- package/dist/builder/diff-state.d.ts.map +0 -1
- package/dist/builder/diff-state.js +0 -134
- package/dist/builder/drag-engine.d.ts.map +0 -1
- package/dist/builder/drag-engine.js +0 -686
- package/dist/builder/history-state.d.ts +0 -41
- package/dist/builder/history-state.d.ts.map +0 -1
- package/dist/builder/history-state.js +0 -76
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* History state management - Undo/redo stack
|
|
3
|
-
* Tracks DOM move operations for undo/redo functionality
|
|
4
|
-
*/
|
|
5
|
-
export interface CreatedWrapper {
|
|
6
|
-
type: 'horizontal' | 'vertical';
|
|
7
|
-
position: string;
|
|
8
|
-
wrapperParent: HTMLElement;
|
|
9
|
-
insertedBefore: Node | null;
|
|
10
|
-
targetElement: HTMLElement;
|
|
11
|
-
styles: Record<string, string>;
|
|
12
|
-
}
|
|
13
|
-
export interface MoveEntry {
|
|
14
|
-
type: 'move';
|
|
15
|
-
element: HTMLElement;
|
|
16
|
-
originalParent: HTMLElement;
|
|
17
|
-
originalNextSibling: Node | null;
|
|
18
|
-
originalParentWasWrapper: boolean;
|
|
19
|
-
newParent: HTMLElement;
|
|
20
|
-
newNextSibling: Node | null;
|
|
21
|
-
createdWrapper: CreatedWrapper | null;
|
|
22
|
-
}
|
|
23
|
-
export interface HistoryStateData {
|
|
24
|
-
undoStack: MoveEntry[];
|
|
25
|
-
redoStack: MoveEntry[];
|
|
26
|
-
}
|
|
27
|
-
export type HistoryStateListener = (state: HistoryStateData) => void;
|
|
28
|
-
export interface HistoryState {
|
|
29
|
-
getState: () => HistoryStateData;
|
|
30
|
-
setState: (updates: Partial<HistoryStateData>) => void;
|
|
31
|
-
subscribe: (listener: HistoryStateListener) => () => void;
|
|
32
|
-
pushChange: (entry: MoveEntry) => void;
|
|
33
|
-
undo: () => MoveEntry | null;
|
|
34
|
-
redo: () => MoveEntry | null;
|
|
35
|
-
canUndo: () => boolean;
|
|
36
|
-
canRedo: () => boolean;
|
|
37
|
-
clear: () => void;
|
|
38
|
-
getChanges: () => MoveEntry[];
|
|
39
|
-
}
|
|
40
|
-
export declare function createHistoryState(initialState?: Partial<HistoryStateData>): HistoryState;
|
|
41
|
-
//# sourceMappingURL=history-state.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"history-state.d.ts","sourceRoot":"","sources":["../../src/builder/history-state.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,mBAAmB,EAAE,IAAI,GAAG,IAAI,CAAC;IACjC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,WAAW,CAAC;IACvB,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,SAAS,EAAE,SAAS,EAAE,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IACjC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAC;IAC1D,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,MAAM,SAAS,EAAE,CAAC;CAC/B;AAED,wBAAgB,kBAAkB,CAAC,YAAY,GAAE,OAAO,CAAC,gBAAgB,CAAM,GAAG,YAAY,CAuF7F"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* History state management - Undo/redo stack
|
|
3
|
-
* Tracks DOM move operations for undo/redo functionality
|
|
4
|
-
*/
|
|
5
|
-
export function createHistoryState(initialState = {}) {
|
|
6
|
-
let state = {
|
|
7
|
-
undoStack: [],
|
|
8
|
-
redoStack: [],
|
|
9
|
-
...initialState
|
|
10
|
-
};
|
|
11
|
-
const listeners = new Set();
|
|
12
|
-
function getState() {
|
|
13
|
-
return { ...state };
|
|
14
|
-
}
|
|
15
|
-
function setState(updates) {
|
|
16
|
-
state = { ...state, ...updates };
|
|
17
|
-
listeners.forEach(listener => listener(state));
|
|
18
|
-
}
|
|
19
|
-
function subscribe(listener) {
|
|
20
|
-
listeners.add(listener);
|
|
21
|
-
return () => listeners.delete(listener);
|
|
22
|
-
}
|
|
23
|
-
function pushChange(entry) {
|
|
24
|
-
setState({
|
|
25
|
-
undoStack: [...state.undoStack, entry],
|
|
26
|
-
redoStack: []
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
function undo() {
|
|
30
|
-
if (state.undoStack.length === 0)
|
|
31
|
-
return null;
|
|
32
|
-
const entry = state.undoStack[state.undoStack.length - 1];
|
|
33
|
-
setState({
|
|
34
|
-
undoStack: state.undoStack.slice(0, -1),
|
|
35
|
-
redoStack: [...state.redoStack, entry]
|
|
36
|
-
});
|
|
37
|
-
return entry;
|
|
38
|
-
}
|
|
39
|
-
function redo() {
|
|
40
|
-
if (state.redoStack.length === 0)
|
|
41
|
-
return null;
|
|
42
|
-
const entry = state.redoStack[state.redoStack.length - 1];
|
|
43
|
-
setState({
|
|
44
|
-
redoStack: state.redoStack.slice(0, -1),
|
|
45
|
-
undoStack: [...state.undoStack, entry]
|
|
46
|
-
});
|
|
47
|
-
return entry;
|
|
48
|
-
}
|
|
49
|
-
function canUndo() {
|
|
50
|
-
return state.undoStack.length > 0;
|
|
51
|
-
}
|
|
52
|
-
function canRedo() {
|
|
53
|
-
return state.redoStack.length > 0;
|
|
54
|
-
}
|
|
55
|
-
function clear() {
|
|
56
|
-
setState({
|
|
57
|
-
undoStack: [],
|
|
58
|
-
redoStack: []
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
function getChanges() {
|
|
62
|
-
return [...state.undoStack];
|
|
63
|
-
}
|
|
64
|
-
return {
|
|
65
|
-
getState,
|
|
66
|
-
setState,
|
|
67
|
-
subscribe,
|
|
68
|
-
pushChange,
|
|
69
|
-
undo,
|
|
70
|
-
redo,
|
|
71
|
-
canUndo,
|
|
72
|
-
canRedo,
|
|
73
|
-
clear,
|
|
74
|
-
getChanges
|
|
75
|
-
};
|
|
76
|
-
}
|