@dineug/erd-editor 4.2.0 → 5.0.0

package/dist/r-html/dist/render/part/node/comment.js

@@ -0,0 +1,34 @@
+import { isNull, isPrimitive, isString, isUndefined } from "../../../helpers/is-type.js";
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers } from "../../../template/helper.js";
+import { domHelper, equalValues } from "../../helper.js";
+//#region ../r-html/dist/render/part/node/comment.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _node = /* @__PURE__ */ new WeakMap();
+var _value = /* @__PURE__ */ new WeakMap();
+var _markerTuples = /* @__PURE__ */ new WeakMap();
+var _values = /* @__PURE__ */ new WeakMap();
+var CommentPart = class {
+	constructor(node, { value }, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _value, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuples, []);
+		_classPrivateFieldInitSpec(this, _values, []);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_value, this, value);
+		isString(value) && _classPrivateFieldSet2(_markerTuples, this, getMarkers(value));
+	}
+	commit(values) {
+		const targetValues = _classPrivateFieldGet2(_markerTuples, this).map(([_, index]) => values[index]);
+		if (equalValues(_classPrivateFieldGet2(_values, this), targetValues)) return;
+		_classPrivateFieldSet2(_values, this, targetValues);
+		const value = _classPrivateFieldGet2(_values, this).reduce((acc, cur, i) => acc.replace(new RegExp(_classPrivateFieldGet2(_markerTuples, this)[i][0]), isPrimitive(cur) && !isNull(cur) && !isUndefined(cur) ? String(cur) : ""), _classPrivateFieldGet2(_value, this) ?? "");
+		_classPrivateFieldGet2(_helper, this).setText(_classPrivateFieldGet2(_node, this), value);
+	}
+};
+//#endregion
+export { CommentPart };

package/dist/r-html/dist/render/part/node/component/hooks.js

@@ -0,0 +1,28 @@
+import { safeCallback } from "../../../../helpers/fn.js";
+import { isArray } from "../../../../helpers/is-type.js";
+import { BEFORE_MOUNT, BEFORE_UPDATE, LIFECYCLE_NAMES, MOUNTED, UNMOUNTED, UPDATED } from "../../../../constants.js";
+//#region ../r-html/dist/render/part/node/component/hooks.js
+var currentInstance = null;
+function setCurrentInstance(component) {
+	currentInstance = component;
+}
+function getCurrentInstance() {
+	return currentInstance;
+}
+var createLifecycle = (name) => (f) => {
+	currentInstance && (currentInstance[name] ?? (currentInstance[name] = [])).push(f);
+};
+var onBeforeMount = createLifecycle(BEFORE_MOUNT);
+var onMounted = createLifecycle(MOUNTED);
+var onUnmounted = createLifecycle(UNMOUNTED);
+var onBeforeUpdate = createLifecycle(BEFORE_UPDATE);
+var onUpdated = createLifecycle(UPDATED);
+function lifecycleHooks(instance, name) {
+	const hooks = Reflect.get(instance, name, instance);
+	isArray(hooks) && hooks.forEach(safeCallback);
+}
+function clearAllLifecycleHooks(instance) {
+	LIFECYCLE_NAMES.forEach((name) => Reflect.set(instance, name, null, instance));
+}
+//#endregion
+export { clearAllLifecycleHooks, getCurrentInstance, lifecycleHooks, onBeforeMount, onBeforeUpdate, onMounted, onUnmounted, onUpdated, setCurrentInstance };

package/dist/r-html/dist/render/part/node/component/index.js

