@openfairygui/cli 0.2.0-alpha.23 → 0.2.0-alpha.25

package/dist/cli.mjs

@@ -2252,6 +2252,7 @@ var Component = class extends ExtensibleProperty {
 			changeOnClick: true,
 			fixedGripSize: false,
 			opaque: true,
+			customProperties: [],
 			childrenRenderOrder: ChildrenRenderOrder.Ascent,
 			apexIndex: 0,
 			relations: [],
@@ -2639,6 +2640,12 @@ var Component = class extends ExtensibleProperty {
 	setOpaque(v) {
 		return this.set("opaque", v);
 	}
+	getCustomProperties() {
+		return this.get("customProperties").map((property) => ({ ...property }));
+	}
+	setCustomProperties(properties) {
+		return this.set("customProperties", properties.map((property) => ({ ...property })));
+	}
 	getChildrenRenderOrder() {
 		return this.get("childrenRenderOrder");
 	}
@@ -9995,6 +10002,8 @@ const LIST_PANEL_ATTRS = {
 		canonical: "autoItemSize",
 		aliases: ["autoResizeItem"]
 	},
+	childrenRenderOrder: { canonical: "renderOrder" },
+	apexIndex: { canonical: "apex" },
 	selectionMode: { canonical: "selectionMode" },
 	selectionController: { canonical: "selectionController" },
 	defaultItem: { canonical: "defaultItem" },
@@ -10012,7 +10021,9 @@ const LIST_PANEL_ATTRS = {
 	treeView: { canonical: "treeView" },
 	indent: { canonical: "indent" },
 	clickToExpand: { canonical: "clickToExpand" },
-	autoClearItems: { canonical: "autoClearItems" }
+	autoClearItems: { canonical: "autoClearItems" },
+	scrollItemToViewOnClick: { canonical: "scrollItemToViewOnClick" },
+	foldInvisibleItems: { canonical: "foldInvisibleItems" }
 };
 const BUTTON_EXTENSION_ATTRS = {
 	mode: { canonical: "mode" },
@@ -10068,6 +10079,11 @@ const RELATION_ATTRS = {
 	target: { canonical: "target" },
 	sidePair: { canonical: "sidePair" }
 };
+const CUSTOM_PROPERTY_ATTRS = {
+	target: { canonical: "target" },
+	propertyId: { canonical: "propertyId" },
+	label: { canonical: "label" }
+};
 const GEAR_ATTRS = {
 	controller: { canonical: "controller" },
 	pages: { canonical: "pages" },
@@ -10156,6 +10172,7 @@ const PROGRESSBAR_EXTENSION_NODE = defineNode(PROGRESSBAR_EXTENSION_ATTRS);
 const SLIDER_EXTENSION_NODE = defineNode(SLIDER_EXTENSION_ATTRS);
 const SCROLLBAR_EXTENSION_NODE = defineNode(SCROLLBAR_EXTENSION_ATTRS);
 const RELATION_NODE = defineNode(RELATION_ATTRS);
+const CUSTOM_PROPERTY_NODE = defineNode(CUSTOM_PROPERTY_ATTRS);
 const GEAR_NODE = defineNode(GEAR_ATTRS);
 const CONTROLLER_ACTION_NODE = defineNode(CONTROLLER_ACTION_ATTRS);
 const TRANSITION_ITEM_NODE = defineNode(TRANSITION_ITEM_ATTRS);
@@ -10246,7 +10263,8 @@ const PROJECT_XML_PROTOCOL = {
 	movieClip: MOVIE_CLIP_NODE,
 	componentRoot: defineNode(mergeAttrs(ROOT_COMPONENT_PANEL_ATTRS, ROOT_DESIGN_PANEL_ATTRS, ROOT_MISC_PANEL_ATTRS), mergeChildren({
 		controller: CONTROLLER_NODE,
-		transition: TRANSITION_NODE
+		transition: TRANSITION_NODE,
+		customProperty: CUSTOM_PROPERTY_NODE
 	}, WITH_ROOT_EXTENSION_CHILDREN), mergeContainers({ displayList: DISPLAY_LIST_CONTAINER$2 })),
 	componentInstance: COMPONENT_INSTANCE_NODE,
 	buttonExtension: BUTTON_EXTENSION_NODE,
@@ -11403,6 +11421,14 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 			}
 			const autoResizeItem = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.autoResizeItem);
 			if (autoResizeItem !== void 0) g.setAutoResizeItem?.(parseBool(autoResizeItem));
+			const childrenRenderOrder = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.childrenRenderOrder);
+			if (childrenRenderOrder) g.setChildrenRenderOrder?.({
+				ascent: 0,
+				descent: 1,
+				arch: 2
+			}[childrenRenderOrder] ?? 0);
+			const apexIndex = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.apexIndex);
+			if (apexIndex !== void 0) g.setApexIndex?.(parseInt2(apexIndex));
 			const selectionMode = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.selectionMode);
 			if (selectionMode) g.setSelectionMode({
 				single: 0,
@@ -11438,6 +11464,16 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 					});
 				}
 			}
