@vforsh/phaser-dev-ui 0.1.0 → 0.3.0
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 -0
- package/dist/DebugSeparator.d.ts +42 -0
- package/dist/DebugSeparator.d.ts.map +1 -0
- package/dist/DebugSeparator.js +109 -0
- package/dist/DebugSeparator.js.map +1 -0
- package/dist/DebugSlider.d.ts +79 -0
- package/dist/DebugSlider.d.ts.map +1 -0
- package/dist/DebugSlider.js +233 -0
- package/dist/DebugSlider.js.map +1 -0
- package/dist/DebugToggle.d.ts +57 -0
- package/dist/DebugToggle.d.ts.map +1 -0
- package/dist/DebugToggle.js +159 -0
- package/dist/DebugToggle.js.map +1 -0
- package/dist/anchorToViewport.d.ts +51 -0
- package/dist/anchorToViewport.d.ts.map +1 -0
- package/dist/anchorToViewport.js +200 -0
- package/dist/anchorToViewport.js.map +1 -0
- package/dist/bindDebugControl.d.ts +42 -0
- package/dist/bindDebugControl.d.ts.map +1 -0
- package/dist/bindDebugControl.js +263 -0
- package/dist/bindDebugControl.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/layoutAuto.d.ts +25 -0
- package/dist/layoutAuto.d.ts.map +1 -0
- package/dist/layoutAuto.js +76 -0
- package/dist/layoutAuto.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Two-way data binding between a debug control and a model source.
|
|
3
|
+
*
|
|
4
|
+
* Control -> model updates happen via control events.
|
|
5
|
+
* Model -> control updates happen on preupdate polling (or manual sync).
|
|
6
|
+
*/
|
|
7
|
+
export function bindDebugControl(options) {
|
|
8
|
+
const { control, scene: sceneFromOptions, equals = Object.is, syncFromModelOnBind = true, syncFromModelEachFrame = true, } = options;
|
|
9
|
+
const scene = sceneFromOptions ?? getSceneFromControl(control);
|
|
10
|
+
const model = resolveModelAccess(options);
|
|
11
|
+
const adapter = resolveControlAdapter(control, options.adapter);
|
|
12
|
+
let destroyed = false;
|
|
13
|
+
let pushingModelToControl = false;
|
|
14
|
+
let pushingControlToModel = false;
|
|
15
|
+
let hasLastModelValue = false;
|
|
16
|
+
let lastModelValue = null;
|
|
17
|
+
let unsubscribeControl = null;
|
|
18
|
+
const syncModelIntoControl = () => {
|
|
19
|
+
if (destroyed || pushingControlToModel)
|
|
20
|
+
return;
|
|
21
|
+
const modelValue = model.get();
|
|
22
|
+
if (hasLastModelValue && equals(modelValue, lastModelValue))
|
|
23
|
+
return;
|
|
24
|
+
pushingModelToControl = true;
|
|
25
|
+
adapter.write(control, modelValue);
|
|
26
|
+
pushingModelToControl = false;
|
|
27
|
+
lastModelValue = modelValue;
|
|
28
|
+
hasLastModelValue = true;
|
|
29
|
+
};
|
|
30
|
+
const syncControlIntoModel = () => {
|
|
31
|
+
if (destroyed || pushingModelToControl)
|
|
32
|
+
return;
|
|
33
|
+
const controlValue = adapter.read(control);
|
|
34
|
+
if (hasLastModelValue && equals(controlValue, lastModelValue))
|
|
35
|
+
return;
|
|
36
|
+
pushingControlToModel = true;
|
|
37
|
+
model.set(controlValue);
|
|
38
|
+
pushingControlToModel = false;
|
|
39
|
+
lastModelValue = controlValue;
|
|
40
|
+
hasLastModelValue = true;
|
|
41
|
+
};
|
|
42
|
+
if (adapter.subscribe) {
|
|
43
|
+
const maybeUnsub = adapter.subscribe(control, (value) => {
|
|
44
|
+
if (destroyed || pushingModelToControl)
|
|
45
|
+
return;
|
|
46
|
+
if (hasLastModelValue && equals(value, lastModelValue))
|
|
47
|
+
return;
|
|
48
|
+
pushingControlToModel = true;
|
|
49
|
+
model.set(value);
|
|
50
|
+
pushingControlToModel = false;
|
|
51
|
+
lastModelValue = value;
|
|
52
|
+
hasLastModelValue = true;
|
|
53
|
+
});
|
|
54
|
+
if (typeof maybeUnsub === "function") {
|
|
55
|
+
unsubscribeControl = maybeUnsub;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
const preupdate = () => {
|
|
59
|
+
if (!syncFromModelEachFrame)
|
|
60
|
+
return;
|
|
61
|
+
syncModelIntoControl();
|
|
62
|
+
};
|
|
63
|
+
if (scene) {
|
|
64
|
+
scene.events.on("preupdate", preupdate);
|
|
65
|
+
scene.events.once("shutdown", destroyBinding);
|
|
66
|
+
}
|
|
67
|
+
attachAutoDestroy(control, () => {
|
|
68
|
+
destroyBinding();
|
|
69
|
+
});
|
|
70
|
+
if (syncFromModelOnBind) {
|
|
71
|
+
syncModelIntoControl();
|
|
72
|
+
}
|
|
73
|
+
function destroyBinding() {
|
|
74
|
+
if (destroyed)
|
|
75
|
+
return;
|
|
76
|
+
destroyed = true;
|
|
77
|
+
if (scene) {
|
|
78
|
+
scene.events.off("preupdate", preupdate);
|
|
79
|
+
scene.events.off("shutdown", destroyBinding);
|
|
80
|
+
}
|
|
81
|
+
if (unsubscribeControl) {
|
|
82
|
+
unsubscribeControl();
|
|
83
|
+
unsubscribeControl = null;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
return {
|
|
87
|
+
syncFromModel: syncModelIntoControl,
|
|
88
|
+
syncFromControl: syncControlIntoModel,
|
|
89
|
+
getModelValue: model.get,
|
|
90
|
+
destroy: destroyBinding,
|
|
91
|
+
isDestroyed: () => destroyed,
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
function resolveModelAccess(options) {
|
|
95
|
+
if (options.getValue && options.setValue) {
|
|
96
|
+
return {
|
|
97
|
+
get: options.getValue,
|
|
98
|
+
set: options.setValue,
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
const { target, path } = options;
|
|
102
|
+
if (!target || !path) {
|
|
103
|
+
throw new Error('bindDebugControl: provide either `getValue`+`setValue` or `target`+`path`');
|
|
104
|
+
}
|
|
105
|
+
const tokens = parsePath(path);
|
|
106
|
+
if (tokens.length === 0) {
|
|
107
|
+
throw new Error("bindDebugControl: path cannot be empty");
|
|
108
|
+
}
|
|
109
|
+
return {
|
|
110
|
+
get: () => getValueAtPath(target, tokens),
|
|
111
|
+
set: (value) => {
|
|
112
|
+
setValueAtPath(target, tokens, value);
|
|
113
|
+
},
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
function resolveControlAdapter(control, partial) {
|
|
117
|
+
const inferred = inferAdapter(control);
|
|
118
|
+
const read = (partial?.read ?? inferred?.read);
|
|
119
|
+
const write = (partial?.write ?? inferred?.write);
|
|
120
|
+
const subscribe = (partial?.subscribe ?? inferred?.subscribe);
|
|
121
|
+
if (!read || !write) {
|
|
122
|
+
throw new Error("bindDebugControl: could not infer control adapter. Provide adapter.read + adapter.write (and adapter.subscribe for two-way).");
|
|
123
|
+
}
|
|
124
|
+
return {
|
|
125
|
+
read,
|
|
126
|
+
write,
|
|
127
|
+
subscribe,
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
function inferAdapter(control) {
|
|
131
|
+
const anyControl = control;
|
|
132
|
+
const hasSwitchApi = typeof anyControl.getCurrentOption === "function" &&
|
|
133
|
+
typeof anyControl.setOptionByKey === "function" &&
|
|
134
|
+
typeof anyControl.on === "function" &&
|
|
135
|
+
typeof anyControl.off === "function";
|
|
136
|
+
if (hasSwitchApi) {
|
|
137
|
+
return {
|
|
138
|
+
read: (ctrl) => {
|
|
139
|
+
const c = ctrl;
|
|
140
|
+
return (c.getCurrentOption()?.key ?? null);
|
|
141
|
+
},
|
|
142
|
+
write: (ctrl, value) => {
|
|
143
|
+
const c = ctrl;
|
|
144
|
+
if (typeof c.setOptionByKey === "function") {
|
|
145
|
+
c.setOptionByKey(value);
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
if (typeof c.setOptionIndex === "function" && typeof value === "number") {
|
|
149
|
+
c.setOptionIndex(value);
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
subscribe: (ctrl, onValue) => {
|
|
153
|
+
const c = ctrl;
|
|
154
|
+
const handler = (option) => onValue(option.key);
|
|
155
|
+
c.on("option-changed", handler);
|
|
156
|
+
return () => c.off("option-changed", handler);
|
|
157
|
+
},
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
const hasValueApi = typeof anyControl.getValue === "function" && typeof anyControl.setValue === "function";
|
|
161
|
+
if (hasValueApi) {
|
|
162
|
+
const canSubscribe = typeof anyControl.on === "function" && typeof anyControl.off === "function";
|
|
163
|
+
return {
|
|
164
|
+
read: (ctrl) => {
|
|
165
|
+
const c = ctrl;
|
|
166
|
+
return c.getValue();
|
|
167
|
+
},
|
|
168
|
+
write: (ctrl, value) => {
|
|
169
|
+
const c = ctrl;
|
|
170
|
+
c.setValue(value);
|
|
171
|
+
},
|
|
172
|
+
subscribe: canSubscribe
|
|
173
|
+
? (ctrl, onValue) => {
|
|
174
|
+
const c = ctrl;
|
|
175
|
+
const handler = (value) => onValue(value);
|
|
176
|
+
c.on("value-changed", handler);
|
|
177
|
+
return () => c.off("value-changed", handler);
|
|
178
|
+
}
|
|
179
|
+
: undefined,
|
|
180
|
+
};
|
|
181
|
+
}
|
|
182
|
+
return null;
|
|
183
|
+
}
|
|
184
|
+
function attachAutoDestroy(control, onDestroy) {
|
|
185
|
+
const maybeEmitter = control;
|
|
186
|
+
if (typeof maybeEmitter.once !== "function")
|
|
187
|
+
return;
|
|
188
|
+
maybeEmitter.once("destroy", onDestroy);
|
|
189
|
+
}
|
|
190
|
+
function getSceneFromControl(control) {
|
|
191
|
+
const maybeScene = control.scene;
|
|
192
|
+
return maybeScene ?? null;
|
|
193
|
+
}
|
|
194
|
+
function parsePath(path) {
|
|
195
|
+
const tokens = [];
|
|
196
|
+
const re = /[^.[\]]+|\[(\d+)\]/g;
|
|
197
|
+
let match;
|
|
198
|
+
while ((match = re.exec(path)) !== null) {
|
|
199
|
+
const indexValue = match[1];
|
|
200
|
+
if (indexValue !== undefined) {
|
|
201
|
+
tokens.push(Number(indexValue));
|
|
202
|
+
continue;
|
|
203
|
+
}
|
|
204
|
+
const key = match[0];
|
|
205
|
+
if (key)
|
|
206
|
+
tokens.push(key);
|
|
207
|
+
}
|
|
208
|
+
return tokens;
|
|
209
|
+
}
|
|
210
|
+
function getValueAtPath(obj, tokens) {
|
|
211
|
+
let cursor = obj;
|
|
212
|
+
for (const token of tokens) {
|
|
213
|
+
if (cursor === null || cursor === undefined)
|
|
214
|
+
return undefined;
|
|
215
|
+
if (typeof token === "number") {
|
|
216
|
+
if (!Array.isArray(cursor))
|
|
217
|
+
return undefined;
|
|
218
|
+
cursor = cursor[token];
|
|
219
|
+
continue;
|
|
220
|
+
}
|
|
221
|
+
cursor = cursor[token];
|
|
222
|
+
}
|
|
223
|
+
return cursor;
|
|
224
|
+
}
|
|
225
|
+
function setValueAtPath(obj, tokens, value) {
|
|
226
|
+
if (tokens.length === 0)
|
|
227
|
+
return;
|
|
228
|
+
let cursor = obj;
|
|
229
|
+
for (let i = 0; i < tokens.length - 1; i++) {
|
|
230
|
+
const token = tokens[i];
|
|
231
|
+
const nextToken = tokens[i + 1];
|
|
232
|
+
if (token === undefined || nextToken === undefined)
|
|
233
|
+
return;
|
|
234
|
+
if (typeof token === "number") {
|
|
235
|
+
if (!Array.isArray(cursor))
|
|
236
|
+
return;
|
|
237
|
+
const nextValue = cursor[token];
|
|
238
|
+
if (nextValue === null || nextValue === undefined) {
|
|
239
|
+
cursor[token] = typeof nextToken === "number" ? [] : {};
|
|
240
|
+
}
|
|
241
|
+
cursor = cursor[token];
|
|
242
|
+
continue;
|
|
243
|
+
}
|
|
244
|
+
const record = cursor;
|
|
245
|
+
const nextValue = record[token];
|
|
246
|
+
if (nextValue === null || nextValue === undefined) {
|
|
247
|
+
record[token] = typeof nextToken === "number" ? [] : {};
|
|
248
|
+
}
|
|
249
|
+
cursor = record[token];
|
|
250
|
+
}
|
|
251
|
+
const lastToken = tokens[tokens.length - 1];
|
|
252
|
+
if (lastToken === undefined)
|
|
253
|
+
return;
|
|
254
|
+
if (typeof lastToken === "number") {
|
|
255
|
+
if (!Array.isArray(cursor))
|
|
256
|
+
return;
|
|
257
|
+
cursor[lastToken] = value;
|
|
258
|
+
return;
|
|
259
|
+
}
|
|
260
|
+
;
|
|
261
|
+
cursor[lastToken] = value;
|
|
262
|
+
}
|
|
263
|
+
//# sourceMappingURL=bindDebugControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bindDebugControl.js","sourceRoot":"","sources":["../src/bindDebugControl.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export type { HexColor, Position, Size, ClickHandler, DebugImageIconOptions, IconSide } from "./types.js";
|
|
2
2
|
export { parseHex, toColorInt, dimHex, hexToColorAlpha, estimateTextWidth, getDevicePixelRatio } from "./utils.js";
|
|
3
|
+
export { bindDebugControl } from "./bindDebugControl.js";
|
|
4
|
+
export type { BindDebugControlOptions, DebugControlAdapter, DebugControlBinding } from "./bindDebugControl.js";
|
|
5
|
+
export { anchorToViewport, getSafeAreaInsets } from "./anchorToViewport.js";
|
|
6
|
+
export type { AnchorToViewportOptions, SafeAreaInsets, SafeAreaOptions, ViewportAnchor, ViewportAnchorHandle } from "./anchorToViewport.js";
|
|
7
|
+
export { layoutAuto } from "./layoutAuto.js";
|
|
8
|
+
export type { LayoutAutoOptions, LayoutAutoScheduler, LayoutAutoTarget } from "./layoutAuto.js";
|
|
3
9
|
export { DebugPanel, createDebugPanel } from "./DebugPanel.js";
|
|
4
10
|
export type { CreateDebugPanelOptions } from "./DebugPanel.js";
|
|
5
11
|
export { DebugLabel, createDebugLabel } from "./DebugLabel.js";
|
|
@@ -12,6 +18,12 @@ export { DebugProgressBar, createDebugProgressBar } from "./DebugProgressBar.js"
|
|
|
12
18
|
export type { CreateDebugProgressBarOptions, DebugProgressBarStyleOptions } from "./DebugProgressBar.js";
|
|
13
19
|
export { DebugSwitchButton, createDebugSwitchButton } from "./DebugSwitchButton.js";
|
|
14
20
|
export type { CreateDebugSwitchButtonOptions, SwitchButtonOption, SwitchOptions } from "./DebugSwitchButton.js";
|
|
21
|
+
export { DebugSeparator, createDebugSeparator } from "./DebugSeparator.js";
|
|
22
|
+
export type { CreateDebugSeparatorOptions } from "./DebugSeparator.js";
|
|
23
|
+
export { DebugToggle, createDebugToggle } from "./DebugToggle.js";
|
|
24
|
+
export type { CreateDebugToggleOptions, DebugToggleStyleOptions } from "./DebugToggle.js";
|
|
25
|
+
export { DebugSlider, createDebugSlider } from "./DebugSlider.js";
|
|
26
|
+
export type { CreateDebugSliderOptions, DebugSliderStyleOptions } from "./DebugSlider.js";
|
|
15
27
|
export { DebugRowContainer, createRowContainer } from "./DebugRowContainer.js";
|
|
16
28
|
export type { CreateRowContainerOptions } from "./DebugRowContainer.js";
|
|
17
29
|
export { DebugColumnContainer, createColumnContainer } from "./DebugColumnContainer.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGzG,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGzG,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAClH,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC9G,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,YAAY,EAAE,uBAAuB,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC3I,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAG/F,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAG9D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAG9D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACjE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAGhE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC9D,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAGtF,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAChF,YAAY,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAA;AAGxG,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AACnF,YAAY,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAG/G,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1E,YAAY,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AAGtE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACjE,YAAY,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAGzF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACjE,YAAY,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAGzF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC9E,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAEvE,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACvF,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA;AAE7E,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAEzE,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAC5F,YAAY,EAAE,iCAAiC,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
// Utilities
|
|
2
2
|
export { parseHex, toColorInt, dimHex, hexToColorAlpha, estimateTextWidth, getDevicePixelRatio } from "./utils.js";
|
|
3
|
+
export { bindDebugControl } from "./bindDebugControl.js";
|
|
4
|
+
export { anchorToViewport, getSafeAreaInsets } from "./anchorToViewport.js";
|
|
5
|
+
export { layoutAuto } from "./layoutAuto.js";
|
|
3
6
|
// Panel
|
|
4
7
|
export { DebugPanel, createDebugPanel } from "./DebugPanel.js";
|
|
5
8
|
// Label
|
|
@@ -12,6 +15,12 @@ export { DebugBadge, createDebugBadge } from "./DebugBadge.js";
|
|
|
12
15
|
export { DebugProgressBar, createDebugProgressBar } from "./DebugProgressBar.js";
|
|
13
16
|
// Switch Button
|
|
14
17
|
export { DebugSwitchButton, createDebugSwitchButton } from "./DebugSwitchButton.js";
|
|
18
|
+
// Separator
|
|
19
|
+
export { DebugSeparator, createDebugSeparator } from "./DebugSeparator.js";
|
|
20
|
+
// Toggle
|
|
21
|
+
export { DebugToggle, createDebugToggle } from "./DebugToggle.js";
|
|
22
|
+
// Slider
|
|
23
|
+
export { DebugSlider, createDebugSlider } from "./DebugSlider.js";
|
|
15
24
|
// Layout Containers
|
|
16
25
|
export { DebugRowContainer, createRowContainer } from "./DebugRowContainer.js";
|
|
17
26
|
export { DebugColumnContainer, createColumnContainer } from "./DebugColumnContainer.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY;AACZ,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY;AACZ,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAClH,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,QAAQ;AACR,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAG9D,QAAQ;AACR,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAG9D,SAAS;AACT,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGjE,QAAQ;AACR,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAG9D,eAAe;AACf,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAGhF,gBAAgB;AAChB,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAGnF,YAAY;AACZ,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1E,SAAS;AACT,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGjE,SAAS;AACT,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGjE,oBAAoB;AACpB,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAG9E,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGvF,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAGjF,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export interface LayoutAutoTarget {
|
|
2
|
+
layout(): unknown;
|
|
3
|
+
}
|
|
4
|
+
export interface LayoutAutoOptions {
|
|
5
|
+
/** Scene event used for flushing dirty targets (default: "preupdate"). */
|
|
6
|
+
flushEvent?: "preupdate" | "postupdate";
|
|
7
|
+
}
|
|
8
|
+
export interface LayoutAutoScheduler {
|
|
9
|
+
markDirty(target: LayoutAutoTarget): this;
|
|
10
|
+
markDirtyMany(targets: LayoutAutoTarget[]): this;
|
|
11
|
+
remove(target: LayoutAutoTarget): this;
|
|
12
|
+
clear(): this;
|
|
13
|
+
flush(): this;
|
|
14
|
+
destroy(): void;
|
|
15
|
+
isDestroyed(): boolean;
|
|
16
|
+
getDirtyCount(): number;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Frame-batched layout scheduler for row/column/grid/scroll containers.
|
|
20
|
+
*
|
|
21
|
+
* Call `markDirty(...)` after mutating children/options.
|
|
22
|
+
* Pending targets are laid out once per frame.
|
|
23
|
+
*/
|
|
24
|
+
export declare function layoutAuto(scene: Phaser.Scene, options?: LayoutAutoOptions): LayoutAutoScheduler;
|
|
25
|
+
//# sourceMappingURL=layoutAuto.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutAuto.d.ts","sourceRoot":"","sources":["../src/layoutAuto.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAChC,MAAM,IAAI,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IACjC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,WAAW,GAAG,YAAY,CAAA;CACvC;AAED,MAAM,WAAW,mBAAmB;IACnC,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACzC,aAAa,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAA;IAChD,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACtC,KAAK,IAAI,IAAI,CAAA;IACb,KAAK,IAAI,IAAI,CAAA;IACb,OAAO,IAAI,IAAI,CAAA;IACf,WAAW,IAAI,OAAO,CAAA;IACtB,aAAa,IAAI,MAAM,CAAA;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,GAAE,iBAAsB,GAAG,mBAAmB,CAmEpG"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Frame-batched layout scheduler for row/column/grid/scroll containers.
|
|
3
|
+
*
|
|
4
|
+
* Call `markDirty(...)` after mutating children/options.
|
|
5
|
+
* Pending targets are laid out once per frame.
|
|
6
|
+
*/
|
|
7
|
+
export function layoutAuto(scene, options = {}) {
|
|
8
|
+
const { flushEvent = "preupdate" } = options;
|
|
9
|
+
const dirty = new Set();
|
|
10
|
+
let destroyed = false;
|
|
11
|
+
let isFlushing = false;
|
|
12
|
+
const onFlushEvent = () => {
|
|
13
|
+
if (destroyed || dirty.size === 0)
|
|
14
|
+
return;
|
|
15
|
+
flushNow();
|
|
16
|
+
};
|
|
17
|
+
scene.events.on(flushEvent, onFlushEvent);
|
|
18
|
+
scene.events.once("shutdown", () => {
|
|
19
|
+
destroyScheduler();
|
|
20
|
+
});
|
|
21
|
+
const flushNow = () => {
|
|
22
|
+
if (destroyed || dirty.size === 0 || isFlushing)
|
|
23
|
+
return;
|
|
24
|
+
isFlushing = true;
|
|
25
|
+
const queue = Array.from(dirty);
|
|
26
|
+
dirty.clear();
|
|
27
|
+
for (const target of queue) {
|
|
28
|
+
if (destroyed)
|
|
29
|
+
break;
|
|
30
|
+
target.layout();
|
|
31
|
+
}
|
|
32
|
+
isFlushing = false;
|
|
33
|
+
};
|
|
34
|
+
const destroyScheduler = () => {
|
|
35
|
+
if (destroyed)
|
|
36
|
+
return;
|
|
37
|
+
destroyed = true;
|
|
38
|
+
dirty.clear();
|
|
39
|
+
scene.events.off(flushEvent, onFlushEvent);
|
|
40
|
+
};
|
|
41
|
+
return {
|
|
42
|
+
markDirty(target) {
|
|
43
|
+
if (destroyed)
|
|
44
|
+
return this;
|
|
45
|
+
dirty.add(target);
|
|
46
|
+
return this;
|
|
47
|
+
},
|
|
48
|
+
markDirtyMany(targets) {
|
|
49
|
+
if (destroyed || targets.length === 0)
|
|
50
|
+
return this;
|
|
51
|
+
for (const target of targets)
|
|
52
|
+
dirty.add(target);
|
|
53
|
+
return this;
|
|
54
|
+
},
|
|
55
|
+
remove(target) {
|
|
56
|
+
if (destroyed)
|
|
57
|
+
return this;
|
|
58
|
+
dirty.delete(target);
|
|
59
|
+
return this;
|
|
60
|
+
},
|
|
61
|
+
clear() {
|
|
62
|
+
if (destroyed)
|
|
63
|
+
return this;
|
|
64
|
+
dirty.clear();
|
|
65
|
+
return this;
|
|
66
|
+
},
|
|
67
|
+
flush() {
|
|
68
|
+
flushNow();
|
|
69
|
+
return this;
|
|
70
|
+
},
|
|
71
|
+
destroy: destroyScheduler,
|
|
72
|
+
isDestroyed: () => destroyed,
|
|
73
|
+
getDirtyCount: () => dirty.size,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=layoutAuto.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutAuto.js","sourceRoot":"","sources":["../src/layoutAuto.ts"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAmB,EAAE,UAA6B,EAAE;IAC9E,MAAM,EAAE,UAAU,GAAG,WAAW,EAAE,GAAG,OAAO,CAAA;IAC5C,MAAM,KAAK,GAAG,IAAI,GAAG,EAAoB,CAAA;IACzC,IAAI,SAAS,GAAG,KAAK,CAAA;IACrB,IAAI,UAAU,GAAG,KAAK,CAAA;IAEtB,MAAM,YAAY,GAAG,GAAS,EAAE;QAC/B,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC;YAAE,OAAM;QACzC,QAAQ,EAAE,CAAA;IACX,CAAC,CAAA;IAED,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;IACzC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;QAClC,gBAAgB,EAAE,CAAA;IACnB,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC3B,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,UAAU;YAAE,OAAM;QACvD,UAAU,GAAG,IAAI,CAAA;QAEjB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC/B,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,KAAK,MAAM,MAAM,IAAI,KAAK,EAAE,CAAC;YAC5B,IAAI,SAAS;gBAAE,MAAK;YACpB,MAAM,CAAC,MAAM,EAAE,CAAA;QAChB,CAAC;QAED,UAAU,GAAG,KAAK,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QACnC,IAAI,SAAS;YAAE,OAAM;QACrB,SAAS,GAAG,IAAI,CAAA;QAChB,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO;QACN,SAAS,CAAC,MAAwB;YACjC,IAAI,SAAS;gBAAE,OAAO,IAAI,CAAA;YAC1B,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACjB,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,aAAa,CAAC,OAA2B;YACxC,IAAI,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAA;YAClD,KAAK,MAAM,MAAM,IAAI,OAAO;gBAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YAC/C,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,MAAM,CAAC,MAAwB;YAC9B,IAAI,SAAS;gBAAE,OAAO,IAAI,CAAA;YAC1B,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACpB,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,KAAK;YACJ,IAAI,SAAS;gBAAE,OAAO,IAAI,CAAA;YAC1B,KAAK,CAAC,KAAK,EAAE,CAAA;YACb,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,KAAK;YACJ,QAAQ,EAAE,CAAA;YACV,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,OAAO,EAAE,gBAAgB;QACzB,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;QAC5B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI;KAC/B,CAAA;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vforsh/phaser-dev-ui",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "Pure-code debug UI primitives for Phaser 3 games — panels, buttons, labels, badges, progress bars, switch buttons, and layout containers. No assets required.",
|
|
3
|
+
"version": "0.3.0",
|
|
4
|
+
"description": "Pure-code debug UI primitives for Phaser 3 games — panels, buttons, labels, badges, progress bars, switch buttons, sliders, toggles, separators, and layout containers. No assets required.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|