@@ -0,0 +1,37 @@
+import _classPrivateFieldInitSpec from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { mixinHmrComponent } from "../../../hmr.js";
+import { domHelper } from "../../../helper.js";
+import { ObservableComponentPart } from "./observableComponent.js";
+//#region ../r-html/dist/render/part/node/component/index.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _startNode = /* @__PURE__ */ new WeakMap();
+var _endNode = /* @__PURE__ */ new WeakMap();
+var _part = /* @__PURE__ */ new WeakMap();
+var Component = class {
+	constructor(node, tNode, parts, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _startNode, void 0);
+		_classPrivateFieldInitSpec(this, _endNode, void 0);
+		_classPrivateFieldInitSpec(this, _part, void 0);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_startNode, this, helper.createMarker(""));
+		_classPrivateFieldSet2(_endNode, this, helper.createMarker(""));
+		_classPrivateFieldSet2(_part, this, new ObservableComponentPart(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this), tNode, parts, helper));
+		helper.insertBeforeNode(_classPrivateFieldGet2(_startNode, this), node);
+		helper.insertAfterNode(_classPrivateFieldGet2(_endNode, this), node);
+		helper.removeNode(node);
+	}
+	commit(values) {
+		_classPrivateFieldGet2(_part, this).commit(values);
+	}
+	destroy() {
+		_classPrivateFieldGet2(_part, this).destroy?.();
+		_classPrivateFieldGet2(_helper, this).removeNode(_classPrivateFieldGet2(_startNode, this));
+		_classPrivateFieldGet2(_helper, this).removeNode(_classPrivateFieldGet2(_endNode, this));
+	}
+};
+var ComponentPart = mixinHmrComponent(Component);
+//#endregion
+export { ComponentPart };

package/dist/r-html/dist/render/part/node/component/observableComponent.js

