Chore: Create standalone repo for astro lit

Author: jlukic

.gitignore

@@ -0,0 +1 @@
+node_modules/

CHANGELOG.md

@@ -0,0 +1,9 @@
+# @astrojs/lit 🔥
+
+> First party support for Lit was included up until Astro 5 but was removed. This community version preserves Lit SSR rendering for newer versions of Lit.
+
+This **[Astro integration][https://astro.build/integrations/]** enables server-side rendering and client-side hydration for your [Lit](https://lit.dev/) custom elements.
+
+## License
+
+MIT

README.md

@@ -0,0 +1,16 @@
+async function polyfill() {
+	const { hydrateShadowRoots } = await import(
+		'@webcomponents/template-shadowroot/template-shadowroot.js'
+	);
+	window.addEventListener('DOMContentLoaded', () => hydrateShadowRoots(document.body), {
+		once: true,
+	});
+}
+
+const polyfillCheckEl = Document.parseHTMLUnsafe(
+	`<p><template shadowrootmode="open"></template></p>`
+).querySelector('p');
+
+if (!polyfillCheckEl?.shadowRoot) {
+	polyfill();
+}

client-shim.js

@@ -0,0 +1,85 @@
+/** @license Copyright 2020 Google LLC (BSD-3-Clause) */
+/** Bundled JS generated from "@astrojs/lit/client-shim.js" */
+var N = Object.defineProperty;
+var i = (t, n) => () => (t && (n = t((t = 0))), n);
+var b = (t, n) => {
+	for (var a in n) N(t, a, { get: n[a], enumerable: !0 });
+};
+function s() {
+	if (d === void 0) {
+		let t = document.createElement('div');
+		(t.innerHTML = '<div><template shadowrootmode="open"></template></div>'),
+			(d = !!t.firstElementChild.shadowRoot);
+	}
+	return d;
+}
+var d,
+	m = i(() => {});
+var p,
+	c,
+	f,
+	u = i(() => {
+		(p = (t) => t.parentElement === null),
+			(c = (t) => t.tagName === 'TEMPLATE'),
+			(f = (t) => t.nodeType === Node.ELEMENT_NODE);
+	});
+var h,
+	E = i(() => {
+		m();
+		u();
+		h = (t) => {
+			var n;
+			if (s()) return;
+			let a = [],
+				e = t.firstElementChild;
+			for (; e !== t && e !== null; )
+				if (c(e)) a.push(e), (e = e.content);
+				else if (e.firstElementChild !== null) e = e.firstElementChild;
+				else if (f(e) && e.nextElementSibling !== null) e = e.nextElementSibling;
+				else {
+					let o;
+					for (; e !== t && e !== null; )
+						if (p(e)) {
+							o = a.pop();
+							let r = o.parentElement,
+								l = o.getAttribute('shadowroot');
+							if (((e = o), l === 'open' || l === 'closed')) {
+								let y = o.hasAttribute('shadowrootdelegatesfocus');
+								try {
+									r.attachShadow({ mode: l, delegatesFocus: y }).append(o.content);
+								} catch {}
+							} else o = void 0;
+						} else {
+							let r = e.nextElementSibling;
+							if (r != null) {
+								(e = r), o !== void 0 && o.parentElement.removeChild(o);
+								break;
+							}
+							let l =
+								(n = e.parentElement) === null || n === void 0 ? void 0 : n.nextElementSibling;
+							if (l != null) {
+								(e = l), o !== void 0 && o.parentElement.removeChild(o);
+								break;
+							}
+							(e = e.parentElement), o !== void 0 && (o.parentElement.removeChild(o), (o = void 0));
+						}
+				}
+		};
+	});
+var w = i(() => {
+	E();
+});
+var v = {};
+b(v, { hasNativeDeclarativeShadowRoots: () => s, hydrateShadowRoots: () => h });
+var S = i(() => {
+	m();
+	w();
+});
+async function g() {
+	let { hydrateShadowRoots: t } = await Promise.resolve().then(() => (S(), v));
+	window.addEventListener('DOMContentLoaded', () => t(document.body), { once: true });
+}
+var x = Document.parseHTMLUnsafe(
+	'<p><template shadowrootmode="open"></template></p>'
+).querySelector('p');
+(!x || !x.shadowRoot) && g();

client-shim.min.js

@@ -0,0 +1,5 @@
+declare const _default: (element: HTMLElement) => (Component: any, props: Record<string, any>, { default: defaultChildren, ...slotted }: {
+    default: string;
+    [slotName: string]: string;
+}) => Promise<void>;
+export default _default;

dist/client.d.ts

@@ -0,0 +1,35 @@
+const addSlotAttrsToHtmlString = (slotName, html) => {
+  const templ = document.createElement("template");
+  templ.innerHTML = html;
+  Array.from(templ.content.children).forEach((node) => {
+    node.setAttribute("slot", slotName);
+  });
+  return templ.innerHTML;
+};
+var client_default = (element) => async (Component, props, { default: defaultChildren, ...slotted }) => {
+  let component = element.children[0];
+  const isClientOnly = element.getAttribute("client") === "only";
+  if (isClientOnly) {
+    component = new Component();
+    const otherSlottedChildren = Object.entries(slotted).map(([slotName, htmlStr]) => addSlotAttrsToHtmlString(slotName, htmlStr)).join("");
+    component.innerHTML = `${defaultChildren ?? ""}${otherSlottedChildren}`;
+    element.appendChild(component);
+    for (let [name, value] of Object.entries(props)) {
+      if (!(name in Component.prototype)) {
+        component.setAttribute(name, value);
+      }
+    }
+  }
+  if (!component || !(component.hasAttribute("defer-hydration") || isClientOnly)) {
+    return;
+  }
+  for (let [name, value] of Object.entries(props)) {
+    if (name in Component.prototype) {
+      component[name] = value;
+    }
+  }
+  component.removeAttribute("defer-hydration");
+};
+export {
+  client_default as default
+};

dist/client.js

@@ -0,0 +1,3 @@
+import type { AstroIntegration, ContainerRenderer } from 'astro';
+export declare function getContainerRenderer(): ContainerRenderer;
+export default function (): AstroIntegration;

dist/index.d.ts

@@ -0,0 +1,63 @@
+import { readFileSync } from "node:fs";
+function getViteConfiguration() {
+  return {
+    optimizeDeps: {
+      include: [
+        "@astrojs/lit/dist/client.js",
+        "@astrojs/lit/client-shim.js",
+        "@astrojs/lit/hydration-support.js",
+        "@webcomponents/template-shadowroot/template-shadowroot.js",
+        "@lit-labs/ssr-client/lit-element-hydrate-support.js"
+      ],
+      exclude: ["@astrojs/lit/server.js"]
+    },
+    ssr: {
+      external: ["lit-element", "@lit-labs/ssr", "@astrojs/lit", "lit/decorators.js"]
+    }
+  };
+}
+function getContainerRenderer() {
+  return {
+    name: "@astrojs/lit",
+    serverEntrypoint: "@astrojs/lit/server.js"
+  };
+}
+function index_default() {
+  return {
+    name: "@astrojs/lit",
+    hooks: {
+      "astro:config:setup": ({ updateConfig, addRenderer, injectScript }) => {
+        injectScript(
+          "head-inline",
+          readFileSync(new URL("../client-shim.min.js", import.meta.url), { encoding: "utf-8" })
+        );
+        injectScript("before-hydration", `import '@astrojs/lit/hydration-support.js';`);
+        addRenderer({
+          name: "@astrojs/lit",
+          serverEntrypoint: "@astrojs/lit/server.js",
+          clientEntrypoint: "@astrojs/lit/dist/client.js"
+        });
+        updateConfig({
+          vite: getViteConfiguration()
+        });
+      },
+      "astro:build:setup": ({ vite, target }) => {
+        if (target === "server") {
+          if (!vite.ssr) {
+            vite.ssr = {};
+          }
+          if (!vite.ssr.noExternal) {
+            vite.ssr.noExternal = [];
+          }
+          if (Array.isArray(vite.ssr.noExternal)) {
+            vite.ssr.noExternal.push("lit");
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  index_default as default,
+  getContainerRenderer
+};

dist/index.js

@@ -0,0 +1,2 @@
+// @ts-check
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js';