@pajecawav/yamf 0.0.1

package/dist/vite/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/vite/index.ts"],"sourcesContent":["import type { NitroPluginConfig } from \"nitro/vite\";\nimport { nitro } from \"nitro/vite\";\nimport { existsSync } from \"node:fs\";\nimport type { EnvironmentOptions, PluginOption } from \"vite\";\nimport { islands } from \"./islands\";\nimport { virtualAssets } from \"./virtual-assets\";\nimport { virtualPages } from \"./virtual-pages\";\nimport { virtualTemplate } from \"./virtual-template\";\n\nexport interface YamfOptions {\n\tnitro?: NitroPluginConfig;\n}\n\nconst yamf = (options?: YamfOptions): PluginOption[] => {\n\tconst plugins: PluginOption[] = [];\n\n\t// TODO: extendable config\n\tplugins.push({\n\t\tname: \"yamf:config\",\n\t\tconfig() {\n\t\t\tconst ssrEnv: EnvironmentOptions = {\n\t\t\t\tbuild: {\n\t\t\t\t\t// TODO: figure out if this should be true\n\t\t\t\t\tcssCodeSplit: false,\n\t\t\t\t\trollupOptions: {\n\t\t\t\t\t\tinput: \"./src/server.tsx\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\n\t\t\treturn {\n\t\t\t\toptimizeDeps: {\n\t\t\t\t\tinclude: [\n\t\t\t\t\t\t\"hono\",\n\t\t\t\t\t\t\"hono/jsx/dom/client\",\n\t\t\t\t\t\t\"hono/jsx/jsx-runtime\",\n\t\t\t\t\t\t\"devalue\",\n\t\t\t\t\t\t\"ufo\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\tenvironments: {\n\t\t\t\t\t...(existsSync(\"./src/server.tsx\") ? { ssr: ssrEnv } : {}),\n\t\t\t\t\tclient: {\n\t\t\t\t\t\tbuild: {\n\t\t\t\t\t\t\trolldownOptions: {\n\t\t\t\t\t\t\t\tinput: \"./src/client/index.ts\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t});\n\n\tplugins.push(islands());\n\n\tplugins.push(virtualAssets());\n\tplugins.push(virtualPages());\n\tplugins.push(virtualTemplate());\n\n\tplugins.push(\n\t\tnitro({\n\t\t\tserverDir: \"./src\",\n\t\t\trenderer: false,\n\t\t\t...options?.nitro,\n\t\t\tcompressPublicAssets: {\n\t\t\t\tgzip: true,\n\t\t\t\tbrotli: true,\n\t\t\t},\n\t\t\tpublicAssets: [\n\t\t\t\t{\n\t\t\t\t\tbaseURL: \"assets\",\n\t\t\t\t\tdir: \"./public/assets\",\n\t\t\t\t\tmaxAge: 365 * 24 * 60 * 60,\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t);\n\n\treturn plugins;\n};\n\nexport default yamf;\n"],"mappings":";;;;;;;AAaA,MAAM,QAAQ,YAA0C;CACvD,MAAM,UAA0B,EAAE;AAGlC,SAAQ,KAAK;EACZ,MAAM;EACN,SAAS;AAWR,UAAO;IACN,cAAc,EACb,SAAS;KACR;KACA;KACA;KACA;KACA;KACA,EACD;IACD,cAAc;KACb,GAAI,WAAW,mBAAmB,GAAG,EAAE,KArBN,EAClC,OAAO;MAEN,cAAc;MACd,eAAe,EACd,OAAO,oBACP;MACD,EACD,EAaqD,GAAG,EAAE;KACzD,QAAQ,EACP,OAAO,EACN,iBAAiB,EAChB,OAAO,yBACP,EACD,EACD;KACD;IACD;;EAEF,CAAC;AAEF,SAAQ,KAAK,SAAS,CAAC;AAEvB,SAAQ,KAAK,eAAe,CAAC;AAC7B,SAAQ,KAAK,cAAc,CAAC;AAC5B,SAAQ,KAAK,iBAAiB,CAAC;AAE/B,SAAQ,KACP,MAAM;EACL,WAAW;EACX,UAAU;EACV,GAAG,SAAS;EACZ,sBAAsB;GACrB,MAAM;GACN,QAAQ;GACR;EACD,cAAc,CACb;GACC,SAAS;GACT,KAAK;GACL,QAAQ,MAAM,KAAK,KAAK;GACxB,CACD;EACD,CAAC,CACF;AAED,QAAO"}

package/dist/vite/islands.mjs