@@ -0,0 +1,111 @@
+import { isFunction } from "../../../../helpers/is-type.js";
+import { BEFORE_FIRST_UPDATE, BEFORE_MOUNT, BEFORE_UPDATE, FIRST_UPDATED, MOUNTED, TAttrType, UNMOUNTED, UPDATED } from "../../../../constants.js";
+import { clearAllLifecycleHooks, lifecycleHooks, setCurrentInstance } from "./hooks.js";
+import _classPrivateFieldInitSpec from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { hotReloadObservable } from "../../../hmr.js";
+import { observable, observer } from "../../../../observable/index.js";
+import { getMarkers } from "../../../../template/helper.js";
+import { domHelper, setProps } from "../../../helper.js";
+import { DirectivePart } from "../../attribute/directive.js";
+import { EventPart } from "../../attribute/event.js";
+import { SpreadPart } from "../../attribute/spread.js";
+import { PropPart } from "./prop.js";
+import { createPart, getPartType, isPart } from "../text/helper.js";
+//#region ../r-html/dist/render/part/node/component/observableComponent.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _startNode = /* @__PURE__ */ new WeakMap();
+var _endNode = /* @__PURE__ */ new WeakMap();
+var _markerTuple = /* @__PURE__ */ new WeakMap();
+var _tNode = /* @__PURE__ */ new WeakMap();
+var _directiveAttrs = /* @__PURE__ */ new WeakMap();
+var _parts = /* @__PURE__ */ new WeakMap();
+var _part = /* @__PURE__ */ new WeakMap();
+var _props = /* @__PURE__ */ new WeakMap();
+var _Component = /* @__PURE__ */ new WeakMap();
+var _unsubscribe = /* @__PURE__ */ new WeakMap();
+var _eventBus = /* @__PURE__ */ new WeakMap();
+var ObservableComponentPart = class {
+	constructor(startNode, endNode, tNode, parts, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _startNode, void 0);
+		_classPrivateFieldInitSpec(this, _endNode, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuple, void 0);
+		_classPrivateFieldInitSpec(this, _tNode, void 0);
+		_classPrivateFieldInitSpec(this, _directiveAttrs, []);
+		_classPrivateFieldInitSpec(this, _parts, []);
+		_classPrivateFieldInitSpec(this, _part, null);
+		_classPrivateFieldInitSpec(this, _props, observable({}, { shallow: true }));
+		_classPrivateFieldInitSpec(this, _Component, null);
+		_classPrivateFieldInitSpec(this, _unsubscribe, null);
+		_classPrivateFieldInitSpec(this, _eventBus, void 0);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_eventBus, this, helper.createEventBus());
+		_classPrivateFieldSet2(_startNode, this, startNode);
+		_classPrivateFieldSet2(_endNode, this, endNode);
+		_classPrivateFieldSet2(_tNode, this, tNode);
+		_classPrivateFieldSet2(_markerTuple, this, getMarkers(tNode.value)[0]);
+		tNode.staticAttrs && tNode.staticAttrs.forEach((attr) => setProps(_classPrivateFieldGet2(_props, this), attr));
+		tNode.attrs?.forEach((attr) => {
+			attr.type === TAttrType.directive ? _classPrivateFieldGet2(_directiveAttrs, this).push(attr) : attr.type === TAttrType.spread ? parts.push(new SpreadPart(_classPrivateFieldGet2(_props, this), attr)) : attr.type === TAttrType.event ? parts.push(new EventPart(_classPrivateFieldGet2(_eventBus, this), attr, helper)) : parts.push(new PropPart(_classPrivateFieldGet2(_props, this), attr));
+		});
+	}
+	createContext() {
+		return _classPrivateFieldGet2(_helper, this).createComponentContext(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_eventBus, this));
+	}
+	commit(values) {
+		const [, index] = _classPrivateFieldGet2(_markerTuple, this);
+		const functionalComponent = values[index];
+		if (!isFunction(functionalComponent) || _classPrivateFieldGet2(_Component, this) === functionalComponent) {
+			_classPrivateFieldGet2(_parts, this).forEach((part) => part.commit(values));
+			return;
+		}
+		const ctx = this.createContext();
+		this.clear();
+		setCurrentInstance(this);
+		const render = functionalComponent.call(ctx, _classPrivateFieldGet2(_props, this), ctx);
+		setCurrentInstance(null);
+		hotReloadObservable(this);
+		if (_classPrivateFieldGet2(_directiveAttrs, this).length) _classPrivateFieldGet2(_parts, this).push(..._classPrivateFieldGet2(_directiveAttrs, this).map((attr) => new DirectivePart(ctx, attr)));
+		lifecycleHooks(this, BEFORE_MOUNT);
+		let isMounted = false;
+		_classPrivateFieldSet2(_unsubscribe, this, observer(() => {
+			const result = render();
+			const type = getPartType(result);
+			if (!isPart(type, _classPrivateFieldGet2(_part, this))) {
+				this.partClear();
+				_classPrivateFieldSet2(_part, this, createPart(type, _classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this), _classPrivateFieldGet2(_helper, this)));
+			}
+			lifecycleHooks(this, isMounted ? BEFORE_UPDATE : BEFORE_FIRST_UPDATE);
+			_classPrivateFieldGet2(_part, this)?.commit(result);
+			if (isMounted) lifecycleHooks(this, UPDATED);
+			else {
+				lifecycleHooks(this, FIRST_UPDATED);
+				isMounted = true;
+			}
+		}));
+		_classPrivateFieldGet2(_parts, this).forEach((part) => part.commit(values));
+		lifecycleHooks(this, MOUNTED);
+		_classPrivateFieldSet2(_Component, this, functionalComponent);
+	}
+	partClear() {
+		_classPrivateFieldGet2(_part, this)?.destroy?.();
+		_classPrivateFieldGet2(_helper, this).removeRange(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this));
+	}
+	clear() {
+		_classPrivateFieldGet2(_helper, this).removeRange(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this));
+		lifecycleHooks(this, UNMOUNTED);
+		_classPrivateFieldGet2(_parts, this).forEach((part) => part.destroy?.());
+		_classPrivateFieldGet2(_unsubscribe, this)?.call(this);
+		_classPrivateFieldSet2(_parts, this, []);
+		_classPrivateFieldSet2(_unsubscribe, this, null);
+		clearAllLifecycleHooks(this);
+	}
+	destroy() {
+		this.clear();
+		this.partClear();
+	}
+};
+//#endregion
+export { ObservableComponentPart };

package/dist/r-html/dist/render/part/node/component/prop.js

@@ -0,0 +1,30 @@
+import _classPrivateFieldInitSpec from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers } from "../../../../template/helper.js";
+import { equalValues } from "../../../helper.js";
+//#region ../r-html/dist/render/part/node/component/prop.js
+var _props = /* @__PURE__ */ new WeakMap();
+var _attrName = /* @__PURE__ */ new WeakMap();
+var _markerTuples = /* @__PURE__ */ new WeakMap();
+var _values = /* @__PURE__ */ new WeakMap();
+var PropPart = class {
+	constructor(props, { name, value }) {
+		_classPrivateFieldInitSpec(this, _props, void 0);
+		_classPrivateFieldInitSpec(this, _attrName, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuples, []);
+		_classPrivateFieldInitSpec(this, _values, []);
+		_classPrivateFieldSet2(_props, this, props);
+		_classPrivateFieldSet2(_attrName, this, name);
+		_classPrivateFieldSet2(_markerTuples, this, getMarkers(value ?? ""));
+	}
+	commit(values) {
+		const newValues = _classPrivateFieldGet2(_markerTuples, this).map(([_, index]) => values[index]);
+		if (equalValues(_classPrivateFieldGet2(_values, this), newValues)) return;
+		const value = newValues[newValues.length - 1];
+		Reflect.set(_classPrivateFieldGet2(_props, this), _classPrivateFieldGet2(_attrName, this), value);
+		_classPrivateFieldSet2(_values, this, newValues);
+	}
+};
+//#endregion
+export { PropPart };

