@unhead/addons 3.0.0-beta.8 → 3.0.0-rc.3

package/dist/index.d.mts

@@ -1,18 +1,3 @@
-export { InferSeoMetaPlugin } from 'unhead/plugins';
-
-declare const DefaultCriticalTags: {
-    htmlAttrs: {
-        lang: string;
-    };
-    meta: ({
-        charset: string;
-        name?: undefined;
-        content?: undefined;
-    } | {
-        name: string;
-        content: string;
-        charset?: undefined;
-    })[];
-};
-
-export { DefaultCriticalTags };
+export * from '@unhead/bundler';
+import '@unhead/bundler/vite';
+import '@unhead/bundler/webpack';

package/dist/index.d.ts

@@ -1,18 +1,3 @@
-export { InferSeoMetaPlugin } from 'unhead/plugins';
-
-declare const DefaultCriticalTags: {
-    htmlAttrs: {
-        lang: string;
-    };
-    meta: ({
-        charset: string;
-        name?: undefined;
-        content?: undefined;
-    } | {
-        name: string;
-        content: string;
-        charset?: undefined;
-    })[];
-};
-
-export { DefaultCriticalTags };
+export * from '@unhead/bundler';
+import '@unhead/bundler/vite';
+import '@unhead/bundler/webpack';

package/dist/index.mjs

@@ -1,13 +1,3 @@
-export { InferSeoMetaPlugin } from 'unhead/plugins';
+export * from '@unhead/bundler';
 
-const DefaultCriticalTags = {
-  htmlAttrs: {
-    lang: "en"
-  },
-  meta: [
-    { charset: "utf-8" },
-    { name: "viewport", content: "width=device-width, initial-scale=1" }
-  ]
-};
-
-export { DefaultCriticalTags };
+console.warn("[unhead] `@unhead/addons` is deprecated. Please migrate to `@unhead/bundler` instead.");

package/dist/vite.d.mts

@@ -1,6 +1,2 @@
-import { Plugin } from 'vite';
-import { U as UnpluginOptions } from './shared/addons.51MZ0zeg.mjs';
-
-declare const _default: (options?: UnpluginOptions) => Plugin[];
-
-export { UnpluginOptions, _default as default };
+export * from '@unhead/bundler/vite';
+export { Unhead as default } from '@unhead/bundler/vite';

package/dist/vite.d.ts

@@ -1,6 +1,2 @@
-import { Plugin } from 'vite';
-import { U as UnpluginOptions } from './shared/addons.51MZ0zeg.js';
-
-declare const _default: (options?: UnpluginOptions) => Plugin[];
-
-export { UnpluginOptions, _default as default };
+export * from '@unhead/bundler/vite';
+export { Unhead as default } from '@unhead/bundler/vite';

package/dist/vite.mjs

@@ -1,18 +1,3 @@
-import { T as TreeshakeServerComposables, U as UseSeoMetaTransform } from './shared/addons.CqpZJkhe.mjs';
-import 'node:url';
-import 'magic-string';
-import 'oxc-parser';
-import 'oxc-walker';
-import 'ufo';
-import 'unplugin';
-import 'node:vm';
-import 'unhead/utils';
+export { Unhead as default } from '@unhead/bundler/vite';
 
-const vite = (options = {}) => {
-  return [
-    TreeshakeServerComposables.vite({ filter: options.filter, sourcemap: options.sourcemap, ...options.treeshake }),
-    UseSeoMetaTransform.vite({ filter: options.filter, sourcemap: options.sourcemap, ...options.transformSeoMeta })
-  ];
-};
-
-export { vite as default };
+console.warn("[unhead] `@unhead/addons/vite` is deprecated. Please migrate to `@unhead/bundler/vite` instead.");

package/dist/webpack.d.mts

@@ -1,5 +1,2 @@
-import { U as UnpluginOptions } from './shared/addons.51MZ0zeg.mjs';
-
-declare const _default: (options?: UnpluginOptions) => any[];
-
-export { UnpluginOptions, _default as default };
+export * from '@unhead/bundler/webpack';
+export { default } from '@unhead/bundler/webpack';

package/dist/webpack.d.ts

@@ -1,5 +1,2 @@
-import { U as UnpluginOptions } from './shared/addons.51MZ0zeg.js';
-
-declare const _default: (options?: UnpluginOptions) => any[];
-
-export { UnpluginOptions, _default as default };
+export * from '@unhead/bundler/webpack';
+export { default } from '@unhead/bundler/webpack';

package/dist/webpack.mjs