+			const scrollBarMargin = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBarMargin);
+			if (scrollBarMargin) {
+				const parts = scrollBarMargin.split(",").map(Number);
+				g.setScrollBarMargin?.({
+					top: parts[0] ?? 0,
+					bottom: parts[1] ?? 0,
+					left: parts[2] ?? 0,
+					right: parts[3] ?? 0
+				});
+			}
 			const clipSoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.clipSoftness);
 			if (clipSoftness) {
 				const csParts = clipSoftness.split(",").map(Number);
@@ -11446,6 +11482,10 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 					y: csParts[1] ?? 0
 				});
 			}
+			const scrollItemToViewOnClick = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollItemToViewOnClick);
+			if (scrollItemToViewOnClick !== void 0) g.setScrollItemToViewOnClick?.(parseBool(scrollItemToViewOnClick));
+			const foldInvisibleItems = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.foldInvisibleItems);
+			if (foldInvisibleItems !== void 0) g.setFoldInvisibleItems?.(parseBool(foldInvisibleItems));
 			const listItemChildName = getProtocolChildName$2(PROJECT_XML_PROTOCOL.list, "item");
 			const items = listItemChildName ? ensureArray(attrs[listItemChildName]) : [];
 			if (items.length > 0) {
@@ -11884,6 +11924,19 @@ function readComponentXml(ctx, comp, xmlContent) {
 			}
 		}
 	}
+	const customPropertyChildName = getProtocolChildName$1(PROJECT_XML_PROTOCOL.componentRoot, "customProperty");
+	const customProperties = customPropertyChildName ? ensureArray(compNode[customPropertyChildName]) : [];
+	const customPropertyProtocol = PROJECT_XML_PROTOCOL.componentRoot.children?.customProperty;
+	comp.setCustomProperties(customProperties.flatMap((value) => {
+		const property = getXmlNode$1(value);
+		const propertyId = property ? parseInt2(readXmlAttr(property, customPropertyProtocol?.attrs.propertyId), -1) : -1;
+		if (!property || propertyId !== 0 && propertyId !== 1) return [];
+		return [{
+			target: readXmlAttr(property, customPropertyProtocol?.attrs.target) ?? "",
+			propertyId,
+			label: readXmlAttr(property, customPropertyProtocol?.attrs.label) ?? ""
+		}];
+	}));
 	const localControllers = /* @__PURE__ */ new Map();
 	const controllers = ensureArray(compNode.controller);
 	for (const ctrlDef of controllers) {
@@ -12904,10 +12957,11 @@ function serializeChild(obj) {
 	if (obj.getId()) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.displayObject.attrs.id, obj.getId());
 	if (obj.getName()) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.displayObject.attrs.name, obj.getName());
 	const type = obj.propertyType;
-	if (type === "GImage" || type === "GMovieClip" || type === "GComponent" || EXTENSION_TYPE[type]) {
+	if (type === "GImage" || type === "GMovieClip" || type === "GComponent" || type === "GList" || type === "GTree" || EXTENSION_TYPE[type]) {
 		const src = typedObj.getSrc?.();
 		if (src) if (type === "GComponent" || EXTENSION_TYPE[type]) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.componentInstance.attrs.src, src);
 		else if (type === "GMovieClip") writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.movieClip.attrs.src, src);
+		else if (type === "GList" || type === "GTree") writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.src, src);
 		else writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.image.attrs.src, src);
 	}
 	if ((type === "GComponent" || type === "GList" || type === "GTree") && typedObj.getControllerOverrides?.()) if (type === "GComponent") writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.componentInstance.attrs.controllerOverrides, typedObj.getControllerOverrides?.());
@@ -13279,6 +13333,16 @@ function serializeChild(obj) {
 		else if (layout === 3 && lineCount !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.lineItemCount, String(lineCount));
 		if (layout === 4 && lineCount !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.lineItemCount2, String(lineCount));
 		if (typedObj.getAutoResizeItem?.() === false) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.autoResizeItem, "false");