@@ -0,0 +1,85 @@
+import { generate } from "@babel/generator";
+import { parse } from "@babel/parser";
+import _traverse from "@babel/traverse";
+import { callExpression, exportDefaultDeclaration, exportNamedDeclaration, functionDeclaration, functionExpression, identifier, importDeclaration, importDefaultSpecifier, importNamespaceSpecifier, memberExpression, stringLiteral, variableDeclaration, variableDeclarator } from "@babel/types";
+//#region src/vite/islands.ts
+const traverse = _traverse.default ?? _traverse;
+const ISLAND_REGEX = /\.island\.(j|t)sx?$/;
+const islands = () => {
+	return [{
+		name: "yamf:islands",
+		transform: {
+			filter: { id: ISLAND_REGEX },
+			handler(code, id) {
+				if (this.environment.name !== "ssr") return;
+				const seenExports = /* @__PURE__ */ new Set();
+				const ast = parse(code, {
+					sourceType: "module",
+					plugins: ["typescript", "jsx"]
+				});
+				traverse(ast, {
+					Program(path) {
+						path.unshiftContainer("body", importDeclaration([importNamespaceSpecifier(identifier("__runtime"))], stringLiteral("@pajecawav/yamf/server")));
+						path.unshiftContainer("body", importDeclaration([importDefaultSpecifier(identifier("__assets"))], stringLiteral(`${id}?assets=client`)));
+					},
+					ExportDefaultDeclaration(path) {
+						const declarationType = path.node.declaration.type;
+						if (!(declarationType === "FunctionDeclaration" || declarationType === "FunctionExpression" || declarationType === "ArrowFunctionExpression")) return;
+						const originalFunction = path.node.declaration.type === "FunctionExpression" || path.node.declaration.type === "ArrowFunctionExpression" ? path.node.declaration : functionExpression(null, path.node.declaration.params, path.node.declaration.body, void 0, path.node.declaration.async);
+						const islandIdentifier = identifier("__ISLAND__");
+						path.insertBefore(variableDeclaration("const", [variableDeclarator(islandIdentifier, originalFunction)]));
+						path.replaceWith(exportDefaultDeclaration(callExpression(memberExpression(identifier("__runtime"), identifier("createIsland")), [
+							islandIdentifier,
+							stringLiteral("default"),
+							identifier("__assets")
+						])));
+					},
+					ExportNamedDeclaration(path) {
+						if (path.node.declaration?.type === "VariableDeclaration") {
+							const declaration = path.node.declaration.declarations.at(0);
+							if (!declaration || declaration.id.type !== "Identifier" || seenExports.has(declaration.id.name)) return;
+							const exportName = declaration.id.name;
+							seenExports.add(exportName);
+							const islandIdentifier = identifier(`__wrap_${exportName}`);
+							path.insertBefore(variableDeclaration("const", [variableDeclarator(islandIdentifier, declaration.init)]));
+							path.replaceWith(exportNamedDeclaration(variableDeclaration("const", [variableDeclarator(identifier(exportName), callExpression(memberExpression(identifier("__runtime"), identifier("createIsland")), [
+								islandIdentifier,
+								stringLiteral(exportName),
+								identifier("__assets")
+							]))])));
+						} else if (path.node.declaration?.type === "FunctionDeclaration") {
+							const declaration = path.node.declaration;
+							if (!declaration || declaration.id?.type !== "Identifier" || seenExports.has(declaration.id.name)) return;
+							const exportName = declaration.id.name;
+							seenExports.add(exportName);
+							const islandIdentifier = identifier(`__wrap_${exportName}`);
+							path.insertBefore(functionDeclaration(islandIdentifier, declaration.params, declaration.body, declaration.generator, declaration.async));
+							path.replaceWith(exportNamedDeclaration(variableDeclaration("const", [variableDeclarator(identifier(exportName), callExpression(memberExpression(identifier("__runtime"), identifier("createIsland")), [
+								islandIdentifier,
+								stringLiteral(exportName),
+								identifier("__assets")
+							]))])));
+						}
+					}
+				});
+				const result = generate(ast);
+				return {
+					code: result.code,
+					map: result.map
+				};
+			}
+		}
+	}, {
+		name: "yamf:islands:raw-import",
+		transform: {
+			order: "post",
+			handler(code) {
+				if (code.includes("__island_raw_import__")) return code.replaceAll("__island_raw_import__", "import");
+			}
+		}
+	}];
+};
+//#endregion
+export { islands };
+
+//# sourceMappingURL=islands.mjs.map

