@kcroyweb/vite-plugin-wp-helper 0.1.2 → 0.1.4

package/dist/wp-helper.d.mts

@@ -0,0 +1,17 @@
+import postcss from 'postcss';
+import loadPostcssConfig from 'postcss-load-config';
+
+declare const wpHandles: Record<string, string>;
+declare const findBlockJsonFiles: (dir: string, list?: string[]) => string[];
+declare const extractDependencies: (chunk: any, handles: Record<string, string>) => string[];
+declare const generateAssetPhp: (deps: string[]) => string;
+declare function buildCss(input: string, output: string, postcssProcessor: typeof postcss, loadPostcssConfigFn: typeof loadPostcssConfig): Promise<void>;
+declare function wpHelper(options: {
+    srcBlockDir: string;
+    outDir?: string;
+}): {
+    name: string;
+    buildStart(): Promise<void>;
+};
+
+export { buildCss, extractDependencies, findBlockJsonFiles, generateAssetPhp, wpHandles, wpHelper };

package/dist/wp-helper.d.ts

@@ -1,7 +1,17 @@
-export default function wpHelper(options: {
+import postcss from 'postcss';
+import loadPostcssConfig from 'postcss-load-config';
+
+declare const wpHandles: Record<string, string>;
+declare const findBlockJsonFiles: (dir: string, list?: string[]) => string[];
+declare const extractDependencies: (chunk: any, handles: Record<string, string>) => string[];
+declare const generateAssetPhp: (deps: string[]) => string;
+declare function buildCss(input: string, output: string, postcssProcessor: typeof postcss, loadPostcssConfigFn: typeof loadPostcssConfig): Promise<void>;
+declare function wpHelper(options: {
     srcBlockDir: string;
     outDir?: string;
 }): {
     name: string;
     buildStart(): Promise<void>;
 };
+
+export { buildCss, extractDependencies, findBlockJsonFiles, generateAssetPhp, wpHandles, wpHelper };

package/dist/wp-helper.js

@@ -30,7 +30,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/wp-helper.ts
 var wp_helper_exports = {};
 __export(wp_helper_exports, {
-  default: () => wpHelper
+  buildCss: () => buildCss,
+  extractDependencies: () => extractDependencies,
+  findBlockJsonFiles: () => findBlockJsonFiles,
+  generateAssetPhp: () => generateAssetPhp,
+  wpHandles: () => wpHandles,
+  wpHelper: () => wpHelper
 });
 module.exports = __toCommonJS(wp_helper_exports);
 var import_node_path = require("path");
@@ -38,65 +43,65 @@ var import_node_fs = require("fs");
 var import_vite = require("vite");
 var import_postcss = __toESM(require("postcss"));
 var import_postcss_load_config = __toESM(require("postcss-load-config"));
-function wpHelper(options) {
-  if (!options.srcBlockDir) {
-    throw new Error("[vite-plugin-wp-helper] srcBlockDir is required");
+var wpHandles = {
+  react: "wp-react",
+  "react-dom": "wp-react-dom",
+  "@wordpress/blocks": "wp-blocks",
+  "@wordpress/element": "wp-element",
+  "@wordpress/components": "wp-components",
+  "@wordpress/data": "wp-data",
+  "@wordpress/block-editor": "wp-block-editor",
+  "@wordpress/i18n": "wp-i18n",
+  "@wordpress/api-fetch": "wp.apiFetch",
+  "@wordpress/compose": "wp-compose",
+  "@wordpress/hooks": "wp-hooks"
+};
+var findBlockJsonFiles = (dir, list = []) => {
+  if (!(0, import_node_fs.existsSync)(dir)) return list;
+  for (const file of (0, import_node_fs.readdirSync)(dir)) {
+    const full = (0, import_node_path.join)(dir, file);
+    const stat = (0, import_node_fs.statSync)(full);
+    if (stat.isDirectory()) findBlockJsonFiles(full, list);
+    else if (file === "block.json") list.push(full);
   }
-  const wpHandles = {
-    react: "wp-react",
-    "react-dom": "wp-react-dom",
-    "@wordpress/blocks": "wp-blocks",
-    "@wordpress/element": "wp-element",
-    "@wordpress/components": "wp-components",
-    "@wordpress/data": "wp-data",
-    "@wordpress/block-editor": "wp-block-editor",
-    "@wordpress/i18n": "wp-i18n",
-    "@wordpress/api-fetch": "wp-api-fetch",
-    "@wordpress/compose": "wp-compose",
-    "@wordpress/hooks": "wp-hooks"
-  };
-  const outDir = options.outDir ? (0, import_node_path.resolve)(options.outDir) : (0, import_node_path.resolve)("dist");
-  const findBlockJsonFiles = (dir, list = []) => {
-    if (!(0, import_node_fs.existsSync)(dir)) return list;
-    for (const file of (0, import_node_fs.readdirSync)(dir)) {
-      const full = (0, import_node_path.join)(dir, file);
-      const stat = (0, import_node_fs.statSync)(full);
-      if (stat.isDirectory()) findBlockJsonFiles(full, list);
-      else if (file === "block.json") list.push(full);
+  return list;
+};
+var extractDependencies = (chunk, handles) => {
+  const deps = /* @__PURE__ */ new Set();
+  const scan = (v) => {
+    for (const [pkg, handle] of Object.entries(handles)) {
+      if (v.includes(pkg)) deps.add(handle);
     }
-    return list;
-  };
-  const extractDependencies = (chunk) => {
-    const deps = /* @__PURE__ */ new Set();
-    const scan = (v) => {
-      for (const [pkg, handle] of Object.entries(wpHandles)) {
-        if (v.includes(pkg)) deps.add(handle);
-      }
-    };
-    if (chunk.imports) chunk.imports.forEach(scan);
-    if (chunk.code) scan(chunk.code);
-    if (chunk.modules) Object.keys(chunk.modules).forEach(scan);
-    return [...deps].sort();
   };
-  const generateAssetPhp = (deps) => `<?php
+  if (chunk.imports) chunk.imports.forEach(scan);
+  if (chunk.code) scan(chunk.code);
+  if (chunk.modules) Object.keys(chunk.modules).forEach(scan);
+  return [...deps].sort();
+};
+var generateAssetPhp = (deps) => `<?php
 return array(
   'dependencies' => array(${deps.map((d) => `'${d}'`).join(", ")}),
   'version' => '${Date.now()}',
 );
 `;
-  async function buildCss(input, output) {
-    const css = (0, import_node_fs.readFileSync)(input, "utf8");
-    const { plugins, options: options2 } = await (0, import_postcss_load_config.default)({}, process.cwd());
-    const result = await (0, import_postcss.default)(plugins).process(css, {
-      ...options2,
-      from: input,
-      to: output
-    });
-    (0, import_node_fs.writeFileSync)(output, result.css);
-    if (result.map) {
-      (0, import_node_fs.writeFileSync)(output + ".map", result.map.toString());
-    }
+async function buildCss(input, output, postcssProcessor, loadPostcssConfigFn) {
+  const css = (0, import_node_fs.readFileSync)(input, "utf8");
+  const { plugins, options } = await loadPostcssConfigFn({}, process.cwd());
+  const result = await postcssProcessor(plugins).process(css, {
+    ...options,
+    from: input,
+    to: output
+  });
+  (0, import_node_fs.writeFileSync)(output, result.css);
+  if (result.map) {
+    (0, import_node_fs.writeFileSync)(output + ".map", result.map.toString());
   }
+}
+function wpHelper(options) {
+  if (!options.srcBlockDir) {
+    throw new Error("[vite-plugin-wp-helper] srcBlockDir is required");
+  }
+  const outDir = options.outDir ? (0, import_node_path.resolve)(options.outDir) : (0, import_node_path.resolve)("dist");
   return {
     name: "vite-plugin-wp-helper",
     async buildStart() {
@@ -148,7 +153,7 @@ return array(
           });
           const chunk = result.output?.find((c) => c.isEntry);
           if (chunk) {
-            const deps = extractDependencies(chunk);
+            const deps = extractDependencies(chunk, wpHandles);
             (0, import_node_fs.writeFileSync)(
               (0, import_node_path.join)(blockOutDir, outFile.replace(".js", ".asset.php")),
               generateAssetPhp(deps)
@@ -162,11 +167,11 @@ return array(
           editorStyle: (0, import_node_path.join)(blockDir, "editor.css")
         };
         if ((0, import_node_fs.existsSync)(cssFiles.style)) {
-          await buildCss(cssFiles.style, (0, import_node_path.join)(blockOutDir, "style.css"));
+          await buildCss(cssFiles.style, (0, import_node_path.join)(blockOutDir, "style.css"), import_postcss.default, import_postcss_load_config.default);
           rawBlockJson.viewStyle = "file:./style.css";
         }
         if ((0, import_node_fs.existsSync)(cssFiles.editorStyle)) {
-          await buildCss(cssFiles.editorStyle, (0, import_node_path.join)(blockOutDir, "editor.css"));
+          await buildCss(cssFiles.editorStyle, (0, import_node_path.join)(blockOutDir, "editor.css"), import_postcss.default, import_postcss_load_config.default);
           rawBlockJson.editorStyle = "file:./editor.css";
         }
         (0, import_node_fs.writeFileSync)(
@@ -178,3 +183,12 @@ return array(
     }
   };
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildCss,
+  extractDependencies,
+  findBlockJsonFiles,
+  generateAssetPhp,
+  wpHandles,
+  wpHelper
+});

package/dist/wp-helper.mjs

@@ -11,65 +11,65 @@ import {
 import { build as viteBuild } from "vite";
 import postcss from "postcss";
 import loadPostcssConfig from "postcss-load-config";
-function wpHelper(options) {
-  if (!options.srcBlockDir) {
-    throw new Error("[vite-plugin-wp-helper] srcBlockDir is required");
+var wpHandles = {
+  react: "wp-react",
+  "react-dom": "wp-react-dom",
+  "@wordpress/blocks": "wp-blocks",
+  "@wordpress/element": "wp-element",
+  "@wordpress/components": "wp-components",
+  "@wordpress/data": "wp-data",
+  "@wordpress/block-editor": "wp-block-editor",
+  "@wordpress/i18n": "wp-i18n",
+  "@wordpress/api-fetch": "wp.apiFetch",
+  "@wordpress/compose": "wp-compose",
+  "@wordpress/hooks": "wp-hooks"
+};
+var findBlockJsonFiles = (dir, list = []) => {
+  if (!existsSync(dir)) return list;
+  for (const file of readdirSync(dir)) {
+    const full = join(dir, file);
+    const stat = statSync(full);
+    if (stat.isDirectory()) findBlockJsonFiles(full, list);
+    else if (file === "block.json") list.push(full);
   }
-  const wpHandles = {
-    react: "wp-react",
-    "react-dom": "wp-react-dom",
-    "@wordpress/blocks": "wp-blocks",
-    "@wordpress/element": "wp-element",
-    "@wordpress/components": "wp-components",
-    "@wordpress/data": "wp-data",
-    "@wordpress/block-editor": "wp-block-editor",
-    "@wordpress/i18n": "wp-i18n",
-    "@wordpress/api-fetch": "wp-api-fetch",
-    "@wordpress/compose": "wp-compose",
-    "@wordpress/hooks": "wp-hooks"
-  };
-  const outDir = options.outDir ? resolve(options.outDir) : resolve("dist");
-  const findBlockJsonFiles = (dir, list = []) => {
-    if (!existsSync(dir)) return list;
-    for (const file of readdirSync(dir)) {
-      const full = join(dir, file);
-      const stat = statSync(full);
-      if (stat.isDirectory()) findBlockJsonFiles(full, list);
-      else if (file === "block.json") list.push(full);
+  return list;
+};
+var extractDependencies = (chunk, handles) => {
+  const deps = /* @__PURE__ */ new Set();
+  const scan = (v) => {
+    for (const [pkg, handle] of Object.entries(handles)) {
+      if (v.includes(pkg)) deps.add(handle);
     }
-    return list;
-  };
-  const extractDependencies = (chunk) => {
-    const deps = /* @__PURE__ */ new Set();
-    const scan = (v) => {
-      for (const [pkg, handle] of Object.entries(wpHandles)) {
-        if (v.includes(pkg)) deps.add(handle);
-      }
-    };
-    if (chunk.imports) chunk.imports.forEach(scan);
-    if (chunk.code) scan(chunk.code);
-    if (chunk.modules) Object.keys(chunk.modules).forEach(scan);
-    return [...deps].sort();
   };
-  const generateAssetPhp = (deps) => `<?php
+  if (chunk.imports) chunk.imports.forEach(scan);
+  if (chunk.code) scan(chunk.code);
+  if (chunk.modules) Object.keys(chunk.modules).forEach(scan);
+  return [...deps].sort();
+};
+var generateAssetPhp = (deps) => `<?php
 return array(
   'dependencies' => array(${deps.map((d) => `'${d}'`).join(", ")}),
   'version' => '${Date.now()}',
 );
 `;
-  async function buildCss(input, output) {
-    const css = readFileSync(input, "utf8");
-    const { plugins, options: options2 } = await loadPostcssConfig({}, process.cwd());
-    const result = await postcss(plugins).process(css, {
-      ...options2,
-      from: input,
-      to: output
-    });
-    writeFileSync(output, result.css);
-    if (result.map) {
-      writeFileSync(output + ".map", result.map.toString());
-    }
+async function buildCss(input, output, postcssProcessor, loadPostcssConfigFn) {
+  const css = readFileSync(input, "utf8");
+  const { plugins, options } = await loadPostcssConfigFn({}, process.cwd());
+  const result = await postcssProcessor(plugins).process(css, {
+    ...options,
+    from: input,
+    to: output
+  });
+  writeFileSync(output, result.css);
+  if (result.map) {
+    writeFileSync(output + ".map", result.map.toString());
+  }
+}
+function wpHelper(options) {
+  if (!options.srcBlockDir) {
+    throw new Error("[vite-plugin-wp-helper] srcBlockDir is required");
   }
+  const outDir = options.outDir ? resolve(options.outDir) : resolve("dist");
   return {
     name: "vite-plugin-wp-helper",
     async buildStart() {
@@ -121,7 +121,7 @@ return array(
           });
           const chunk = result.output?.find((c) => c.isEntry);
           if (chunk) {
-            const deps = extractDependencies(chunk);
+            const deps = extractDependencies(chunk, wpHandles);
             writeFileSync(
               join(blockOutDir, outFile.replace(".js", ".asset.php")),
               generateAssetPhp(deps)
@@ -135,11 +135,11 @@ return array(
           editorStyle: join(blockDir, "editor.css")
         };
         if (existsSync(cssFiles.style)) {
-          await buildCss(cssFiles.style, join(blockOutDir, "style.css"));
+          await buildCss(cssFiles.style, join(blockOutDir, "style.css"), postcss, loadPostcssConfig);
           rawBlockJson.viewStyle = "file:./style.css";
         }
         if (existsSync(cssFiles.editorStyle)) {
-          await buildCss(cssFiles.editorStyle, join(blockOutDir, "editor.css"));
+          await buildCss(cssFiles.editorStyle, join(blockOutDir, "editor.css"), postcss, loadPostcssConfig);
           rawBlockJson.editorStyle = "file:./editor.css";
         }
         writeFileSync(
@@ -152,5 +152,10 @@ return array(
   };
 }
 export {
-  wpHelper as default
+  buildCss,
+  extractDependencies,
+  findBlockJsonFiles,
+  generateAssetPhp,
+  wpHandles,
+  wpHelper
 };

package/package.json

@@ -1,15 +1,23 @@
 {
   "name": "@kcroyweb/vite-plugin-wp-helper",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Vite plugin to make WordPress block development possible with a regular JS/TS setup within vite.",
   "main": "dist/wp-helper.js",
+  "module": "dist/wp-helper.mjs",
   "types": "dist/wp-helper.d.ts",
+  "readmeFilename": "README.md",
+  "exports": {
+    ".": {
+      "import": "./dist/wp-helper.mjs",
+      "require": "./dist/wp-helper.js"
+    }
+  },
   "files": [
     "dist",
     "README.md"
   ],
   "scripts": {
-    "build": "tsup src/wp-helper.ts --format cjs,esm --external postcss --external postcss-load-config --external vite && tsc --emitDeclarationOnly --declaration --declarationDir dist --project tsconfig.json",
+    "build": "tsup --config tsup.config.ts && rm -f dist/vitest.config.d.mts",
     "test": "vitest",
     "coverage": "vitest run --coverage"
   },
@@ -35,7 +43,7 @@
     "node": ">=18"
   },
   "peerDependencies": {
-    "vite": "^5.0.0"
+    "vite": "^7.0.0"
   },
   "packageManager": "pnpm@10.28.1",
   "devDependencies": {