kjelsrud.dev/node_modules/astro/dist/runtime/server/astro-island.js

118 lines
4.5 KiB
JavaScript
Raw Normal View History

2023-07-19 21:31:30 +02:00
var _a;
{
const propTypes = {
0: (value) => value,
1: (value) => JSON.parse(value, reviver),
2: (value) => new RegExp(value),
3: (value) => new Date(value),
4: (value) => new Map(JSON.parse(value, reviver)),
5: (value) => new Set(JSON.parse(value, reviver)),
6: (value) => BigInt(value),
7: (value) => new URL(value),
8: (value) => new Uint8Array(JSON.parse(value)),
9: (value) => new Uint16Array(JSON.parse(value)),
10: (value) => new Uint32Array(JSON.parse(value))
};
const reviver = (propKey, raw) => {
if (propKey === "" || !Array.isArray(raw))
return raw;
const [type, value] = raw;
return type in propTypes ? propTypes[type](value) : void 0;
};
if (!customElements.get("astro-island")) {
customElements.define(
"astro-island",
(_a = class extends HTMLElement {
constructor() {
super(...arguments);
this.hydrate = async () => {
var _a2;
if (!this.hydrator)
return;
if (!this.isConnected)
return;
const parentSsrIsland = (_a2 = this.parentElement) == null ? void 0 : _a2.closest("astro-island[ssr]");
if (parentSsrIsland) {
parentSsrIsland.addEventListener("astro:hydrate", this.hydrate, { once: true });
return;
}
const slotted = this.querySelectorAll("astro-slot");
const slots = {};
const templates = this.querySelectorAll("template[data-astro-template]");
for (const template of templates) {
const closest = template.closest(this.tagName);
if (!(closest == null ? void 0 : closest.isSameNode(this)))
continue;
slots[template.getAttribute("data-astro-template") || "default"] = template.innerHTML;
template.remove();
}
for (const slot of slotted) {
const closest = slot.closest(this.tagName);
if (!(closest == null ? void 0 : closest.isSameNode(this)))
continue;
slots[slot.getAttribute("name") || "default"] = slot.innerHTML;
}
const props = this.hasAttribute("props") ? JSON.parse(this.getAttribute("props"), reviver) : {};
await this.hydrator(this)(this.Component, props, slots, {
client: this.getAttribute("client")
});
this.removeAttribute("ssr");
this.dispatchEvent(new CustomEvent("astro:hydrate"));
};
}
connectedCallback() {
if (!this.hasAttribute("await-children") || this.firstChild) {
this.childrenConnectedCallback();
} else {
new MutationObserver((_, mo) => {
mo.disconnect();
setTimeout(() => this.childrenConnectedCallback(), 0);
}).observe(this, { childList: true });
}
}
async childrenConnectedCallback() {
let beforeHydrationUrl = this.getAttribute("before-hydration-url");
if (beforeHydrationUrl) {
await import(beforeHydrationUrl);
}
this.start();
}
start() {
const opts = JSON.parse(this.getAttribute("opts"));
const directive = this.getAttribute("client");
if (Astro[directive] === void 0) {
window.addEventListener(`astro:${directive}`, () => this.start(), { once: true });
return;
}
Astro[directive](
async () => {
const rendererUrl = this.getAttribute("renderer-url");
const [componentModule, { default: hydrator }] = await Promise.all([
import(this.getAttribute("component-url")),
rendererUrl ? import(rendererUrl) : () => () => {
}
]);
const componentExport = this.getAttribute("component-export") || "default";
if (!componentExport.includes(".")) {
this.Component = componentModule[componentExport];
} else {
this.Component = componentModule;
for (const part of componentExport.split(".")) {
this.Component = this.Component[part];
}
}
this.hydrator = hydrator;
return this.hydrate;
},
opts,
this
);
}
attributeChangedCallback() {
this.hydrate();
}
}, _a.observedAttributes = ["props"], _a)
);
}
}