package/dist/r-html/dist/render/part/node/component/webComponent/helper.js

@@ -0,0 +1,19 @@
+import { isArray, isFunction, isObject, isUndefined } from "../../../../../helpers/is-type.js";
+//#region ../r-html/dist/render/part/node/component/webComponent/helper.js
+var getPropNames = (observedProps) => isArray(observedProps) ? observedProps : isUndefined(observedProps) ? [] : Object.keys(observedProps);
+var getDefaultProps = (observedProps) => isUndefined(observedProps) || isArray(observedProps) ? [] : Object.keys(observedProps).filter((name) => {
+	const value = observedProps[name];
+	return value === Number || value === String || value === Boolean || isObject(value) && !isUndefined(value.default);
+}).map((name) => {
+	const value = observedProps[name];
+	return isObject(value) ? [name, Reflect.get(value, "default")] : value === Number ? [name, 0] : value === Boolean ? [name, false] : [name, ""];
+});
+var getPropTypes = (observedProps) => isUndefined(observedProps) || isArray(observedProps) ? [] : Object.keys(observedProps).filter((name) => {
+	const value = observedProps[name];
+	return isFunction(value) || isObject(value) && !isUndefined(value.type);
+}).map((name) => {
+	const value = observedProps[name];
+	return isObject(value) ? [name, Reflect.get(value, "type")] : [name, value];
+});
+//#endregion
+export { getDefaultProps, getPropNames, getPropTypes };

package/dist/r-html/dist/render/part/node/component/webComponent/index.js