package/dist/vite/islands.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"islands.mjs","names":[],"sources":["../../src/vite/islands.ts"],"sourcesContent":["// reference https://github.com/hi-ogawa/vite-plugin-fullstack/blob/28e9540a68529c58842e9a3bf17d2193a065d524/examples/island/src/framework/island/plugin.ts\nimport { generate } from \"@babel/generator\";\nimport { parse } from \"@babel/parser\";\nimport _traverse from \"@babel/traverse\";\nimport {\n\tcallExpression,\n\texportDefaultDeclaration,\n\texportNamedDeclaration,\n\tfunctionDeclaration,\n\tfunctionExpression,\n\tidentifier,\n\timportDeclaration,\n\timportDefaultSpecifier,\n\timportNamespaceSpecifier,\n\tmemberExpression,\n\tstringLiteral,\n\tvariableDeclaration,\n\tvariableDeclarator,\n} from \"@babel/types\";\nimport type { Plugin } from \"vite\";\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst traverse = (_traverse.default as typeof _traverse) ?? _traverse;\n\nconst ISLAND_REGEX = /\\.island\\.(j|t)sx?$/;\n\nexport const islands = (): Plugin[] => {\n\treturn [\n\t\t{\n\t\t\tname: \"yamf:islands\",\n\t\t\t// enforce: \"pre\",\n\t\t\ttransform: {\n\t\t\t\tfilter: { id: ISLAND_REGEX },\n\t\t\t\thandler(code, id) {\n\t\t\t\t\tif (this.environment.name !== \"ssr\") {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst seenExports = new Set<string>();\n\n\t\t\t\t\tconst ast = parse(code, {\n\t\t\t\t\t\tsourceType: \"module\",\n\t\t\t\t\t\tplugins: [\"typescript\", \"jsx\"],\n\t\t\t\t\t});\n\n\t\t\t\t\ttraverse(ast, {\n\t\t\t\t\t\tProgram(path) {\n\t\t\t\t\t\t\t// prepends server island runtime\n\t\t\t\t\t\t\t// import * as __runtime from \"yamf/server\";\n\t\t\t\t\t\t\tpath.unshiftContainer(\n\t\t\t\t\t\t\t\t\"body\",\n\t\t\t\t\t\t\t\timportDeclaration(\n\t\t\t\t\t\t\t\t\t[importNamespaceSpecifier(identifier(\"__runtime\"))],\n\t\t\t\t\t\t\t\t\tstringLiteral(\"@pajecawav/yamf/server\"),\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t// prepends asset imports for the island:\n\t\t\t\t\t\t\t// import __assets from \"MODULE_ID?assets=client\";\n\t\t\t\t\t\t\tpath.unshiftContainer(\n\t\t\t\t\t\t\t\t\"body\",\n\t\t\t\t\t\t\t\timportDeclaration(\n\t\t\t\t\t\t\t\t\t[importDefaultSpecifier(identifier(\"__assets\"))],\n\t\t\t\t\t\t\t\t\tstringLiteral(`${id}?assets=client`),\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tExportDefaultDeclaration(path) {\n\t\t\t\t\t\t\tconst declarationType = path.node.declaration.type;\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\tdeclarationType === \"FunctionDeclaration\" ||\n\t\t\t\t\t\t\t\t\tdeclarationType === \"FunctionExpression\" ||\n\t\t\t\t\t\t\t\t\tdeclarationType === \"ArrowFunctionExpression\"\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst originalFunction =\n\t\t\t\t\t\t\t\tpath.node.declaration.type === \"FunctionExpression\" ||\n\t\t\t\t\t\t\t\tpath.node.declaration.type === \"ArrowFunctionExpression\"\n\t\t\t\t\t\t\t\t\t? path.node.declaration\n\t\t\t\t\t\t\t\t\t: functionExpression(\n\t\t\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\t\t\tpath.node.declaration.params,\n\t\t\t\t\t\t\t\t\t\t\tpath.node.declaration.body,\n\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tpath.node.declaration.async,\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tconst islandIdentifier = identifier(\"__ISLAND__\");\n\n\t\t\t\t\t\t\tpath.insertBefore(\n\t\t\t\t\t\t\t\tvariableDeclaration(\"const\", [\n\t\t\t\t\t\t\t\t\tvariableDeclarator(islandIdentifier, originalFunction),\n\t\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tpath.replaceWith(\n\t\t\t\t\t\t\t\texportDefaultDeclaration(\n\t\t\t\t\t\t\t\t\tcallExpression(\n\t\t\t\t\t\t\t\t\t\tmemberExpression(\n\t\t\t\t\t\t\t\t\t\t\tidentifier(\"__runtime\"),\n\t\t\t\t\t\t\t\t\t\t\tidentifier(\"createIsland\"),\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\tislandIdentifier,\n\t\t\t\t\t\t\t\t\t\t\tstringLiteral(\"default\"),\n\t\t\t\t\t\t\t\t\t\t\tidentifier(\"__assets\"),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tExportNamedDeclaration(path) {\n\t\t\t\t\t\t\tif (path.node.declaration?.type === \"VariableDeclaration\") {\n\t\t\t\t\t\t\t\tconst declaration = path.node.declaration.declarations.at(0);\n\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t!declaration ||\n\t\t\t\t\t\t\t\t\tdeclaration.id.type !== \"Identifier\" ||\n\t\t\t\t\t\t\t\t\tseenExports.has(declaration.id.name)\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst exportName = declaration.id.name;\n\t\t\t\t\t\t\t\tseenExports.add(exportName);\n\n\t\t\t\t\t\t\t\tconst islandIdentifier = identifier(`__wrap_${exportName}`);\n\n\t\t\t\t\t\t\t\tpath.insertBefore(\n\t\t\t\t\t\t\t\t\tvariableDeclaration(\"const\", [\n\t\t\t\t\t\t\t\t\t\tvariableDeclarator(islandIdentifier, declaration.init),\n\t\t\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tpath.replaceWith(\n\t\t\t\t\t\t\t\t\texportNamedDeclaration(\n\t\t\t\t\t\t\t\t\t\tvariableDeclaration(\"const\", [\n\t\t\t\t\t\t\t\t\t\t\tvariableDeclarator(\n\t\t\t\t\t\t\t\t\t\t\t\tidentifier(exportName),\n\t\t\t\t\t\t\t\t\t\t\t\tcallExpression(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmemberExpression(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tidentifier(\"__runtime\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tidentifier(\"createIsland\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tislandIdentifier,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstringLiteral(exportName),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tidentifier(\"__assets\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} else if (path.node.declaration?.type === \"FunctionDeclaration\") {\n\t\t\t\t\t\t\t\tconst declaration = path.node.declaration;\n\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t!declaration ||\n\t\t\t\t\t\t\t\t\tdeclaration.id?.type !== \"Identifier\" ||\n\t\t\t\t\t\t\t\t\tseenExports.has(declaration.id.name)\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst exportName = declaration.id.name;\n\t\t\t\t\t\t\t\tseenExports.add(exportName);\n\n\t\t\t\t\t\t\t\tconst islandIdentifier = identifier(`__wrap_${exportName}`);\n\n\t\t\t\t\t\t\t\tpath.insertBefore(\n\t\t\t\t\t\t\t\t\tfunctionDeclaration(\n\t\t\t\t\t\t\t\t\t\tislandIdentifier,\n\t\t\t\t\t\t\t\t\t\tdeclaration.params,\n\t\t\t\t\t\t\t\t\t\tdeclaration.body,\n\t\t\t\t\t\t\t\t\t\tdeclaration.generator,\n\t\t\t\t\t\t\t\t\t\tdeclaration.async,\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tpath.replaceWith(\n\t\t\t\t\t\t\t\t\texportNamedDeclaration(\n\t\t\t\t\t\t\t\t\t\tvariableDeclaration(\"const\", [\n\t\t\t\t\t\t\t\t\t\t\tvariableDeclarator(\n\t\t\t\t\t\t\t\t\t\t\t\tidentifier(exportName),\n\t\t\t\t\t\t\t\t\t\t\t\tcallExpression(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmemberExpression(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tidentifier(\"__runtime\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tidentifier(\"createIsland\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tislandIdentifier,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstringLiteral(exportName),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tidentifier(\"__assets\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\n\t\t\t\t\tconst result = generate(ast);\n\n\t\t\t\t\treturn { code: result.code, map: result.map };\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: \"yamf:islands:raw-import\",\n\t\t\ttransform: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(code) {\n\t\t\t\t\tif (code.includes(\"__island_raw_import__\")) {\n\t\t\t\t\t\treturn code.replaceAll(\"__island_raw_import__\", \"import\");\n\t\t\t\t\t}\n\n\t\t\t\t\treturn undefined;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t];\n};\n"],"mappings":"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"}

