39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
|
import { createVNode, defineComponent, onErrorCaptured } from "vue";
|
||
|
|
import { createError } from "../composables/error.js";
|
||
|
|
import { findReservedRootIslandPropKey } from "../island-props.js";
|
||
|
|
import { islandComponents } from "#build/components.islands.mjs";
|
||
|
|
export default defineComponent({
|
||
|
|
name: "IslandRenderer",
|
||
|
|
props: {
|
||
|
|
context: {
|
||
|
|
type: Object,
|
||
|
|
required: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
async setup(props) {
|
||
|
|
const name = props.context.name;
|
||
|
|
const component = Object.hasOwn(islandComponents, name) ? islandComponents[name] : void 0;
|
||
|
|
if (!component) {
|
||
|
|
throw createError({
|
||
|
|
status: 404,
|
||
|
|
statusText: `Island component not found: ${props.context.name}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
onErrorCaptured((e) => {
|
||
|
|
console.log(e);
|
||
|
|
});
|
||
|
|
const loader = component.__asyncLoader;
|
||
|
|
const reservedKey = findReservedRootIslandPropKey(props.context.props, loader ? await loader() : component);
|
||
|
|
if (reservedKey) {
|
||
|
|
if (import.meta.dev) {
|
||
|
|
console.warn(`Island \`${name}\` was sent a top-level \`${reservedKey}\` prop it does not declare, so the request was rejected. Declare it as a prop on the island, or set \`inheritAttrs: false\`.`);
|
||
|
|
}
|
||
|
|
throw createError({
|
||
|
|
status: 400,
|
||
|
|
statusText: "Invalid island request props"
|
||
|
|
});
|
||
|
|
}
|
||
|
|
return () => createVNode(component || "span", { ...props.context.props, "data-island-uid": "" });
|
||
|
|
}
|
||
|
|
});
|