@@ -0,0 +1,79 @@
+import { BEFORE_FIRST_UPDATE, BEFORE_MOUNT, BEFORE_UPDATE, FIRST_UPDATED, MOUNTED, UNMOUNTED, UPDATED } from "../../../../../constants.js";
+import { lifecycleHooks, setCurrentInstance } from "../hooks.js";
+import _classPrivateFieldInitSpec from "../../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { observable, observer } from "../../../../../observable/index.js";
+import _defineProperty from "../../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/defineProperty.js";
+import { camelCase, kebabCase } from "../../../../helper.js";
+import { html } from "../../../../../template/html.js";
+import { render } from "../../../../index.js";
+import { getDefaultProps, getPropNames, getPropTypes } from "./helper.js";
+import { addCSSHost, removeCSSHost } from "../../../../../template/vCSSStyleSheet.js";
+//#region ../r-html/dist/render/part/node/component/webComponent/index.js
+var PROPS = Symbol.for("https://github.com/dineug/r-html#props");
+function createCustomElement(options) {
+	var _unsubscribe, _renderRoot, _template;
+	options.shadow ?? (options.shadow = "open");
+	const observedPropNames = getPropNames(options.observedProps);
+	const observedPropTypes = getPropTypes(options.observedProps);
+	const observedDefaultProps = getDefaultProps(options.observedProps);
+	const C = (_unsubscribe = /* @__PURE__ */ new WeakMap(), _renderRoot = /* @__PURE__ */ new WeakMap(), _template = /* @__PURE__ */ new WeakMap(), class extends HTMLElement {
+		static get observedAttributes() {
+			return Array.from(/* @__PURE__ */ new Set([...observedPropNames, ...observedPropNames.map((propName) => kebabCase(propName))]));
+		}
+		constructor() {
+			super();
+			_defineProperty(this, PROPS, observable({}, { shallow: true }));
+			_classPrivateFieldInitSpec(this, _unsubscribe, null);
+			_classPrivateFieldInitSpec(this, _renderRoot, this);
+			_classPrivateFieldInitSpec(this, _template, void 0);
+			_defineProperty(this, "host", this);
+			observedDefaultProps.forEach(([name, value]) => Reflect.set(this[PROPS], camelCase(name), value));
+			options.shadow && _classPrivateFieldSet2(_renderRoot, this, this.attachShadow({ mode: options.shadow }));
+			setCurrentInstance(this);
+			_classPrivateFieldSet2(_template, this, options.render.call(this, this[PROPS], this));
+			setCurrentInstance(null);
+		}
+		connectedCallback() {
+			const rootNode = this.getRootNode();
+			if (rootNode instanceof ShadowRoot) this.host = rootNode.host;
+			if (_classPrivateFieldGet2(_renderRoot, this) instanceof ShadowRoot) addCSSHost(_classPrivateFieldGet2(_renderRoot, this));
+			lifecycleHooks(this, BEFORE_MOUNT);
+			let isMounted = false;
+			_classPrivateFieldSet2(_unsubscribe, this, observer(() => {
+				lifecycleHooks(this, isMounted ? BEFORE_UPDATE : BEFORE_FIRST_UPDATE);
+				render(_classPrivateFieldGet2(_renderRoot, this), html`${_classPrivateFieldGet2(_template, this).call(this)}`);
+				if (isMounted) lifecycleHooks(this, UPDATED);
+				else {
+					lifecycleHooks(this, FIRST_UPDATED);
+					isMounted = true;
+				}
+			}));
+			lifecycleHooks(this, MOUNTED);
+		}
+		disconnectedCallback() {
+			_classPrivateFieldGet2(_unsubscribe, this)?.call(this);
+			_classPrivateFieldSet2(_unsubscribe, this, null);
+			lifecycleHooks(this, UNMOUNTED);
+			if (_classPrivateFieldGet2(_renderRoot, this) instanceof ShadowRoot) removeCSSHost(_classPrivateFieldGet2(_renderRoot, this));
+		}
+		attributeChangedCallback(propName, oldValue, newValue) {
+			const propTypeTuple = observedPropTypes.find(([name]) => camelCase(name) === camelCase(propName));
+			propTypeTuple ? Reflect.set(this[PROPS], camelCase(propName), propTypeTuple[1] === Boolean ? newValue === "true" || newValue === "" : propTypeTuple[1](newValue)) : Reflect.set(this[PROPS], camelCase(propName), newValue);
+		}
+	});
+	observedPropNames.forEach((propName) => {
+		Object.defineProperty(C.prototype, propName, {
+			get() {
+				return Reflect.get(this[PROPS], propName);
+			},
+			set(value) {
+				Reflect.set(this[PROPS], propName, value);
+			}
+		});
+	});
+	return C;
+}
+//#endregion
+export { createCustomElement };

package/dist/r-html/dist/render/part/node/text/array.js