package/dist/vite/shared/utils.mjs

@@ -0,0 +1,10 @@
+//#region src/shared/utils.ts
+const js = (str, ...args) => {
+	return str.reduce((acc, cur, i) => {
+		return acc + cur + String(args[i]);
+	}, "");
+};
+//#endregion
+export { js };
+
+//# sourceMappingURL=utils.mjs.map

package/dist/vite/shared/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/shared/utils.ts"],"sourcesContent":["export const js = (str: TemplateStringsArray, ...args: unknown[]): string => {\n\treturn str.reduce((acc, cur, i) => {\n\t\treturn acc + cur + String(args[i]);\n\t}, \"\");\n};\n"],"mappings":";AAAA,MAAa,MAAM,KAA2B,GAAG,SAA4B;AAC5E,QAAO,IAAI,QAAQ,KAAK,KAAK,MAAM;AAClC,SAAO,MAAM,MAAM,OAAO,KAAK,GAAG;IAChC,GAAG"}

package/dist/vite/virtual-assets.mjs

@@ -0,0 +1,25 @@
+import { js } from "./shared/utils.mjs";
+//#region src/vite/virtual-assets.ts
+const virtualAssets = () => {
+	const virtualModuleId = "virtual:yamf:assets";
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	return {
+		name: "yamf:virtual-assets",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === virtualModuleId) return resolvedVirtualModuleId;
+		},
+		load(id) {
+			if (id !== resolvedVirtualModuleId) return;
+			return js`
+import clientAssets from "./src/client/index.ts?assets=client";
+
+export { clientAssets };
+`.trim();
+		}
+	};
+};
+//#endregion
+export { virtualAssets };
+
+//# sourceMappingURL=virtual-assets.mjs.map