@@ -1,18 +1,4 @@
-import { T as TreeshakeServerComposables, U as UseSeoMetaTransform } from './shared/addons.CqpZJkhe.mjs';
-import 'node:url';
-import 'magic-string';
-import 'oxc-parser';
-import 'oxc-walker';
-import 'ufo';
-import 'unplugin';
-import 'node:vm';
-import 'unhead/utils';
+export * from '@unhead/bundler/webpack';
+export { default } from '@unhead/bundler/webpack';
 
-const webpack = (options = {}) => {
-  return [
-    TreeshakeServerComposables.webpack({ filter: options.filter, sourcemap: options.sourcemap, ...options.treeshake || {} }),
-    UseSeoMetaTransform.webpack({ filter: options.filter, sourcemap: options.sourcemap, ...options.transformSeoMeta || {} })
-  ];
-};
-
-export { webpack as default };
+console.warn("[unhead] `@unhead/addons/webpack` is deprecated. Please migrate to `@unhead/bundler/webpack` instead.");

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@unhead/addons",
   "type": "module",
-  "version": "3.0.0-beta.8",
-  "description": "Unhead addons for build tools and bundlers.",
+  "version": "3.0.0-rc.3",
+  "description": "Deprecated. Use @unhead/bundler instead.",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -10,7 +10,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/unjs/unhead.git",
-    "directory": "packages/addons"
+    "directory": "packages-aliased/addons"
   },
   "publishConfig": {
     "access": "public",
@@ -19,19 +19,19 @@
   "bugs": {
     "url": "https://github.com/unjs/unhead/issues"
   },
-  "sideEffects": false,
+  "sideEffects": true,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
+      "import": "./dist/index.mjs"
     },
     "./vite": {
       "types": "./dist/vite.d.ts",
-      "default": "./dist/vite.mjs"
+      "import": "./dist/vite.mjs"
     },
     "./webpack": {
       "types": "./dist/webpack.d.ts",
-      "default": "./dist/webpack.mjs"
+      "import": "./dist/webpack.mjs"
     }
   },
   "main": "dist/index.mjs",
@@ -48,28 +48,13 @@
     }
   },
   "files": [
-    "*.d.ts",
     "dist"
   ],
   "peerDependencies": {
-    "unhead": "3.0.0-beta.8"
-  },
-  "dependencies": {
-    "@rollup/pluginutils": "^5.3.0",
-    "magic-string": "^0.30.21",
-    "oxc-parser": "^0.106.0",
-    "oxc-walker": "^0.7.0",
-    "ufo": "^1.6.2",
-    "unplugin": "^2.3.11"
-  },
-  "devDependencies": {
-    "rollup": "^4.55.1",
-    "vite": "^7.2.2",
-    "unhead": "3.0.0-beta.8"
+    "@unhead/bundler": "3.0.0-rc.3"
   },
   "scripts": {
     "build": "unbuild",
-    "stub": "unbuild --stub",
-    "test:attw": "attw --pack"
+    "stub": "unbuild --stub"
   }
 }

package/README.md

@@ -1,124 +0,0 @@
-# @unhead/addons
-
-> Unhead addons for build tools and bundlers
-
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
-
-## Features
-
-- 🛠️ Build-time optimizations for Unhead
-- 🌲 Tree-shake server composables from client bundles
-- ⚡ Transform `useSeoMeta` calls for better performance
-- 📦 Support for Vite, Webpack, and other bundlers
-
-## Installation
-
-```bash
-# npm
-npm install @unhead/addons
-
-# yarn
-yarn add @unhead/addons
-
-# pnpm
-pnpm add @unhead/addons
-```
-
-## Usage
-
-### Vite Plugin
-
-```ts
-import UnheadVite from '@unhead/addons/vite'
-// vite.config.ts
-import { defineConfig } from 'vite'
-
-export default defineConfig({
-  plugins: [
-    UnheadVite({
-      // Options
-    })
-  ]
-})
-```
-
-### Webpack Plugin
-
-```js
-// webpack.config.js
-const UnheadWebpack = require('@unhead/addons/webpack')
-
-module.exports = {
-  plugins: [
-    UnheadWebpack({
-      // Options
-    })
-  ]
-}
-```
-
-### Options
-
-```ts
-interface UnpluginOptions {
-  // Tree-shake server-only composables from client bundles
-  treeshakeServerComposables?: boolean | TreeshakeServerComposablesOptions
-
-  // Transform useSeoMeta calls for better performance
-  useSeoMetaTransform?: boolean | UseSeoMetaTransformOptions
-}
-```
-
-## Build Optimizations
-
-### Tree-shake Server Composables
-
-Automatically removes server-only Unhead composables from client bundles:
-
-```ts
-// Before (in client bundle):
-import { useServerHead } from '@unhead/vue'
-
-useServerHead({ /* ... */ })
-
-// After (removed from client bundle):
-// (code is completely removed)
-```
-
-### SEO Meta Transform
-
-Optimizes `useSeoMeta` calls for better performance:
-
-```ts
-// Before:
-useSeoMeta({
-  title: 'My Page',
-  description: 'Page description'
-})
-
-// After (optimized):
-useHead({
-  title: 'My Page',
-  meta: [{ name: 'description', content: 'Page description' }]
-})
-```
-
-## Documentation
-
-Visit the [Unhead documentation](https://unhead.unjs.io/) for more details.
-
-## License
-
-[MIT](./LICENSE)
-
-<!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/@unhead/addons/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-version-href]: https://npmjs.com/package/@unhead/addons
-
-[npm-downloads-src]: https://img.shields.io/npm/dm/@unhead/addons.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-downloads-href]: https://npmjs.com/package/@unhead/addons
-
-[license-src]: https://img.shields.io/github/license/unjs/unhead.svg?style=flat&colorA=18181B&colorB=28CF8D
-[license-href]: https://github.com/unjs/unhead/blob/main/LICENSE