+		const childrenRenderOrder = typedObj.getChildrenRenderOrder?.() ?? 0;
+		if (childrenRenderOrder !== 0) {
+			writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.childrenRenderOrder, {
+				0: "ascent",
+				1: "descent",
+				2: "arch"
+			}[childrenRenderOrder] ?? "ascent");
+			const apexIndex = typedObj.getApexIndex?.() ?? 0;
+			if (childrenRenderOrder === 2 && apexIndex !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.apexIndex, String(apexIndex));
+		}
 		const selectionMode = typedObj.getSelectionMode?.();
 		if (selectionMode !== void 0 && selectionMode !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.selectionMode, {
 			0: "single",
@@ -13293,7 +13357,7 @@ function serializeChild(obj) {
 		if (isTree) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.treeView, "true");
 		if (isTree) {
 			const indent = typedObj.getIndent?.() ?? 0;
-			if (indent !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.indent, String(indent));
+			writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.indent, String(indent));
 			const clickToExpand = typedObj.getClickToExpand?.() ?? 0;
 			if (clickToExpand !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.clickToExpand, String(clickToExpand));
 		}
@@ -13311,6 +13375,8 @@ function serializeChild(obj) {
 		}[scrollType] ?? "vertical");
 		const scrollBarFlags = typedObj.getScrollBarFlags?.() ?? 0;
 		if (scrollBarFlags !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBarFlags, String(scrollBarFlags));
+		const scrollBarMargin = typedObj.getScrollBarMargin?.();
+		if (hasNonZeroInsets(scrollBarMargin)) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBarMargin, formatInsets(scrollBarMargin));
 		const vtScrollBarRes = typedObj.getVtScrollBarRes?.() ?? "";
 		const hzScrollBarRes = typedObj.getHzScrollBarRes?.() ?? "";
 		if (vtScrollBarRes || hzScrollBarRes) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBarRes, `${vtScrollBarRes},${hzScrollBarRes}`);
@@ -13321,6 +13387,8 @@ function serializeChild(obj) {
 		if (hasNonZeroInsets(margin)) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.margin, formatInsets(margin));
 		const clipSoftness = typedObj.getClipSoftness?.();
 		if (clipSoftness && ((clipSoftness.x ?? 0) !== 0 || (clipSoftness.y ?? 0) !== 0)) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.clipSoftness, `${clipSoftness.x ?? 0},${clipSoftness.y ?? 0}`);
+		if (typedObj.getScrollItemToViewOnClick?.() === false) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollItemToViewOnClick, "false");
+		if (typedObj.getFoldInvisibleItems?.() === true) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.foldInvisibleItems, "true");
 		const listItems = typedObj.getListItems?.() ?? [];
 		const listItemChildName = getProtocolChildName(PROJECT_XML_PROTOCOL.list, "item");
 		if (listItems.length > 0 && listItemChildName) attrs[listItemChildName] = listItems.map((item) => serializeListItemXmlNode(item, { forceLevel: isTree }));
@@ -13647,6 +13715,16 @@ async function writeComponent(fs, comp, pkgDir, sourceRelativePath) {
 		const transitionChildName = getProtocolChildName(PROJECT_XML_PROTOCOL.componentRoot, "transition");
 		if (transitionChildName) compNode[transitionChildName] = transitions.map((t) => serializeTransition(t));
 	}
+	const customProperties = typedComp.getCustomProperties?.() ?? [];
+	const customPropertyChildName = getProtocolChildName(PROJECT_XML_PROTOCOL.componentRoot, "customProperty");
+	const customPropertyProtocol = PROJECT_XML_PROTOCOL.componentRoot.children?.customProperty;
+	if (customProperties.length > 0 && customPropertyChildName) compNode[customPropertyChildName] = customProperties.map((property) => {
+		const attrs = {};
+		writeXmlAttr(attrs, customPropertyProtocol?.attrs.target, property.target);
+		writeXmlAttr(attrs, customPropertyProtocol?.attrs.propertyId, String(property.propertyId));
+		if (property.label) writeXmlAttr(attrs, customPropertyProtocol?.attrs.label, property.label);
+		return attrs;
+	});
 	if (extType) {
 		const extSpecs = EXTENSION_PROTOCOL_MAP[extType].attrs;
 		const extAttrs = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openfairygui/cli",
-  "version": "0.2.0-alpha.23",
+  "version": "0.2.0-alpha.25",
   "description": "FairyGUI Headless Authoring SDK — command-line interface.",
   "author": "OpenFairyGUI Contributors",
   "license": "MIT",
@@ -33,13 +33,13 @@
     "restore"
   ],
   "devDependencies": {
-    "@openfairygui/core": "0.2.0-alpha.23",
-    "@openfairygui/functions": "0.2.0-alpha.23"
+    "@openfairygui/functions": "0.2.0-alpha.25",
+    "@openfairygui/core": "0.2.0-alpha.25"
   },
   "dependencies": {
     "commander": "^14.0.2",
     "jiti": "^2.7.0",
-    "@openfairygui/backend": "0.2.0-alpha.23"
+    "@openfairygui/backend": "0.2.0-alpha.25"
   },
   "optionalDependencies": {
     "sharp": ">=0.33.0"