package/dist/vite/virtual-assets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-assets.mjs","names":[],"sources":["../../src/vite/virtual-assets.ts"],"sourcesContent":["import type { Plugin } from \"vite\";\nimport { js } from \"../shared/utils\";\n\nexport const virtualAssets = (): Plugin => {\n\tconst virtualModuleId = \"virtual:yamf:assets\";\n\tconst resolvedVirtualModuleId = \"\\0\" + virtualModuleId;\n\n\treturn {\n\t\tname: \"yamf:virtual-assets\",\n\t\tenforce: \"pre\",\n\t\tresolveId(id) {\n\t\t\tif (id === virtualModuleId) {\n\t\t\t\treturn resolvedVirtualModuleId;\n\t\t\t}\n\n\t\t\treturn undefined;\n\t\t},\n\t\tload(id) {\n\t\t\tif (id !== resolvedVirtualModuleId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn js`\nimport clientAssets from \"./src/client/index.ts?assets=client\";\n\nexport { clientAssets };\n`.trim();\n\t\t},\n\t};\n};\n"],"mappings":";;AAGA,MAAa,sBAA8B;CAC1C,MAAM,kBAAkB;CACxB,MAAM,0BAA0B,OAAO;AAEvC,QAAO;EACN,MAAM;EACN,SAAS;EACT,UAAU,IAAI;AACb,OAAI,OAAO,gBACV,QAAO;;EAKT,KAAK,IAAI;AACR,OAAI,OAAO,wBACV;AAGD,UAAO,EAAE;;;;EAIV,MAAM;;EAEN"}

package/dist/vite/virtual-pages.mjs

@@ -0,0 +1,35 @@
+import { js } from "./shared/utils.mjs";
+//#region src/vite/virtual-pages.ts
+const virtualPages = () => {
+	const virtualModuleId = "virtual:yamf:pages";
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	return {
+		name: "yamf:virtual-pages",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === virtualModuleId) return resolvedVirtualModuleId;
+		},
+		load(id) {
+			if (id !== resolvedVirtualModuleId) return;
+			return js`
+const pages = import.meta.glob("/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}", {
+	import: "default",
+});
+const assets = import.meta.glob(
+	"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}",
+	{
+		import: "default",
+		query: "?assets=ssr",
+		eager: true,
+	},
+);
+
+export { pages, assets };
+`.trim();
+		}
+	};
+};
+//#endregion
+export { virtualPages };
+
+//# sourceMappingURL=virtual-pages.mjs.map

package/dist/vite/virtual-pages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-pages.mjs","names":[],"sources":["../../src/vite/virtual-pages.ts"],"sourcesContent":["import type { Plugin } from \"vite\";\nimport { js } from \"../shared/utils\";\n\nexport const virtualPages = (): Plugin => {\n\tconst virtualModuleId = \"virtual:yamf:pages\";\n\tconst resolvedVirtualModuleId = \"\\0\" + virtualModuleId;\n\n\treturn {\n\t\tname: \"yamf:virtual-pages\",\n\t\tenforce: \"pre\",\n\t\tresolveId(id) {\n\t\t\tif (id === virtualModuleId) {\n\t\t\t\treturn resolvedVirtualModuleId;\n\t\t\t}\n\n\t\t\treturn undefined;\n\t\t},\n\t\tload(id) {\n\t\t\tif (id !== resolvedVirtualModuleId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn js`\nconst pages = import.meta.glob(\"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}\", {\n\timport: \"default\",\n});\nconst assets = import.meta.glob(\n\t\"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}\",\n\t{\n\t\timport: \"default\",\n\t\tquery: \"?assets=ssr\",\n\t\teager: true,\n\t},\n);\n\nexport { pages, assets };\n`.trim();\n\t\t},\n\t};\n};\n"],"mappings":";;AAGA,MAAa,qBAA6B;CACzC,MAAM,kBAAkB;CACxB,MAAM,0BAA0B,OAAO;AAEvC,QAAO;EACN,MAAM;EACN,SAAS;EACT,UAAU,IAAI;AACb,OAAI,OAAO,gBACV,QAAO;;EAKT,KAAK,IAAI;AACR,OAAI,OAAO,wBACV;AAGD,UAAO,EAAE;;;;;;;;;;;;;;EAcV,MAAM;;EAEN"}

package/dist/vite/virtual-template.mjs