@@ -0,0 +1,87 @@
+import _classPrivateFieldInitSpec from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import _defineProperty from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/defineProperty.js";
+import { domHelper } from "../../../helper.js";
+import { Action, difference, partsToDiffItems, valuesToDiffItems } from "./arrayDiff.js";
+import { createPart, getPartType } from "./helper.js";
+//#region ../r-html/dist/render/part/node/text/array.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _startNode = /* @__PURE__ */ new WeakMap();
+var _endNode = /* @__PURE__ */ new WeakMap();
+var _parts = /* @__PURE__ */ new WeakMap();
+var ArrayPart = class {
+	constructor(startNode, endNode, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _startNode, void 0);
+		_classPrivateFieldInitSpec(this, _endNode, void 0);
+		_classPrivateFieldInitSpec(this, _parts, []);
+		_classPrivateFieldSet2(_startNode, this, startNode);
+		_classPrivateFieldSet2(_endNode, this, endNode);
+		_classPrivateFieldSet2(_helper, this, helper);
+	}
+	commit(values) {
+		const diff = difference(partsToDiffItems(_classPrivateFieldGet2(_parts, this)), valuesToDiffItems(values));
+		const arrayLike = { length: values.length };
+		diff.update.forEach(({ action, from, to }) => {
+			switch (action) {
+				case Action.create:
+					const node = _classPrivateFieldGet2(_helper, this).createMarker("");
+					to === 0 ? _classPrivateFieldGet2(_helper, this).insertAfterNode(node, _classPrivateFieldGet2(_startNode, this)) : _classPrivateFieldGet2(_parts, this).length ? _classPrivateFieldGet2(_helper, this).insertAfterNode(node, arrayLike[to - 1] ? arrayLike[to - 1].endNode : _classPrivateFieldGet2(_parts, this)[to - 1].endNode) : _classPrivateFieldGet2(_helper, this).insertBeforeNode(node, _classPrivateFieldGet2(_endNode, this));
+					arrayLike[to] = new ItemPart(node, values[to], _classPrivateFieldGet2(_helper, this));
+					break;
+				case Action.move:
+					arrayLike[to] = _classPrivateFieldGet2(_parts, this)[from];
+					if (to === from) return;
+					to === 0 ? _classPrivateFieldGet2(_parts, this)[from].insert("after", _classPrivateFieldGet2(_startNode, this)) : _classPrivateFieldGet2(_parts, this)[from].insert("after", arrayLike[to - 1] ? arrayLike[to - 1].endNode : _classPrivateFieldGet2(_parts, this)[to - 1].endNode);
+			}
+		});
+		diff.delete.forEach(({ from }) => _classPrivateFieldGet2(_parts, this)[from].destroy());
+		_classPrivateFieldSet2(_parts, this, Array.from(arrayLike));
+		_classPrivateFieldGet2(_parts, this).forEach((part, index) => part.commit(values[index]));
+	}
+	destroy() {
+		_classPrivateFieldGet2(_parts, this).forEach((part) => part.destroy());
+	}
+};
+var _part = /* @__PURE__ */ new WeakMap();
+var _helper2 = /* @__PURE__ */ new WeakMap();
+var ItemPart = class {
+	constructor(node, value, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _part, void 0);
+		_classPrivateFieldInitSpec(this, _helper2, void 0);
+		_defineProperty(this, "startNode", void 0);
+		_defineProperty(this, "endNode", void 0);
+		_defineProperty(this, "type", void 0);
+		_defineProperty(this, "value", void 0);
+		_classPrivateFieldSet2(_helper2, this, helper);
+		this.startNode = helper.createMarker("");
+		this.endNode = helper.createMarker("");
+		helper.insertBeforeNode(this.startNode, node);
+		helper.insertAfterNode(this.endNode, node);
+		helper.removeNode(node);
+		this.value = value;
+		this.type = getPartType(value);
+		_classPrivateFieldSet2(_part, this, createPart(this.type, this.startNode, this.endNode, helper));
+	}
+	commit(value) {
+		_classPrivateFieldGet2(_part, this).commit(value);
+		this.value = value;
+	}
+	insert(position, refChild) {
+		const nodes = [
+			this.startNode,
+			..._classPrivateFieldGet2(_helper2, this).rangeNodes(this.startNode, this.endNode),
+			this.endNode
+		];
+		position === "before" ? nodes.forEach((node) => _classPrivateFieldGet2(_helper2, this).insertBeforeNode(node, refChild)) : nodes.reverse().forEach((node) => _classPrivateFieldGet2(_helper2, this).insertAfterNode(node, refChild));
+	}
+	destroy() {
+		_classPrivateFieldGet2(_part, this).destroy?.();
+		_classPrivateFieldGet2(_helper2, this).removeRange(this.startNode, this.endNode);
+		_classPrivateFieldGet2(_helper2, this).removeNode(this.startNode);
+		_classPrivateFieldGet2(_helper2, this).removeNode(this.endNode);
+	}
+};
+//#endregion
+export { ArrayPart, ItemPart };

package/dist/r-html/dist/render/part/node/text/arrayDiff.js