package/dist/shared/addons.51MZ0zeg.d.mts

@@ -1,28 +0,0 @@
-interface TreeshakeServerComposablesOptions extends BaseTransformerTypes {
-    enabled?: boolean;
-}
-
-interface UseSeoMetaTransformOptions extends BaseTransformerTypes {
-    /**
-     * Whether to transform imports of `useSeoMeta` and `useServerSeoMeta` to `useHead` and `useServerHead`.
-     */
-    imports?: boolean;
-    /**
-     * Extra import paths to consider where `useSeoMeta()` may be imported from.
-     */
-    importPaths?: string[];
-}
-
-interface BaseTransformerTypes {
-    sourcemap?: boolean;
-    filter?: {
-        exclude?: RegExp[];
-        include?: RegExp[];
-    };
-}
-interface UnpluginOptions extends BaseTransformerTypes {
-    treeshake?: TreeshakeServerComposablesOptions;
-    transformSeoMeta?: UseSeoMetaTransformOptions;
-}
-
-export type { UnpluginOptions as U };

package/dist/shared/addons.51MZ0zeg.d.ts

@@ -1,28 +0,0 @@
-interface TreeshakeServerComposablesOptions extends BaseTransformerTypes {
-    enabled?: boolean;
-}
-
-interface UseSeoMetaTransformOptions extends BaseTransformerTypes {
-    /**
-     * Whether to transform imports of `useSeoMeta` and `useServerSeoMeta` to `useHead` and `useServerHead`.
-     */
-    imports?: boolean;
-    /**
-     * Extra import paths to consider where `useSeoMeta()` may be imported from.
-     */
-    importPaths?: string[];
-}
-
-interface BaseTransformerTypes {
-    sourcemap?: boolean;
-    filter?: {
-        exclude?: RegExp[];
-        include?: RegExp[];
-    };
-}
-interface UnpluginOptions extends BaseTransformerTypes {
-    treeshake?: TreeshakeServerComposablesOptions;
-    transformSeoMeta?: UseSeoMetaTransformOptions;
-}
-
-export type { UnpluginOptions as U };

package/dist/shared/addons.CqpZJkhe.mjs