@@ -0,0 +1,45 @@
+import { js } from "./shared/utils.mjs";
+import { readFile } from "node:fs/promises";
+import { relative } from "node:path";
+//#region src/vite/virtual-template.ts
+const TEMPLATE_PATH = "./src/template.html";
+const DEFAULT_TEMPLATE = `
+<!DOCTYPE html>
+<html>
+    <head></head>
+    <body>
+        <!--ssr-outlet-->
+    </body>
+</html>
+`.trim();
+const virtualTemplate = () => {
+	const virtualModuleId = "virtual:yamf:template";
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	return {
+		name: "yamf:virtual-template",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === virtualModuleId) return resolvedVirtualModuleId;
+		},
+		async load(id) {
+			if (id !== resolvedVirtualModuleId) return;
+			try {
+				const template = await readFile(TEMPLATE_PATH, "utf8");
+				return js`export const template = ${JSON.stringify(template)};`;
+			} catch (error) {
+				if (error instanceof Error && "code" in error && error.code === "ENOENT") return js`export const template = ${JSON.stringify(DEFAULT_TEMPLATE)};`;
+				throw error;
+			}
+		},
+		handleHotUpdate({ file, server }) {
+			if (relative(file, TEMPLATE_PATH) === "") {
+				const mod = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+				if (mod) server.moduleGraph.invalidateModule(mod);
+			}
+		}
+	};
+};
+//#endregion
+export { virtualTemplate };
+
+//# sourceMappingURL=virtual-template.mjs.map

package/dist/vite/virtual-template.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-template.mjs","names":[],"sources":["../../src/vite/virtual-template.ts"],"sourcesContent":["import { readFile } from \"node:fs/promises\";\nimport { relative } from \"node:path\";\nimport type { Plugin } from \"vite\";\nimport { js } from \"../shared/utils\";\n\nconst TEMPLATE_PATH = \"./src/template.html\";\n\nconst DEFAULT_TEMPLATE = /* html */ `\n<!DOCTYPE html>\n<html>\n    <head></head>\n    <body>\n        <!--ssr-outlet-->\n    </body>\n</html>\n`.trim();\n\nexport const virtualTemplate = (): Plugin => {\n\tconst virtualModuleId = \"virtual:yamf:template\";\n\tconst resolvedVirtualModuleId = \"\\0\" + virtualModuleId;\n\n\treturn {\n\t\tname: \"yamf:virtual-template\",\n\t\tenforce: \"pre\",\n\t\tresolveId(id) {\n\t\t\tif (id === virtualModuleId) {\n\t\t\t\treturn resolvedVirtualModuleId;\n\t\t\t}\n\n\t\t\treturn undefined;\n\t\t},\n\t\tasync load(id) {\n\t\t\tif (id !== resolvedVirtualModuleId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst template = await readFile(TEMPLATE_PATH, \"utf8\");\n\n\t\t\t\treturn js`export const template = ${JSON.stringify(template)};`;\n\t\t\t} catch (error) {\n\t\t\t\tif (error instanceof Error && \"code\" in error && error.code === \"ENOENT\") {\n\t\t\t\t\treturn js`export const template = ${JSON.stringify(DEFAULT_TEMPLATE)};`;\n\t\t\t\t}\n\n\t\t\t\tthrow error;\n\t\t\t}\n\t\t},\n\t\thandleHotUpdate({ file, server }) {\n\t\t\tif (relative(file, TEMPLATE_PATH) === \"\") {\n\t\t\t\tconst mod = server.moduleGraph.getModuleById(resolvedVirtualModuleId);\n\n\t\t\t\tif (mod) {\n\t\t\t\t\tserver.moduleGraph.invalidateModule(mod);\n\t\t\t\t}\n\n\t\t\t\t// TODO: should reload?\n\t\t\t\t// server.ws.send({ type: \"full-reload\" });\n\t\t\t}\n\t\t},\n\t};\n};\n"],"mappings":";;;;AAKA,MAAM,gBAAgB;AAEtB,MAAM,mBAA8B;;;;;;;;EAQlC,MAAM;AAER,MAAa,wBAAgC;CAC5C,MAAM,kBAAkB;CACxB,MAAM,0BAA0B,OAAO;AAEvC,QAAO;EACN,MAAM;EACN,SAAS;EACT,UAAU,IAAI;AACb,OAAI,OAAO,gBACV,QAAO;;EAKT,MAAM,KAAK,IAAI;AACd,OAAI,OAAO,wBACV;AAGD,OAAI;IACH,MAAM,WAAW,MAAM,SAAS,eAAe,OAAO;AAEtD,WAAO,EAAE,2BAA2B,KAAK,UAAU,SAAS,CAAC;YACrD,OAAO;AACf,QAAI,iBAAiB,SAAS,UAAU,SAAS,MAAM,SAAS,SAC/D,QAAO,EAAE,2BAA2B,KAAK,UAAU,iBAAiB,CAAC;AAGtE,UAAM;;;EAGR,gBAAgB,EAAE,MAAM,UAAU;AACjC,OAAI,SAAS,MAAM,cAAc,KAAK,IAAI;IACzC,MAAM,MAAM,OAAO,YAAY,cAAc,wBAAwB;AAErE,QAAI,IACH,QAAO,YAAY,iBAAiB,IAAI;;;EAO3C"}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@pajecawav/yamf",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "Yet another meta framework",
+  "license": "MIT",
+  "homepage": "https://github.com/pajecawav/yamf#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pajecawav/yamf.git"
+  },
+  "bugs": {
+    "url": "https://github.com/pajecawav/yamf/issues"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./vite": "./dist/vite/index.mjs",
+    "./client": "./dist/client/index.js",
+    "./server": "./dist/server/index.mjs",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "hono": "^4.12.12",
+    "vite": "^8.0.0"
+  },
+  "dependencies": {
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.2",
+    "@babel/traverse": "^7.29.0",
+    "@babel/types": "^7.29.0",
+    "devalue": "^5.7.1",
+    "nitro": "3.0.260429-beta",
+    "rou3": "^0.8.1",
+    "ufo": "^1.6.3",
+    "unhead": "^3.1.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/js": "^10.0.1",
+    "@pajecawav/prettier-config": "^1.0.0",
+    "@types/babel__generator": "^7.27.0",
+    "@types/babel__traverse": "^7.28.0",
+    "@types/node": "^24.12.2",
+    "@vitest/coverage-v8": "^4.1.5",
+    "@vitest/ui": "^4.1.5",
+    "cross-env": "^10.1.0",
+    "eslint": "^10.2.1",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "^3.8.3",
+    "publint": "^0.3.18",
+    "tsdown": "0.21.9",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.0",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.5"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest watch",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "lint": "run-p -l lint:*",
+    "lint:eslint": "eslint .",
+    "lint:tsc": "tsc -b --noEmit",
+    "lint:format": "prettier . --check",
+    "lint:package": "publint",
+    "format": "prettier . --write"
+  }
+}

