34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
|
import { h, render } from 'preact';
|
||
|
|
import StaticHtml from './static-html.js';
|
||
|
|
import type { SignalLike } from './types';
|
||
|
|
|
||
|
|
const sharedSignalMap: Map<string, SignalLike> = new Map();
|
||
|
|
|
||
|
|
export default (element: HTMLElement) =>
|
||
|
|
async (
|
||
|
|
Component: any,
|
||
|
|
props: Record<string, any>,
|
||
|
|
{ default: children, ...slotted }: Record<string, any>
|
||
|
|
) => {
|
||
|
|
if (!element.hasAttribute('ssr')) return;
|
||
|
|
for (const [key, value] of Object.entries(slotted)) {
|
||
|
|
props[key] = h(StaticHtml, { value, name: key });
|
||
|
|
}
|
||
|
|
let signalsRaw = element.dataset.preactSignals;
|
||
|
|
if (signalsRaw) {
|
||
|
|
const { signal } = await import('@preact/signals');
|
||
|
|
let signals: Record<string, string> = JSON.parse(element.dataset.preactSignals as string);
|
||
|
|
for (const [propName, signalId] of Object.entries(signals)) {
|
||
|
|
if (!sharedSignalMap.has(signalId)) {
|
||
|
|
const signalValue = signal(props[propName]);
|
||
|
|
sharedSignalMap.set(signalId, signalValue);
|
||
|
|
}
|
||
|
|
props[propName] = sharedSignalMap.get(signalId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
render(
|
||
|
|
h(Component, props, children != null ? h(StaticHtml, { value: children }) : children),
|
||
|
|
element
|
||
|
|
);
|
||
|
|
};
|