@unhead/bundler 3.0.0-rc.1

package/dist/vite.mjs

@@ -0,0 +1,282 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import MagicString from 'magic-string';
+import { parseAndWalk } from 'oxc-walker';
+import { defineRpcFunction } from '@vitejs/devtools-kit';
+import { T as TreeshakeServerComposables, U as UseSeoMetaTransform, M as MinifyTransform, S as SSRStaticReplace } from './shared/bundler.DRWfqG8C.mjs';
+import 'oxc-parser';
+import 'ufo';
+import 'unplugin';
+import 'node:vm';
+import 'unhead/utils';
+
+const getConfigRpc = defineRpcFunction({
+  name: "unhead:get-config",
+  type: "static",
+  setup: (ctx) => ({
+    handler: () => ({
+      cwd: ctx.cwd,
+      mode: ctx.mode
+    })
+  })
+});
+
+const HEAD_COMPOSABLES = ["useHead", "useSeoMeta", "useHeadSafe", "useScript"];
+const FILE_RE$1 = /\.(vue|tsx?|jsx?|svelte)$/;
+const LEADING_SLASH_RE = /^\//;
+const UNHEAD_ICON = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FBBF24'/%3E%3Cstop offset='100%25' stop-color='%23f0db4f'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='100%25' height='100%25' fill='white'/%3E%3Cpath d='M12 32 L1 32 L15 15 Z' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='none' stroke='url(%23g)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 4v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4' mask='url(%23m)'/%3E%3C/svg%3E`;
+const DEVTOOLS_UI_ROUTE = "/__unhead/";
+function transformSourceLocations(code, id, root) {
+  if (!HEAD_COMPOSABLES.some((c) => code.includes(c)))
+    return;
+  const s = new MagicString(code);
+  let transformed = false;
+  const relativePath = id.startsWith(root) ? id.slice(root.length).replace(LEADING_SLASH_RE, "") : id;
+  parseAndWalk(code, id, {
+    parseOptions: { lang: "ts" },
+    enter(node) {
+      if (node.type !== "CallExpression")
+        return;
+      const callee = node.callee;
+      if (!callee)
+        return;
+      const name = callee.type === "Identifier" ? callee.name : callee.type === "MemberExpression" && callee.property?.type === "Identifier" ? callee.property.name : null;
+      if (!name || !HEAD_COMPOSABLES.includes(name))
+        return;
+      const args = node.arguments;
+      if (!args || args.length === 0)
+        return;
+      const lineNumber = code.slice(0, node.start).split("\n").length;
+      const sourceValue = `${relativePath}:${lineNumber}`;
+      if (args.length === 1) {
+        const argEnd = args[0].end;
+        s.appendRight(argEnd, `, { _source: ${JSON.stringify(sourceValue)} }`);
+        transformed = true;
+      } else if (args.length >= 2 && args[1].type === "ObjectExpression") {
+        const objStart = args[1].start + 1;
+        s.appendRight(objStart, ` _source: ${JSON.stringify(sourceValue)},`);
+        transformed = true;
+      }
+    }
+  });
+  if (!transformed)
+    return;
+  return {
+    code: s.toString(),
+    map: s.generateMap({ includeContent: true, source: id })
+  };
+}
+function unheadDevtools(options) {
+  let root = "";
+  let enabled = false;
+  let bridgeCode;
+  let unheadVersion = "";
+  const pkgDir = fileURLToPath(new URL("..", import.meta.url));
+  const devtoolsUiDir = fileURLToPath(new URL("./devtools-ui", import.meta.url));
+  return {
+    name: "@unhead/devtools",
+    apply: "serve",
+    configResolved(config) {
+      root = config.root;
+      enabled = config.plugins.some((p) => p.name?.startsWith("vite:devtools"));
+      if (!enabled)
+        return;
+      if (options?._ctx) {
+        options._ctx.addRuntimePlugin({
+          import: { name: "devtoolsPlugin", source: "@unhead/bundler", as: "__unhead_devtoolsPlugin" },
+          client: "window.__unhead_devtools__=_h",
+          server: "_h.use(__unhead_devtoolsPlugin())"
+        });
+      }
+      try {
+        const unheadPkg = resolve(pkgDir, "node_modules/unhead/package.json");
+        if (existsSync(unheadPkg))
+          unheadVersion = JSON.parse(readFileSync(unheadPkg, "utf-8")).version || "";
+      } catch {
+      }
+      const bridgePath = resolve(pkgDir, "dist/devtools/bridge.mjs");
+      if (existsSync(bridgePath))
+        bridgeCode = readFileSync(bridgePath, "utf-8");
+    },
+    configureServer(server) {
+      if (!enabled)
+        return;
+      server.middlewares.use("/@unhead/bridge.mjs", async (_req, res) => {
+        const result = await server.transformRequest("/@unhead/bridge.mjs");
+        res.setHeader("Content-Type", "application/javascript");
+        res.end(result?.code || 'console.warn("[unhead devtools] bridge not built")');
+      });
+    },
+    resolveId(id) {
+      if (!enabled)
+        return;
+      if (id === "/@unhead/bridge.mjs")
+        return id;
+    },
+    load(id) {
+      if (!enabled || id !== "/@unhead/bridge.mjs")
+        return;
+      if (!bridgeCode)
+        return 'console.warn("[unhead devtools] bridge not built")';
+      let code = bridgeCode;
+      if (unheadVersion)
+        code = code.replace(/__UNHEAD_VERSION__ = ['"]'?["']/, `__UNHEAD_VERSION__ = '${unheadVersion}'`);
+      const kitClientPath = resolve(pkgDir, "node_modules/@vitejs/devtools-kit/dist/client.js");
+      if (existsSync(kitClientPath))
+        return code.replace(`'@vitejs/devtools-kit/client'`, `'${kitClientPath}'`);
+      return code;
+    },
+    transform: {
+      filter: { id: FILE_RE$1 },
+      handler(code, id) {
+        if (!enabled)
+          return;
+        return transformSourceLocations(code, id, root);
+      }
+    },
+    transformIndexHtml() {
+      if (!enabled)
+        return [];
+      return [{
+        tag: "script",
+        attrs: { type: "module" },
+        children: `import("/@unhead/bridge.mjs")`,
+        injectTo: "head"
+      }];
+    },
+    devtools: {
+      setup(ctx) {
+        if (existsSync(devtoolsUiDir)) {
+          ctx.views.hostStatic(DEVTOOLS_UI_ROUTE, devtoolsUiDir);
+        }
+        ctx.docks.register({
+          id: "unhead",
+          title: "Unhead",
+          icon: UNHEAD_ICON,
+          type: "iframe",
+          url: DEVTOOLS_UI_ROUTE
+        });
+        ctx.rpc.register(getConfigRpc);
+      }
+    }
+  };
+}
+
+const FILE_RE = /\.(vue|tsx?|jsx?|svelte)$/;
+const UNHEAD_SOURCE_RE = /^(?:@unhead\/[^/]+|unhead)(?:\/[^?]*)?$/;
+function createHeadTransformContext() {
+  const registrations = [];
+  return {
+    addRuntimePlugin(reg) {
+      registrations.push(reg);
+    },
+    getRegistrations() {
+      return registrations;
+    }
+  };
+}
+function CreateHeadTransform(ctx) {
+  let root = "";
+  return {
+    name: "@unhead/create-head-transform",
+    apply: "serve",
+    configResolved(config) {
+      root = config.root;
+    },
+    transform: {
+      filter: { id: FILE_RE },
+      handler(code, id) {
+        const registrations = ctx.getRegistrations();
+        if (!registrations.length)
+          return;
+        if (!code.includes("createHead"))
+          return;
+        const isServer = this.environment?.config?.consumer === "server";
+        const envRegistrations = registrations.filter((r) => isServer ? r.server : r.client);
+        if (!envRegistrations.length)
+          return;
+        const s = new MagicString(code);
+        let transformed = false;
+        const directCreateHeadNames = /* @__PURE__ */ new Set();
+        const namespaceNames = /* @__PURE__ */ new Set();
+        parseAndWalk(code, id, {
+          parseOptions: { lang: "ts" },
+          enter(node) {
+            if (node.type === "ImportDeclaration") {
+              const source = node.source?.value;
+              if (typeof source !== "string" || !UNHEAD_SOURCE_RE.test(source))
+                return;
+              for (const spec of node.specifiers || []) {
+                if (spec.type === "ImportSpecifier" && spec.imported?.name === "createHead")
+                  directCreateHeadNames.add(spec.local.name);
+                else if (spec.type === "ImportNamespaceSpecifier")
+                  namespaceNames.add(spec.local.name);
+              }
+              return;
+            }
+            if (node.type !== "CallExpression")
+              return;
+            const callee = node.callee;
+            if (!callee)
+              return;
+            const isDirect = callee.type === "Identifier" && directCreateHeadNames.has(callee.name);
+            const isNamespaced = callee.type === "MemberExpression" && callee.object?.type === "Identifier" && namespaceNames.has(callee.object.name) && callee.property?.type === "Identifier" && callee.property.name === "createHead";
+            if (!isDirect && !isNamespaced)
+              return;
+            const statements = envRegistrations.map((r) => (isServer ? r.server : r.client).replace(/__ROOT__/g, JSON.stringify(root))).join(",");
+            s.prependLeft(node.start, `((_h)=>(${statements},_h))(`);
+            s.appendRight(node.end, `)`);
+            transformed = true;
+          }
+        });
+        if (!transformed)
+          return;
+        for (const reg of envRegistrations) {
+          s.prepend(`import { ${reg.import.name} as ${reg.import.as} } from '${reg.import.source}';
+`);
+        }
+        return {
+          code: s.toString(),
+          map: s.generateMap({ includeContent: true, source: id })
+        };
+      }
+    }
+  };
+}
+
+function Unhead(options = {}) {
+  const plugins = [];
+  const ctx = createHeadTransformContext();
+  const framework = options._framework;
+  if (options.treeshake !== false) {
+    const treeshakeOpts = typeof options.treeshake === "object" ? options.treeshake : {};
+    plugins.push(TreeshakeServerComposables.vite({ filter: options.filter, sourcemap: options.sourcemap, ...treeshakeOpts }));
+  }
+  if (options.transformSeoMeta !== false) {
+    const seoMetaOpts = typeof options.transformSeoMeta === "object" ? options.transformSeoMeta : {};
+    plugins.push(UseSeoMetaTransform.vite({ filter: options.filter, sourcemap: options.sourcemap, ...seoMetaOpts }));
+  }
+  if (options.minify !== false) {
+    const minifyOpts = typeof options.minify === "object" ? options.minify : {};
+    if (minifyOpts.js || minifyOpts.css) {
+      plugins.push(MinifyTransform.vite({ filter: options.filter, sourcemap: options.sourcemap, ...minifyOpts }));
+    }
+  }
+  if (options.validate !== false) {
+    const pluginsSource = framework ? `${framework}/plugins` : "unhead/plugins";
+    ctx.addRuntimePlugin({
+      import: { name: "ValidatePlugin", source: pluginsSource, as: "__unhead_validate" },
+      client: "_h.use(__unhead_validate({ root: __ROOT__ }))"
+    });
+  }
+  if (options.devtools !== false) {
+    const devtoolsOpts = typeof options.devtools === "object" ? options.devtools : {};
+    plugins.push(unheadDevtools({ ...devtoolsOpts, _ctx: ctx }));
+  }
+  plugins.push(SSRStaticReplace.vite({}));
+  plugins.push(CreateHeadTransform(ctx));
+  return plugins;
+}
+
+export { Unhead };

package/dist/webpack.d.mts

@@ -0,0 +1,5 @@
+import { U as UnpluginOptions } from './shared/bundler.BwKIGaKX.mjs';
+
+declare function Unhead(options?: UnpluginOptions): any[];
+
+export { Unhead, UnpluginOptions };

package/dist/webpack.d.ts

@@ -0,0 +1,5 @@
+import { U as UnpluginOptions } from './shared/bundler.BwKIGaKX.js';
+
+declare function Unhead(options?: UnpluginOptions): any[];
+
+export { Unhead, UnpluginOptions };

package/dist/webpack.mjs

@@ -0,0 +1,31 @@
+import { T as TreeshakeServerComposables, U as UseSeoMetaTransform, M as MinifyTransform, S as SSRStaticReplace } from './shared/bundler.DRWfqG8C.mjs';
+import 'node:url';
+import 'magic-string';
+import 'oxc-parser';
+import 'oxc-walker';
+import 'ufo';
+import 'unplugin';
+import 'node:vm';
+import 'unhead/utils';
+
+function Unhead(options = {}) {
+  const plugins = [];
+  if (options.treeshake !== false) {
+    const treeshakeOpts = typeof options.treeshake === "object" ? options.treeshake : {};
+    plugins.push(TreeshakeServerComposables.webpack({ filter: options.filter, sourcemap: options.sourcemap, ...treeshakeOpts }));
+  }
+  if (options.transformSeoMeta !== false) {
+    const seoMetaOpts = typeof options.transformSeoMeta === "object" ? options.transformSeoMeta : {};
+    plugins.push(UseSeoMetaTransform.webpack({ filter: options.filter, sourcemap: options.sourcemap, ...seoMetaOpts }));
+  }
+  if (options.minify !== false) {
+    const minifyOpts = typeof options.minify === "object" ? options.minify : {};
+    if (minifyOpts.js || minifyOpts.css) {
+      plugins.push(MinifyTransform.webpack({ filter: options.filter, sourcemap: options.sourcemap, ...minifyOpts }));
+    }
+  }
+  plugins.push(SSRStaticReplace.webpack({}));
+  return plugins;
+}
+
+export { Unhead };

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@unhead/bundler",
+  "type": "module",
+  "version": "3.0.0-rc.1",
+  "description": "Unhead build-time optimizations for Vite and Webpack.",
+  "author": "Harlan Wilton <harlan@harlanzw.com>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/harlan-zw",
+  "homepage": "https://unhead.unjs.io",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/unjs/unhead.git",
+    "directory": "packages/bundler"
+  },
+  "publishConfig": {
+    "access": "public",
+    "tag": "next"
+  },
+  "bugs": {
+    "url": "https://github.com/unjs/unhead/issues"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.mjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "default": "./dist/vite.mjs"
+    },
+    "./webpack": {
+      "types": "./dist/webpack.d.ts",
+      "default": "./dist/webpack.mjs"
+    },
+    "./minify/rolldown": {
+      "types": "./dist/minify/rolldown.d.ts",
+      "default": "./dist/minify/rolldown.mjs"
+    },
+    "./minify/esbuild": {
+      "types": "./dist/minify/esbuild.d.ts",
+      "default": "./dist/minify/esbuild.mjs"
+    },
+    "./minify/lightningcss": {
+      "types": "./dist/minify/lightningcss.d.ts",
+      "default": "./dist/minify/lightningcss.mjs"
+    }
+  },
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "vite": [
+        "dist/vite"
+      ],
+      "webpack": [
+        "dist/webpack"
+      ],
+      "minify/rolldown": [
+        "dist/minify/rolldown"
+      ],
+      "minify/esbuild": [
+        "dist/minify/esbuild"
+      ],
+      "minify/lightningcss": [
+        "dist/minify/lightningcss"
+      ]
+    }
+  },
+  "files": [
+    "*.d.ts",
+    "dist"
+  ],
+  "peerDependencies": {
+    "esbuild": ">=0.17.0",
+    "lightningcss": ">=1.20.0",
+    "rolldown": ">=1.0.0-beta.0",
+    "unhead": "^3.0.0-rc.1"
+  },
+  "peerDependenciesMeta": {
+    "esbuild": {
+      "optional": true
+    },
+    "lightningcss": {
+      "optional": true
+    },
+    "rolldown": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@rollup/pluginutils": "^5.3.0",
+    "@vitejs/devtools-kit": "^0.1.13",
+    "magic-string": "^0.30.21",
+    "oxc-parser": "^0.124.0",
+    "oxc-walker": "^0.7.0",
+    "ufo": "^1.6.3",
+    "unplugin": "^3.0.0"
+  },
+  "devDependencies": {
+    "rollup": "^4.60.1",
+    "vite": "^8.0.8",
+    "unhead": "3.0.0-rc.1"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "stub": "unbuild --stub",
+    "test:attw": "attw --pack"
+  }
+}

package/vite.d.ts

@@ -0,0 +1 @@
+export * from './dist/client'

package/webpack.d.ts

@@ -0,0 +1 @@
+export * from './dist/plugins'