package/src/client/index.ts

@@ -0,0 +1 @@
+import "../island/client";

package/src/components/Head.tsx

@@ -0,0 +1,8 @@
+import { useHead } from "#/hooks/useHead";
+import type { ResolvableHead } from "unhead/types";
+
+export type HeadProps = ResolvableHead;
+
+export const Head = (props: HeadProps): void => {
+	useHead(props);
+};

package/src/context/ssr.ts

@@ -0,0 +1,17 @@
+import { type Context, createContext, useContext } from "hono/jsx";
+import type { H3Event } from "nitro";
+import type { EventHandlerRequest } from "nitro/h3";
+import type { ServerUnhead } from "unhead/server";
+
+interface SSRContextValue {
+	head: ServerUnhead;
+	event: H3Event<EventHandlerRequest>;
+}
+
+export const SSRContext: Context<SSRContextValue | null> = createContext<SSRContextValue | null>(
+	null,
+);
+
+export const useSSRContext = (): SSRContextValue | null => {
+	return useContext(SSRContext);
+};

package/src/hooks/useEvent.tsx

@@ -0,0 +1,13 @@
+import { useSSRContext } from "#/context/ssr";
+import type { H3Event } from "nitro";
+import type { EventHandlerRequest } from "nitro/h3";
+
+export const useEvent = (): H3Event<EventHandlerRequest> => {
+	const ctx = useSSRContext();
+
+	if (!ctx) {
+		throw new Error("SSR context not found");
+	}
+
+	return ctx.event;
+};

package/src/hooks/useHead.tsx

@@ -0,0 +1,27 @@
+import { useSSRContext } from "#/context/ssr";
+import { useHead as _useHead } from "unhead";
+import type { ClientUnhead } from "unhead/client";
+import { createHead } from "unhead/client";
+import type { ResolvableHead } from "unhead/types";
+
+declare global {
+	interface Window {
+		__UNHEAD__?: ClientUnhead;
+	}
+}
+
+if (!import.meta.env.SSR) {
+	window.__UNHEAD__ = createHead();
+}
+
+export const useHead = (input?: ResolvableHead): void => {
+	if (import.meta.env.SSR) {
+		const ctx = useSSRContext();
+
+		if (ctx?.head) {
+			_useHead(ctx.head, input);
+		}
+	} else if (window.__UNHEAD__) {
+		_useHead(window.__UNHEAD__, input);
+	}
+};

package/src/index.ts