@@ -1,264 +0,0 @@
-import { pathToFileURL } from 'node:url';
-import MagicString from 'magic-string';
-import { parseSync } from 'oxc-parser';
-import { walk, ScopeTracker, ScopeTrackerImport } from 'oxc-walker';
-import { parseURL, parseQuery } from 'ufo';
-import { createUnplugin } from 'unplugin';
-import { createContext, runInContext } from 'node:vm';
-import { resolveMetaKeyType, resolveMetaKeyValue, resolvePackedMetaObjectValue } from 'unhead/utils';
-
-const functionNames = [
-  "useServerHead",
-  "useServerHeadSafe",
-  "useServerSeoMeta",
-  // plugins
-  "useSchemaOrg"
-];
-const TreeshakeServerComposables = createUnplugin((options = {}) => {
-  options.enabled = options.enabled !== void 0 ? options.enabled : true;
-  return {
-    name: "unhead:remove-server-composables",
-    enforce: "post",
-    transformInclude(id) {
-      if (!options.enabled)
-        return false;
-      const { pathname, search } = parseURL(decodeURIComponent(pathToFileURL(id).href));
-      const { type } = parseQuery(search);
-      if (pathname.match(/[\\/]node_modules[\\/]/))
-        return false;
-      if (options.filter?.include?.some((pattern) => id.match(pattern)))
-        return true;
-      if (options.filter?.exclude?.some((pattern) => id.match(pattern)))
-        return false;
-      if (pathname.endsWith(".vue") && (type === "script" || !search))
-        return true;
-      if (pathname.match(/\.((c|m)?j|t)sx?$/g))
-        return true;
-      return false;
-    },
-    transform(code, id) {
-      if (!code.includes("useServerHead") && !code.includes("useServerHeadSafe") && !code.includes("useServerSeoMeta") && !code.includes("useSchemaOrg")) {
-        return;
-      }
-      const ast = parseSync(id, code);
-      const s = new MagicString(code);
-      walk(ast.program, {
-        enter(node) {
-          if (node.type === "ExpressionStatement" && node.expression.type === "CallExpression" && node.expression.callee.type === "Identifier" && functionNames.includes(node.expression.callee.name)) {
-            s.remove(node.start, node.end);
-          }
-        }
-      });
-      if (s.hasChanged()) {
-        return {
-          code: s.toString(),
-          map: s.generateMap({ includeContent: true, source: id })
-        };
-      }
-    },
-    webpack(ctx) {
-      if (ctx.name === "server")
-        options.enabled = false;
-    },
-    vite: {
-      apply(config, env) {
-        if (env.ssrBuild || env.isSsrBuild) {
-          options.enabled = false;
-          return true;
-        }
-        return false;
-      }
-    }
-  };
-});
-
-const SEO_META_NAMES = /* @__PURE__ */ new Set(["useSeoMeta", "useServerSeoMeta"]);
-const UseSeoMetaTransform = createUnplugin((options = {}) => {
-  options.imports = options.imports || true;
-  function isValidPackage(s) {
-    if (s === "unhead" || s.startsWith("@unhead")) {
-      return true;
-    }
-    return [...options.importPaths || []].includes(s);
-  }
-  return {
-    name: "unhead:use-seo-meta-transform",
-    enforce: "post",
-    transformInclude(id) {
-      const { pathname, search } = parseURL(decodeURIComponent(pathToFileURL(id).href));
-      const { type } = parseQuery(search);
-      if (pathname.match(/[\\/]node_modules[\\/]/))
-        return false;
-      if (options.filter?.include?.some((pattern) => id.match(pattern)))
-        return true;
-      if (options.filter?.exclude?.some((pattern) => id.match(pattern)))
-        return false;
-      if (pathname.endsWith(".vue") && (type === "script" || !search))
-        return true;
-      if (pathname.match(/\.((c|m)?j|t)sx?$/g))
-        return true;
-      return false;
-    },
-    async transform(code, id) {
-      if (!code.includes("useSeoMeta") && !code.includes("useServerSeoMeta"))
-        return;
-      const scopeTracker = new ScopeTracker();
-      const ast = parseSync(id, code);
-      const s = new MagicString(code);
-      const importRewrites = /* @__PURE__ */ new Map();
-      const valueReferenced = /* @__PURE__ */ new Set();
-      walk(ast.program, {
-        scopeTracker,
-        enter(node, parent) {
-          if (node.type === "Identifier" && !(parent?.type === "CallExpression" && parent.callee === node) && parent?.type !== "ImportSpecifier") {
-            const decl2 = scopeTracker.getDeclaration(node.name);
-            if (decl2 instanceof ScopeTrackerImport && isValidPackage(decl2.importNode.source.value) && SEO_META_NAMES.has(decl2.node.imported.name)) {
-              valueReferenced.add(decl2.node.imported.name);
-            }
-          }
-          if (node.type !== "CallExpression" || node.callee.type !== "Identifier")
-            return;
-          const decl = scopeTracker.getDeclaration(node.callee.name);
-          let originalName;
-          let importDecl = null;
-          if (decl instanceof ScopeTrackerImport) {
-            if (!isValidPackage(decl.importNode.source.value))
-              return;
-            originalName = decl.node.imported.name;
-            importDecl = decl.importNode;
-          } else if (!decl && SEO_META_NAMES.has(node.callee.name)) {
-            originalName = node.callee.name;
-          } else {
-            return;
-          }
-          if (!SEO_META_NAMES.has(originalName))
-            return;
-          const properties = node.arguments[0]?.properties;
-          if (!properties)
-            return;
-          let output = [];
-          const title = properties.find((property) => property.key?.name === "title");
-          const titleTemplate = properties.find((property) => property.key?.name === "titleTemplate");
-          const meta = properties.filter((property) => property.key?.name !== "title" && property.key?.name !== "titleTemplate");
-          if (title || titleTemplate || originalName === "useSeoMeta") {
-            output.push("useHead({");
-            if (title) {
-              output.push(`  title: ${code.substring(title.value.start, title.value.end)},`);
-            }
-            if (titleTemplate) {
-              output.push(`  titleTemplate: ${code.substring(titleTemplate.value.start, titleTemplate.value.end)},`);
-            }
-          }
-          if (originalName === "useServerSeoMeta") {
-            if (output.length)
-              output.push("});");
-            output.push("useServerHead({");
-          }
-          if (meta.length)
-            output.push("  meta: [");
-          meta.forEach((property) => {
-            if (property.type === "SpreadElement") {
-              output = false;
-              return;
-            }
-            if (property.key.type !== "Identifier" || !property.value) {
-              output = false;
-              return;
-            }
-            if (output === false)
-              return;
-            const propertyKey = property.key;
-            let key = resolveMetaKeyType(propertyKey.name);
-            const keyValue = resolveMetaKeyValue(propertyKey.name);
-            let valueKey = "content";
-            if (keyValue === "charset") {
-              valueKey = "charset";
-              key = "charset";
-            }
-            let value = code.substring(property.value.start, property.value.end);
-            if (property.value.type === "ArrayExpression") {
-              if (output === false)
-                return;
-              const elements = property.value.elements;
-              if (!elements.length)
-                return;
-              const metaTags = elements.map((element) => {
-                if (element.type !== "ObjectExpression")
-                  return `    { ${key}: '${keyValue}', ${valueKey}: ${code.substring(element.start, element.end)} },`;
-                return element.properties.map((p) => {
-                  const propKey = p.key.name;
-                  const propValue = code.substring(p.value.start, p.value.end);
-                  return `    { ${key}: '${keyValue}:${propKey}', ${valueKey}: ${propValue} },`;
-                }).join("\n");
-              });
-              output.push(metaTags.join("\n"));
-              return;
-            } else if (property.value.type === "ObjectExpression") {
-              const isStatic = property.value.properties.every((p) => p.value.type === "StringLiteral" && typeof p.value.value === "string");
-              if (!isStatic) {
-                output = false;
-                return;
-              }
-              const context = createContext({
-                resolvePackedMetaObjectValue
-              });
-              const start = property.value.start;
-              const end = property.value.end;
-              try {
-                value = JSON.stringify(runInContext(`resolvePackedMetaObjectValue(${code.slice(start, end)})`, context));
-              } catch {
-                output = false;
-                return;
-              }
-            }
-            if (valueKey === "charset")
-              output.push(`    { ${key}: ${value} },`);
-            else
-              output.push(`    { ${key}: '${keyValue}', ${valueKey}: ${value} },`);
-          });
-          if (output) {
-            if (meta.length)
-              output.push("  ]");
-            output.push("})");
-            s.overwrite(node.start, node.end, output.join("\n"));
-            if (importDecl) {
-              if (!importRewrites.has(importDecl))
-                importRewrites.set(importDecl, /* @__PURE__ */ new Set());
-              importRewrites.get(importDecl).add(originalName);
-            }
-          }
-        }
-      });
-      if (options.imports && importRewrites.size > 0) {
-        for (const [importNode, transformedNames] of importRewrites) {
-          const newSpecifiers = /* @__PURE__ */ new Set();
-          for (const spec of importNode.specifiers) {
-            if (spec.type !== "ImportSpecifier")
-              continue;
-            const importedName = spec.imported.name;
-            if (transformedNames.has(importedName)) {
-              newSpecifiers.add(importedName.includes("Server") ? "useServerHead" : "useHead");
-              if (valueReferenced.has(importedName))
-                newSpecifiers.add(importedName);
-            } else {
-              newSpecifiers.add(importedName);
-            }
-          }
-          s.overwrite(
-            importNode.specifiers[0].start,
-            importNode.specifiers[importNode.specifiers.length - 1].end,
-            [...newSpecifiers].join(", ")
-          );
-        }
-      }
-      if (s.hasChanged()) {
-        return {
-          code: s.toString(),
-          map: s.generateMap({ includeContent: true, source: id })
-        };
-      }
-    }
-  };
-});
-
-export { TreeshakeServerComposables as T, UseSeoMetaTransform as U };

package/vite.d.ts

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

package/webpack.d.ts

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