@rxdrag/website-lib 0.0.2

package/README.md

@@ -0,0 +1,2 @@
+@rxdrag/website-lib
+含 astro 组件，不能在 React 中使用

package/dist/_astro/client.D-vx6DWE.js

@@ -0,0 +1,170 @@
+import { createElement, startTransition } from 'react';
+import require$$0 from 'react-dom';
+
+var hydrateRoot;
+var createRoot;
+
+var m = require$$0;
+if (process.env.NODE_ENV === 'production') {
+  createRoot = m.createRoot;
+  hydrateRoot = m.hydrateRoot;
+} else {
+  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  createRoot = function(c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return m.createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+  hydrateRoot = function(c, h, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return m.hydrateRoot(c, h, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+
+/**
+ * Astro passes `children` as a string of HTML, so we need
+ * a wrapper `div` to render that content as VNodes.
+ *
+ * As a bonus, we can signal to React that this subtree is
+ * entirely static and will never change via `shouldComponentUpdate`.
+ */
+const StaticHtml = ({ value, name, hydrate = true }) => {
+	if (!value) return null;
+	const tagName = hydrate ? 'astro-slot' : 'astro-static-slot';
+	return createElement(tagName, {
+		name,
+		suppressHydrationWarning: true,
+		dangerouslySetInnerHTML: { __html: value },
+	});
+};
+
+/**
+ * This tells React to opt-out of re-rendering this subtree,
+ * In addition to being a performance optimization,
+ * this also allows other frameworks to attach to `children`.
+ *
+ * See https://preactjs.com/guide/v8/external-dom-mutations
+ */
+StaticHtml.shouldComponentUpdate = () => false;
+
+function isAlreadyHydrated(element) {
+	for (const key in element) {
+		if (key.startsWith('__reactContainer')) {
+			return key;
+		}
+	}
+}
+
+function createReactElementFromDOMElement(element) {
+	let attrs = {};
+	for (const attr of element.attributes) {
+		attrs[attr.name] = attr.value;
+	}
+	// If the element has no children, we can create a simple React element
+	if (element.firstChild === null) {
+		return createElement(element.localName, attrs);
+	}
+
+	return createElement(
+		element.localName,
+		attrs,
+		Array.from(element.childNodes)
+			.map((c) => {
+				if (c.nodeType === Node.TEXT_NODE) {
+					return c.data;
+				} else if (c.nodeType === Node.ELEMENT_NODE) {
+					return createReactElementFromDOMElement(c);
+				} else {
+					return undefined;
+				}
+			})
+			.filter((a) => !!a),
+	);
+}
+
+function getChildren(childString, experimentalReactChildren) {
+	if (experimentalReactChildren && childString) {
+		let children = [];
+		let template = document.createElement('template');
+		template.innerHTML = childString;
+		for (let child of template.content.children) {
+			children.push(createReactElementFromDOMElement(child));
+		}
+		return children;
+	} else if (childString) {
+		return createElement(StaticHtml, { value: childString });
+	} else {
+		return undefined;
+	}
+}
+
+// Keep a map of roots so we can reuse them on re-renders
+let rootMap = new WeakMap();
+const getOrCreateRoot = (element, creator) => {
+	let root = rootMap.get(element);
+	if (!root) {
+		root = creator();
+		rootMap.set(element, root);
+	}
+	return root;
+};
+
+const client = (element) =>
+	(Component, props, { default: children, ...slotted }, { client }) => {
+		if (!element.hasAttribute('ssr')) return;
+
+		const actionKey = element.getAttribute('data-action-key');
+		const actionName = element.getAttribute('data-action-name');
+		const stringifiedActionResult = element.getAttribute('data-action-result');
+
+		const formState =
+			actionKey && actionName && stringifiedActionResult
+				? [JSON.parse(stringifiedActionResult), actionKey, actionName]
+				: undefined;
+
+		const renderOptions = {
+			identifierPrefix: element.getAttribute('prefix'),
+			formState,
+		};
+		for (const [key, value] of Object.entries(slotted)) {
+			props[key] = createElement(StaticHtml, { value, name: key });
+		}
+
+		const componentEl = createElement(
+			Component,
+			props,
+			getChildren(children, element.hasAttribute('data-react-children')),
+		);
+		const rootKey = isAlreadyHydrated(element);
+		// HACK: delete internal react marker for nested components to suppress aggressive warnings
+		if (rootKey) {
+			delete element[rootKey];
+		}
+		if (client === 'only') {
+			return startTransition(() => {
+				const root = getOrCreateRoot(element, () => {
+					const r = createRoot(element);
+					element.addEventListener('astro:unmount', () => r.unmount(), { once: true });
+					return r;
+				});
+				root.render(componentEl);
+			});
+		}
+		startTransition(() => {
+			const root = getOrCreateRoot(element, () => {
+				const r = hydrateRoot(element, componentEl, renderOptions);
+				element.addEventListener('astro:unmount', () => r.unmount(), { once: true });
+				return r;
+			});
+			root.render(componentEl);
+		});
+	};
+
+export { client as default };

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@rxdrag/website-lib",
+  "version": "0.0.2",
+  "module": "dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@astrojs/react": "^3.0.0",
+    "@astrojs/vercel": "^8.1.2",
+    "@babel/types": "^7.26.9",
+    "@types/react": "^18.2.22",
+    "@types/react-dom": "^18.2.7",
+    "astro": "^4.0.0",
+    "eslint": "^7.32.0",
+    "typescript": "^5",
+    "@rxdrag/entify-hooks": "0.2.38",
+    "@rxdrag/eslint-config-custom": "0.2.10",
+    "@rxdrag/slate-preview": "1.2.53",
+    "@rxdrag/tsconfig": "0.2.0"
+  },
+  "dependencies": {
+    "add": "^2.0.6",
+    "clsx": "^2.1.0",
+    "motion": "^12.4.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@rxdrag/rxcms-models": "0.3.44",
+    "@rxdrag/website-lib-core": "0.0.2"
+  },
+  "scripts": {
+    "lint": "eslint . --ext .ts,tsx",
+    "clean": "rimraf -rf .turbo && rimraf -rf node_modules && rimraf -rf dist",
+    "build": "astro build"
+  },
+  "typings": "dist/index.d.ts"
+}