@@ -0,0 +1,90 @@
+import { PartType, getPartType } from "./helper.js";
+//#region ../r-html/dist/render/part/node/text/arrayDiff.js
+var Action = /* @__PURE__ */ function(Action) {
+	Action["create"] = "create";
+	Action["move"] = "move";
+	return Action;
+}({});
+function partsToDiffItems(parts) {
+	const items = [];
+	const itemToIndex = /* @__PURE__ */ new Map();
+	parts.forEach(({ type, value }, index) => {
+		const item = {
+			type,
+			key: type === PartType.templateLiterals ? value.strings : value
+		};
+		items.push(item);
+		itemToIndex.set(item, index);
+	});
+	return {
+		items,
+		itemToIndex
+	};
+}
+function valuesToDiffItems(values) {
+	const items = [];
+	const itemToIndex = /* @__PURE__ */ new Map();
+	values.forEach((value, index) => {
+		const type = getPartType(value);
+		const item = {
+			type,
+			key: type === PartType.templateLiterals ? value.strings : value
+		};
+		items.push(item);
+		itemToIndex.set(item, index);
+	});
+	return {
+		items,
+		itemToIndex
+	};
+}
+function difference(oldDiffValue, newDiffValue, options) {
+	const strict = Boolean(options?.strict);
+	const diff = {
+		update: [],
+		delete: []
+	};
+	const move = /* @__PURE__ */ new Set();
+	const updateOldItems = [];
+	const oldItems = oldDiffValue.items;
+	const newItems = newDiffValue.items;
+	oldItems.forEach((oldItem, from) => {
+		const to = newItems.findIndex((newItem, to) => oldItem.type === newItem.type && oldItem.key === newItem.key && !move.has(to));
+		if (to === -1) {
+			if (strict) diff.delete.push({ from });
+			else updateOldItems.push(oldItem);
+		} else {
+			move.add(to);
+			diff.update.push({
+				action: "move",
+				from,
+				to
+			});
+		}
+	});
+	updateOldItems.forEach((oldItem) => {
+		const from = oldDiffValue.itemToIndex.get(oldItem);
+		const toItem = newItems.find((newItem, to) => oldItem.type === newItem.type && !move.has(to));
+		if (toItem) {
+			const to = newDiffValue.itemToIndex.get(toItem);
+			move.add(to);
+			diff.update.push({
+				action: "move",
+				from,
+				to
+			});
+		} else diff.delete.push({ from });
+	});
+	newItems.forEach((newItem, to) => {
+		if (move.has(to)) return;
+		diff.update.push({
+			action: "create",
+			from: -1,
+			to: newDiffValue.itemToIndex.get(newItem)
+		});
+	});
+	diff.update.sort((a, b) => a.to - b.to);
+	return diff;
+}
+//#endregion
+export { Action, difference, partsToDiffItems, valuesToDiffItems };

package/dist/r-html/dist/render/part/node/text/directive.js

@@ -0,0 +1,51 @@
+import _classPrivateFieldInitSpec from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { createNodeDirectiveProps } from "../../../directives/nodeDirective.js";
+import { domHelper } from "../../../helper.js";
+import { isDirective } from "./helper.js";
+//#region ../r-html/dist/render/part/node/text/directive.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _startNode = /* @__PURE__ */ new WeakMap();
+var _endNode = /* @__PURE__ */ new WeakMap();
+var _directiveCreator = /* @__PURE__ */ new WeakMap();
+var _directive = /* @__PURE__ */ new WeakMap();
+var _directiveDestroy = /* @__PURE__ */ new WeakMap();
+var DirectivePart = class {
+	constructor(startNode, endNode, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _startNode, void 0);
+		_classPrivateFieldInitSpec(this, _endNode, void 0);
+		_classPrivateFieldInitSpec(this, _directiveCreator, null);
+		_classPrivateFieldInitSpec(this, _directive, null);
+		_classPrivateFieldInitSpec(this, _directiveDestroy, void 0);
+		_classPrivateFieldSet2(_startNode, this, startNode);
+		_classPrivateFieldSet2(_endNode, this, endNode);
+		_classPrivateFieldSet2(_helper, this, helper);
+	}
+	commit(newValue) {
+		if (!isDirective(newValue)) return;
+		const [value, directiveCreator] = newValue;
+		if (_classPrivateFieldGet2(_directiveCreator, this) !== directiveCreator) {
+			this.clear();
+			_classPrivateFieldSet2(_directive, this, directiveCreator(createNodeDirectiveProps(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this), _classPrivateFieldGet2(_helper, this))));
+			_classPrivateFieldSet2(_directiveCreator, this, directiveCreator);
+			_classPrivateFieldSet2(_directiveDestroy, this, _classPrivateFieldGet2(_directive, this)?.call(this, value));
+		} else {
+			const directiveDestroy = _classPrivateFieldGet2(_directive, this)?.call(this, value);
+			if (_classPrivateFieldGet2(_directiveDestroy, this) !== directiveDestroy) {
+				this.clear();
+				_classPrivateFieldSet2(_directiveDestroy, this, directiveDestroy);
+			}
+		}
+	}
+	clear() {
+		_classPrivateFieldGet2(_directiveDestroy, this)?.call(this);
+		_classPrivateFieldGet2(_helper, this).removeRange(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this));
+	}
+	destroy() {
+		this.clear();
+	}
+};
+//#endregion
+export { DirectivePart };