@@ -0,0 +1,12 @@
+export { definePage } from "./page";
+export type { PageHandler } from "./page";
+
+export { useSSRContext } from "./context/ssr";
+export { useEvent } from "./hooks/useEvent";
+export { useHead } from "./hooks/useHead";
+
+export type { IslandClientDirective, IslandProps } from "./island/types";
+
+export type { ImportAssetsResult, ImportAssetsResultRaw } from "./shared/assets";
+
+export { Head, type HeadProps } from "./components/Head";

package/src/island/client.tsx

@@ -0,0 +1,92 @@
+import { parse } from "devalue";
+import type { FC } from "hono/jsx";
+import { hydrateRoot } from "hono/jsx/dom/client";
+import { withLeadingSlash } from "ufo";
+import type { IslandClientDirective } from "./types";
+
+declare let __island_raw_import__: <T>(file: string) => Promise<T>;
+
+const listeners = new WeakMap<Element, VoidFunction>();
+
+const observer = new IntersectionObserver(entries => {
+	for (const entry of entries) {
+		if (entry.isIntersecting) {
+			listeners.get(entry.target)?.();
+			unobserve(entry.target);
+		}
+	}
+});
+
+const observe = (target: Element, cb: VoidFunction) => {
+	observer.observe(target);
+	listeners.set(target, cb);
+};
+
+const unobserve = (target: Element) => {
+	observer.unobserve(target);
+	listeners.delete(target);
+};
+
+customElements.define(
+	"yamf-island",
+	class extends HTMLElement {
+		public connectedCallback() {
+			// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+			const islandProps = parse(this.getAttribute("island-props") ?? "{}");
+			const islandSrc = this.getAttribute("island-src");
+			const islandEntry = this.getAttribute("island-entry");
+			const islandClient = (this.getAttribute("island-client") ??
+				"load") as IslandClientDirective;
+
+			if (!islandSrc) {
+				throw new Error("Missing island-src attribute");
+			}
+
+			if (!islandEntry) {
+				throw new Error("Missing island-entry attribute");
+			}
+
+			const hydrateIsland = (mod: Record<string, FC>) => {
+				const Comp = mod[islandEntry];
+
+				if (!Comp) {
+					throw new Error(`Missing island entry ${islandEntry} in ${islandSrc}`);
+				}
+
+				hydrateRoot(this, <Comp {...islandProps} />);
+			};
+
+			const initIsland = () => {
+				const src = withLeadingSlash(islandSrc);
+				void __island_raw_import__<Record<string, FC>>(src).then(hydrateIsland);
+			};
+
+			switch (islandClient) {
+				case "load":
+					initIsland();
+					break;
+				case "idle":
+					requestIdleCallback(initIsland);
+					break;
+				case "visible":
+					// yamf-island has `display: contents` which breaks IntersectionObserver
+					// so we have to observe the first child instead if it exists
+					if (this.firstElementChild) {
+						observe(this.firstElementChild, initIsland);
+					} else {
+						initIsland();
+					}
+					break;
+				case "skip":
+					break;
+				default:
+					// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+					throw new Error(`Invalid island-client value: ${islandClient}`);
+			}
+		}
+
+		public disconnectedCallback() {
+			unobserve(this);
+		}
+	},
+);

package/src/island/server.tsx

@@ -0,0 +1,51 @@
+import type { ImportAssetsResultRaw } from "#/shared/assets";
+import { stringify } from "devalue";
+import type { Child, FC } from "hono/jsx";
+import type { IslandClientDirective } from "./types";
+
+declare module "hono/jsx" {
+	// eslint-disable-next-line @typescript-eslint/no-namespace
+	namespace JSX {
+		interface IntrinsicElements {
+			"yamf-island": {
+				"island-props"?: string;
+				"island-src": string;
+				"island-entry": string;
+				"island-client": IslandClientDirective;
+				children: Child;
+				style?: JSX.CSSProperties;
+			};
+		}
+	}
+}
+
+export const createIsland = (
+	Component: FC,
+	exportName: string,
+	assets: ImportAssetsResultRaw,
+): FC => {
+	const ComponentWrapper: FC & { name: string } = props => {
+		if (!assets.entry) {
+			throw new Error(`Missing island entry for island ${Component.name}`);
+		}
+
+		return (
+			<yamf-island
+				island-props={stringify(props)}
+				island-src={assets.entry}
+				island-entry={exportName}
+				island-client={props["yamf-client"] as IslandClientDirective}
+				// TODO: export CSS?
+				style={{ display: "contents" }}
+			>
+				<Component {...props} />
+			</yamf-island>
+		);
+	};
+
+	Object.defineProperty(ComponentWrapper, "name", {
+		value: Component.name,
+	});
+
+	return ComponentWrapper;
+};

package/src/island/types.ts

@@ -0,0 +1,5 @@
+export type IslandClientDirective = "load" | "idle" | "visible" | "skip";
+
+export interface IslandProps {
+	"yamf-client"?: IslandClientDirective;
+}