102 lines
2.9 KiB
TypeScript
102 lines
2.9 KiB
TypeScript
|
"use client";
|
|||
|
|
|
|||
|
|
const MANIFEST_URL = "/api/leptos-tiptap-runtime/manifest.json";
|
|||
|
|
|
|||
|
|
type RuntimeManifest = {
|
|||
|
|
bridgeRuntimePath: string | null;
|
|||
|
|
extensionModulePaths: string[];
|
|||
|
|
generatedRootPath: string | null;
|
|||
|
|
entryScriptPath: string | null;
|
|||
|
|
wasmPath: string | null;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
type BridgeSuccess<T> = {
|
|||
|
|
ok: true;
|
|||
|
|
value: T;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
type BridgeFailure = {
|
|||
|
|
ok: false;
|
|||
|
|
error: {
|
|||
|
|
kind: string;
|
|||
|
|
message: string;
|
|||
|
|
operation?: string;
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
type BridgeResult<T> = BridgeSuccess<T> | BridgeFailure;
|
|||
|
|
|
|||
|
|
type BridgeRuntimeModule = {
|
|||
|
|
init_bridge_runtime: () => void;
|
|||
|
|
create: (
|
|||
|
|
request: unknown,
|
|||
|
|
onReady: (payload: { generation: number }) => void,
|
|||
|
|
onChange: () => void,
|
|||
|
|
onSelectionChange: (selection: Record<string, unknown>) => void,
|
|||
|
|
onError: (error: { kind: string; message: string; operation?: string }) => void,
|
|||
|
|
) => void;
|
|||
|
|
destroy: (id: string) => void;
|
|||
|
|
command: (request: unknown) => BridgeResult<{ kind: "empty" }>;
|
|||
|
|
document: (request: unknown) => BridgeResult<{ kind: "content"; content: { format: "json" | "html"; value: unknown } }>;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export type LoadedLeptosTiptapRuntime = {
|
|||
|
|
manifest: RuntimeManifest;
|
|||
|
|
bridge: BridgeRuntimeModule;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
let runtimePromise: Promise<LoadedLeptosTiptapRuntime> | null = null;
|
|||
|
|
|
|||
|
|
function toRuntimeAssetUrl(relativePath: string): string {
|
|||
|
|
return `/api/leptos-tiptap-runtime/${relativePath}`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function importRuntimeModule<T>(relativePath: string): Promise<T> {
|
|||
|
|
return import(/* webpackIgnore: true */ toRuntimeAssetUrl(relativePath)) as Promise<T>;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function extractRegisterFunction(module: Record<string, unknown>): (() => void) | null {
|
|||
|
|
for (const value of Object.values(module)) {
|
|||
|
|
if (typeof value === "function") {
|
|||
|
|
return value as () => void;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function fetchRuntimeManifest(): Promise<RuntimeManifest> {
|
|||
|
|
const response = await fetch(MANIFEST_URL, { cache: "no-store" });
|
|||
|
|
if (!response.ok) {
|
|||
|
|
throw new Error(`读取 leptos-tiptap runtime manifest 失败（${response.status}）`);
|
|||
|
|
}
|
|||
|
|
const manifest = (await response.json()) as RuntimeManifest;
|
|||
|
|
if (!manifest.bridgeRuntimePath) {
|
|||
|
|
throw new Error("runtime manifest 缺少 bridgeRuntimePath");
|
|||
|
|
}
|
|||
|
|
return manifest;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function loadRuntimeModules(): Promise<LoadedLeptosTiptapRuntime> {
|
|||
|
|
const manifest = await fetchRuntimeManifest();
|
|||
|
|
const bridge = await importRuntimeModule<BridgeRuntimeModule>(manifest.bridgeRuntimePath!);
|
|||
|
|
bridge.init_bridge_runtime();
|
|||
|
|
|
|||
|
|
for (const modulePath of manifest.extensionModulePaths) {
|
|||
|
|
const extensionModule = await importRuntimeModule<Record<string, unknown>>(modulePath);
|
|||
|
|
const register = extractRegisterFunction(extensionModule);
|
|||
|
|
register?.();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return { manifest, bridge };
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export async function loadLeptosTiptapRuntime(): Promise<LoadedLeptosTiptapRuntime> {
|
|||
|
|
if (!runtimePromise) {
|
|||
|
|
runtimePromise = loadRuntimeModules().catch((error) => {
|
|||
|
|
runtimePromise = null;
|
|||
|
|
throw error;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return runtimePromise;
|
|||
|
|
}
|