package/dist/r-html/dist/render/part/node/text/function.js

@@ -0,0 +1,7 @@
+//#region ../r-html/dist/render/part/node/text/function.js
+var FunctionPart = class {
+	constructor(startNode, endNode) {}
+	commit(value) {}
+};
+//#endregion
+export { FunctionPart };

package/dist/r-html/dist/render/part/node/text/helper.js

@@ -0,0 +1,55 @@
+import { isArray, isFunction, isPrimitive } from "../../../../helpers/is-type.js";
+import { DIRECTIVE } from "../../../../constants.js";
+import { DirectiveType } from "../../../directives/index.js";
+import { isTemplateLiterals } from "../../../../template/helper.js";
+import { domHelper, isHostNode } from "../../../helper.js";
+import { ArrayPart } from "./array.js";
+import { DirectivePart } from "./directive.js";
+import { FunctionPart } from "./function.js";
+import { NodePart } from "./node.js";
+import { ObjectPart } from "./object.js";
+import { PrimitivePart } from "./primitive.js";
+import { TemplateLiteralsPart } from "./templateLiterals.js";
+//#region ../r-html/dist/render/part/node/text/helper.js
+var PartType = /* @__PURE__ */ function(PartType) {
+	PartType["primitive"] = "primitive";
+	PartType["templateLiterals"] = "templateLiterals";
+	PartType["array"] = "array";
+	PartType["node"] = "node";
+	PartType["object"] = "object";
+	PartType["function"] = "function";
+	PartType["directive"] = "directive";
+	return PartType;
+}({});
+var isDirective = (value) => isArray(value) && Reflect.get(value, DIRECTIVE) === DirectiveType.node;
+var createInstanceof = (type) => (value) => value instanceof type;
+var isPrimitivePart = createInstanceof(PrimitivePart);
+var isTemplateLiteralsPart = createInstanceof(TemplateLiteralsPart);
+var isArrayPart = createInstanceof(ArrayPart);
+var isNodePart = createInstanceof(NodePart);
+var isObjectPart = createInstanceof(ObjectPart);
+var isFunctionPart = createInstanceof(FunctionPart);
+var isDirectivePart = createInstanceof(DirectivePart);
+var getPartType = (value) => isPrimitive(value) ? "primitive" : isTemplateLiterals(value) ? "templateLiterals" : isDirective(value) ? "directive" : isArray(value) ? "array" : isHostNode(value) ? "node" : isFunction(value) ? "function" : "object";
+var isPartMap = {
+	["primitive"]: isPrimitivePart,
+	["templateLiterals"]: isTemplateLiteralsPart,
+	["array"]: isArrayPart,
+	["node"]: isNodePart,
+	["function"]: isFunctionPart,
+	["object"]: isObjectPart,
+	["directive"]: isDirectivePart
+};
+var partMap = {
+	["primitive"]: PrimitivePart,
+	["templateLiterals"]: TemplateLiteralsPart,
+	["array"]: ArrayPart,
+	["node"]: NodePart,
+	["function"]: FunctionPart,
+	["object"]: ObjectPart,
+	["directive"]: DirectivePart
+};
+var isPart = (type, part) => isPartMap[type](part);
+var createPart = (type, startNode, endNode, helper = domHelper) => new partMap[type](startNode, endNode, helper);
+//#endregion
+export { PartType, createPart, getPartType, isArrayPart, isDirective, isDirectivePart, isFunctionPart, isNodePart, isObjectPart, isPart, isPrimitivePart, isTemplateLiteralsPart };