@atomicsmash/compiler 0.7.5 → 0.8.0

package/dist/cli.d.ts

@@ -0,0 +1,10 @@
+#!/usr/bin/env node
+declare global {
+    namespace NodeJS {
+        interface ProcessEnv {
+            NODE_ENV: "production" | "development" | "test" | undefined;
+        }
+    }
+}
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AAQA,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,MAAM,CAAC;QAEhB,UAAU,UAAU;YACnB,QAAQ,EAAE,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;SAC5D;KACD;CACD"}

package/dist/cli.js

@@ -0,0 +1,121 @@
+#!/usr/bin/env node
+import { cosmiconfig } from "cosmiconfig";
+import webpack from "webpack";
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+import { config as defaultConfig } from "./config";
+const argv = await yargs(hideBin(process.argv))
+    .options({
+    in: {
+        demandOption: true,
+        describe: "The directory where the source files can be found. Relative to cwd.",
+        type: "string",
+    },
+    out: {
+        demandOption: true,
+        describe: "The directory where the compiled files will out output. Relative to cwd.",
+        type: "string",
+    },
+    watch: {
+        boolean: true,
+        default: false,
+        describe: "Whether to watch the files in the source folder for changes and compile.",
+    },
+    analyse: {
+        boolean: true,
+        default: false,
+        describe: "See a report of the generated bundle once built.",
+    },
+    experimentalBlocksSupport: {
+        boolean: true,
+        default: false,
+        describe: "Enable experimental support for WordPress blocks compilation.",
+    },
+    excludeBlocks: {
+        array: true,
+        string: true,
+        default: ["__TEMPLATE__"],
+        describe: "A comma separated list of the folder names of blocks to exclude from compilation. Requires experimental blocks support.",
+    },
+})
+    .showHelpOnFail(false, "Specify --help for available options")
+    .parse();
+const explorer = cosmiconfig("smash-compiler");
+const config = await explorer.search().then(async (config) => {
+    if (!config) {
+        return await defaultConfig({ ...argv });
+    }
+    return config.config;
+});
+const compiler = webpack(config);
+if (argv.watch) {
+    const watching = compiler.watch({
+        // Example
+        aggregateTimeout: 300,
+        poll: undefined,
+    }, (error, stats) => {
+        if (error) {
+            console.error(error.stack ?? error);
+            process.exitCode = 1;
+            watching.close((closeError) => {
+                console.error(closeError);
+            });
+        }
+        else if (stats) {
+            const info = stats.toJson();
+            if (stats.hasErrors()) {
+                const errors = info.errors;
+                console.warn("The compiler produced the following errors: \n");
+                for (const error of errors) {
+                    console.warn(error.message);
+                }
+            }
+            if (stats.hasWarnings()) {
+                const warnings = info.warnings;
+                console.warn("The compiler produced the following warnings: \n");
+                for (const warning of warnings) {
+                    console.warn(warning.message);
+                }
+            }
+        }
+    });
+    process.on("SIGINT", function () {
+        watching.close((closeError) => {
+            console.error(closeError);
+        });
+    });
+}
+else {
+    compiler.run((error, stats) => {
+        if (error) {
+            console.error(error);
+            process.exitCode = 1;
+        }
+        else if (stats) {
+            const info = stats.toJson();
+            if (stats.hasErrors()) {
+                const errors = info.errors;
+                console.warn("The compiler produced the following errors: \n");
+                for (const error of errors) {
+                    console.warn(error.message);
+                }
+                process.exitCode = 1;
+            }
+            if (stats.hasWarnings()) {
+                const warnings = info.warnings;
+                console.warn("The compiler produced the following warnings: \n");
+                for (const warning of warnings) {
+                    console.warn(warning.message);
+                }
+                if (!stats.hasErrors()) {
+                    process.exitCode = 2;
+                }
+            }
+        }
+        compiler.close((closeError) => {
+            if (closeError) {
+                process.exitCode = 1;
+            }
+        });
+    });
+}

package/dist/config.d.ts

@@ -0,0 +1,122 @@
+import type { PathData } from "webpack";
+import DependencyExtractionWebpackPlugin from "@wordpress/dependency-extraction-webpack-plugin";
+import CopyPlugin from "copy-webpack-plugin";
+import cssNano from "cssnano";
+import { EsbuildPlugin } from "esbuild-loader";
+import SVGSpritemapPlugin from "svg-spritemap-webpack-plugin";
+import { TsconfigPathsPlugin } from "tsconfig-paths-webpack-plugin";
+import webpack from "webpack";
+import { WebpackAssetsManifest } from "webpack-assets-manifest";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import { BlocksPlugin } from "./BlocksPlugin.js";
+export declare function config(options: {
+    /**
+     * The directory where the source files can be found. Relative to cwd.
+     */
+    in: string;
+    /**
+     * The directory where the compiled files will out output. Relative to cwd.
+     */
+    out: string;
+    /**
+     * Whether to watch the files in the source folder for changes and compile.
+     */
+    watch?: boolean | undefined;
+    /**
+     * See a report of the generated bundle once built.
+     */
+    analyse?: boolean | undefined;
+    /**
+     * Enable experimental support for WordPress blocks compilation.
+     */
+    experimentalBlocksSupport?: boolean | undefined;
+    /**
+     * A comma separated list of the folder names of blocks to exclude from compilation. Requires experimental blocks support.
+     */
+    excludeBlocks?: string[] | undefined;
+}): Promise<{
+    resolveLoader: {
+        modules: string[];
+    };
+    devtool: false | "source-map";
+    mode: "production" | "development";
+    entry: string | string[] | (() => string | webpack.EntryObject | string[] | Promise<string | string[] | webpack.EntryObject>) | webpack.EntryObject | undefined;
+    output: {
+        filename: string;
+        clean: true;
+        library: {
+            type: string;
+        };
+        path: string;
+    };
+    resolve: {
+        alias: {
+            vue?: string | undefined;
+        };
+        plugins: TsconfigPathsPlugin[];
+        extensions: string[];
+    };
+    module: {
+        rules: ({
+            test: RegExp;
+            loader: string;
+        } | {
+            use: {
+                loader: string;
+                options: {
+                    loader: "ts" | "default";
+                    target: string[];
+                    tsconfig: string;
+                };
+            };
+            exclude: (file: string) => boolean;
+            test: RegExp;
+            resourceQuery: (value: string) => boolean;
+            type?: undefined;
+            generator?: undefined;
+        } | {
+            test: RegExp;
+            type: string;
+            generator: {
+                filename: (pathData: PathData) => string;
+                binary?: undefined;
+            };
+            use: {
+                loader: string;
+            };
+        } | {
+            test: RegExp;
+            type: string;
+            generator: {
+                binary: boolean;
+                filename: (pathData: PathData) => string | undefined;
+            };
+            use: ({
+                loader: string;
+                options: {
+                    postcssOptions: {
+                        sourceMap: boolean;
+                        plugins: ((import("postcss").Processor | import("postcss").PluginCreator<{
+                            base?: string;
+                            optimize?: boolean | {
+                                minify?: boolean;
+                            };
+                        }> | typeof import("tailwindcss").default | import("postcss").Plugin)[] | typeof cssNano)[];
+                    };
+                    sourceMap?: undefined;
+                };
+            } | {
+                loader: string;
+                options: {
+                    sourceMap: boolean;
+                    postcssOptions?: undefined;
+                };
+            })[];
+        })[];
+    };
+    plugins: (import("vue-loader").VueLoaderPlugin | webpack.ProgressPlugin | WebpackAssetsManifest | SVGSpritemapPlugin | CopyPlugin | BundleAnalyzerPlugin | DependencyExtractionWebpackPlugin | BlocksPlugin | webpack.DefinePlugin)[];
+    optimization: {
+        minimizer: EsbuildPlugin[];
+    };
+}>;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,QAAQ,EAAe,MAAM,SAAS,CAAC;AAOpE,OAAO,iCAAiC,MAAM,iDAAiD,CAAC;AAEhG,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,kBAAkB,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,wBAAsB,MAAM,CAAC,OAAO,EAAE;IACrC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCA6K6B,QAAQ;;;;;;;;;;;qCAeX,QAAQ;;;;;;;;;;sCAxOrB,CAAC;;;;;;;;;;;;;;;;;;;GAkad"}

package/dist/config.js

@@ -0,0 +1,363 @@
+import { sep as pathSeparator, extname, resolve as resolvePath, relative, } from "node:path";
+import DependencyExtractionWebpackPlugin from "@wordpress/dependency-extraction-webpack-plugin";
+import browserslistToEsbuild from "browserslist-to-esbuild";
+import CopyPlugin from "copy-webpack-plugin";
+import cssNano from "cssnano";
+import { EsbuildPlugin } from "esbuild-loader";
+import glob from "fast-glob";
+import postCSSPresetEnv from "postcss-preset-env";
+import SVGSpritemapPlugin from "svg-spritemap-webpack-plugin";
+import { TsconfigPathsPlugin } from "tsconfig-paths-webpack-plugin";
+import webpack from "webpack";
+import { WebpackAssetsManifest } from "webpack-assets-manifest";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import { BlocksPlugin } from "./BlocksPlugin.js";
+import { getBlocksAssetsEntryPoints } from "./getBlocksAssetsEntryPoints.js";
+// ArgumentsCamelCase<Awaited<ReturnType<typeof builder>["argv"]>>
+export async function config(options) {
+    const argv = {
+        watch: false,
+        analyse: false,
+        experimentalBlocksSupport: false,
+        excludeBlocks: ["__TEMPLATE__"],
+        ...options,
+    };
+    const MODE = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test"
+        ? "development"
+        : "production";
+    const srcFolder = resolvePath(argv.in);
+    const distFolder = resolvePath(argv.out);
+    // Add optional support for Tailwind if tailwind postcss plugin is installed
+    const tailwindPostCSSPlugin = await import("@tailwindcss/postcss")
+        .then((tailwindPostCSS) => [tailwindPostCSS.default])
+        .catch(async () => await import("tailwindcss")
+        .then((tailwindcss) => [tailwindcss.default])
+        .catch(() => []));
+    // Add optional support for Vue if vue-loader is installed
+    const vueConfig = await import("vue-loader")
+        .then((vueLoaderModule) => ({
+        loader: [{ test: /\.vue$/, loader: "vue-loader" }],
+        plugin: [new vueLoaderModule.VueLoaderPlugin()],
+        globals: {
+            __VUE_OPTIONS_API__: "true",
+            __VUE_PROD_DEVTOOLS__: "false",
+            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false",
+        },
+        aliases: { vue: "vue/dist/vue.esm-bundler.js" },
+    }))
+        .catch(() => ({ loader: [], plugin: [], globals: {}, aliases: {} }));
+    const postCSSConfig = [
+        [
+            // Support tailwind if package is found
+            ...tailwindPostCSSPlugin,
+            postCSSPresetEnv({
+                // Support all CSS that is considered stable.
+                stage: 2,
+                features: {
+                    // Polyfill support for custom media queries
+                    "custom-media-queries": true,
+                },
+            }),
+        ],
+        ...(MODE === "production" ? [cssNano] : []),
+    ];
+    function getEsBuildLoaderSetup(loader) {
+        return {
+            use: {
+                loader: "esbuild-loader",
+                options: {
+                    loader: loader,
+                    // Set target to match the browserslist config
+                    target: browserslistToEsbuild(),
+                    tsconfig: process.cwd() + "/tsconfig.json",
+                },
+            },
+            exclude: (file) => {
+                // Exclude all block.json.ts files (handled by a separate loader).
+                if (argv.experimentalBlocksSupport && file.includes("block.json")) {
+                    return true;
+                }
+                // Exclude node_modules files from transpilation unless they are vue files and the vue-loader is present
+                if (vueConfig.loader.length > 0) {
+                    return file.includes("node_modules") && !file.includes(".vue.js");
+                }
+                return file.includes("node_modules");
+            },
+        };
+    }
+    return {
+        resolveLoader: {
+            modules: [
+                // Get modules from project node_modules folder
+                "node_modules",
+                // Get modules from this package's internal node modules folder once installed
+                resolvePath(import.meta.dirname, "../", "node_modules"),
+            ],
+        },
+        // Add sourcemaps in dev mode
+        devtool: MODE === "development" ? "source-map" : false,
+        // Set the environment mode from NODE_ENV.
+        mode: MODE,
+        entry: await glob([
+            ...(argv.experimentalBlocksSupport
+                ? [`${srcFolder}/blocks/**/block.json.ts`]
+                : []),
+            // Parse all direct children of the JS folder, as long as they are JS & TS files
+            `${srcFolder}/scripts/*.{js,ts,jsx,tsx}`,
+            // Parse all direct children of the CSS folder, as long as they are CSS files
+            `${srcFolder}/styles/*.css`,
+            // Parse all nested children of the CSS folder, as long as they are non-partial SCSS files
+            `${srcFolder}/styles/**/[^_]*.s[ac]ss`,
+        ], {
+            ignore: argv.experimentalBlocksSupport
+                ? argv.excludeBlocks.map((blockName) => `${srcFolder}/blocks/**/${blockName}/block.json.ts`)
+                : [],
+        }).then(async (paths) => {
+            const { restOfPaths, entryPoints } = argv.experimentalBlocksSupport
+                ? await getBlocksAssetsEntryPoints(paths, {}, srcFolder)
+                : { restOfPaths: paths, entryPoints: {} };
+            restOfPaths.forEach((path) => {
+                const entryName = path.replace(srcFolder, "");
+                entryPoints[entryName] = {
+                    import: path,
+                    // Output filenames with content hash for fingerprinting
+                    filename: `${path.replace(`${srcFolder}${pathSeparator}`, "").replace(extname(path), "").replace("scripts/", "js/")}${MODE === "production" ? `.[contenthash]` : ""}.js`,
+                };
+            });
+            return entryPoints;
+        }),
+        output: {
+            // Output filenames with content hash for fingerprinting
+            filename: "js/[name].[contenthash].js",
+            // Clear files between runs
+            clean: true,
+            library: {
+                // Output JS files with Universal Module Definition
+                type: "umd",
+            },
+            // Set the output folder
+            path: distFolder,
+        },
+        resolve: {
+            alias: { ...vueConfig.aliases },
+            // support TSConfig paths as aliases
+            plugins: [
+                new TsconfigPathsPlugin({
+                    configFile: process.cwd() + "/tsconfig.json",
+                }),
+            ],
+            // resolve TS extensions
+            extensions: [".tsx", ".ts", ".js", ".jsx", ".vue"],
+        },
+        module: {
+            rules: [
+                // Support Vue files if vue-loader is present
+                ...vueConfig.loader,
+                // Use ESBuild loader to transpile JS & TS files
+                {
+                    test: /\.[jt]sx?$/,
+                    resourceQuery: (value) => value.includes("vue"),
+                    // Vue files require explicitly informing ESBuild of the type of loader to use.
+                    ...getEsBuildLoaderSetup("ts"),
+                },
+                {
+                    test: /\.[jt]sx?$/,
+                    resourceQuery: (value) => !value.includes("vue"),
+                    ...getEsBuildLoaderSetup("default"),
+                },
+                ...(argv.experimentalBlocksSupport
+                    ? [
+                        {
+                            test: /block\.json\.ts$/,
+                            type: "asset/resource",
+                            generator: {
+                                filename: (pathData) => relative(srcFolder, pathData.filename ?? "").slice(0, -3),
+                            },
+                            use: {
+                                loader: resolvePath(import.meta.dirname, "./BlocksLoader.js"),
+                            },
+                        },
+                    ]
+                    : []),
+                // Transpile SCSS files and run the result through postcss
+                {
+                    test: /\.s[ac]ss$/i,
+                    type: "asset/resource",
+                    generator: {
+                        binary: false,
+                        filename: (pathData) => {
+                            const fileName = pathData.filename;
+                            if (!fileName) {
+                                return;
+                            }
+                            const isVendorFile = fileName.includes("node_modules");
+                            if (isVendorFile) {
+                                const vendorPathData = fileName.split(pathSeparator);
+                                const nodeModulesPosition = vendorPathData.findIndex((value) => value.includes("node_modules"));
+                                const vendorArray = vendorPathData.slice(nodeModulesPosition + 1, nodeModulesPosition + 3);
+                                let vendor;
+                                if (vendorArray[0]?.startsWith("@")) {
+                                    vendor = vendorArray.join(pathSeparator);
+                                }
+                                else {
+                                    vendor = vendorArray[0] ?? "";
+                                }
+                                return ["css", "vendor", vendor, vendorPathData.at(-1)]
+                                    .join(pathSeparator)
+                                    .replace(".scss", ".[contenthash].css");
+                            }
+                            return relative(srcFolder, pathData.filename ?? "")
+                                .replace(".scss", ".[contenthash].css")
+                                .replace("styles/", "css/");
+                        },
+                    },
+                    use: [
+                        {
+                            loader: "postcss-loader",
+                            options: {
+                                postcssOptions: {
+                                    sourceMap: MODE === "development",
+                                    plugins: postCSSConfig,
+                                },
+                            },
+                        },
+                        {
+                            loader: "sass-loader",
+                            options: { sourceMap: MODE === "development" },
+                        },
+                    ],
+                },
+                // Run the css files through postcss
+                {
+                    test: /\.css$/i,
+                    type: "asset/resource",
+                    generator: {
+                        binary: false,
+                        filename: (pathData) => {
+                            const fileName = pathData.filename;
+                            if (!fileName) {
+                                return;
+                            }
+                            const isVendorFile = fileName.includes("node_modules");
+                            if (isVendorFile) {
+                                const vendorPathData = fileName.split(pathSeparator);
+                                const nodeModulesPosition = vendorPathData.findIndex((value) => value.includes("node_modules"));
+                                const vendorArray = vendorPathData.slice(nodeModulesPosition + 1, nodeModulesPosition + 3);
+                                let vendor;
+                                if (vendorArray[0]?.startsWith("@")) {
+                                    vendor = vendorArray.join(pathSeparator);
+                                }
+                                else {
+                                    vendor = vendorArray[0] ?? "";
+                                }
+                                return ["css", "vendor", vendor, vendorPathData.at(-1)]
+                                    .join(pathSeparator)
+                                    .replace(".css", ".[contenthash].css");
+                            }
+                            return relative(srcFolder, pathData.filename ?? "")
+                                .replace(".css", ".[contenthash].css")
+                                .replace("styles/", "css/");
+                        },
+                    },
+                    use: [
+                        {
+                            loader: "postcss-loader",
+                            options: {
+                                postcssOptions: {
+                                    sourceMap: MODE === "development",
+                                    plugins: postCSSConfig,
+                                },
+                            },
+                        },
+                    ],
+                },
+            ],
+        },
+        plugins: [
+            // Output progress information when compiling
+            new webpack.ProgressPlugin(),
+            // Generate a manifest file of assets to make it possible to target fingerprinted files
+            new WebpackAssetsManifest({
+                writeToDisk: true,
+                output: `${distFolder}/assets-manifest.json`,
+                customize(entry) {
+                    if (!entry || !entry.key || typeof entry.key === "number") {
+                        return entry;
+                    }
+                    if (entry.key === "assets.php" ||
+                        entry.key === "wordpress-assets-info.php" ||
+                        entry.key.endsWith(".map") ||
+                        entry.key.startsWith("fonts") ||
+                        entry.key.startsWith("images")) {
+                        return false;
+                    }
+                    if (entry.key === "spritemap.svg") {
+                        return { key: "icons/sprite.svg", value: entry.value };
+                    }
+                    if (entry.key.startsWith("/")) {
+                        entry.key = entry.key.slice(1);
+                    }
+                    if (entry.key.startsWith("css/")) {
+                        entry.key = entry.key.replace("css/", "styles/");
+                    }
+                    if (entry.key.endsWith(".js.js")) {
+                        entry.key = entry.key.slice(0, -3);
+                    }
+                    return entry;
+                },
+            }),
+            // Create an SVG sprite from a folder of provided icons
+            new SVGSpritemapPlugin(`${srcFolder}/icons/*.svg`, {
+                output: { filename: "icons/sprite.[contenthash].svg" },
+                sprite: { prefix: "", generate: { title: false } },
+            }),
+            // Copy fonts and images from the src folder to assets (available for backwards compatibility, not recommended)
+            new CopyPlugin({
+                patterns: [
+                    {
+                        from: "**/*",
+                        context: resolvePath(srcFolder, "fonts"),
+                        to({ context, absoluteFilename }) {
+                            return `fonts/${relative(context, absoluteFilename ?? "")}`;
+                        },
+                        noErrorOnMissing: true,
+                    },
+                    {
+                        from: "**/*",
+                        context: resolvePath(srcFolder, "images"),
+                        to({ context, absoluteFilename }) {
+                            return `images/${relative(context, absoluteFilename ?? "")}`;
+                        },
+                        noErrorOnMissing: true,
+                    },
+                ],
+            }),
+            // Output a bundle analysis if flag was provided
+            ...(argv.analyse ? [new BundleAnalyzerPlugin({})] : []),
+            // Extract wordpress dependencies from js files and output a wordpress assets file for enqueues
+            new DependencyExtractionWebpackPlugin({
+                combineAssets: true,
+                // Blocks plugin converts this to php, but it must be output as json here.
+                ...(argv.experimentalBlocksSupport
+                    ? {
+                        outputFormat: "json",
+                        combinedOutputFile: "wordpress-assets-info.json",
+                    }
+                    : {
+                        outputFormat: "php",
+                        combinedOutputFile: "wordpress-assets-info.php",
+                    }),
+            }),
+            // Support Vue files if vue-loader is present
+            ...vueConfig.plugin,
+            ...(argv.experimentalBlocksSupport ? [new BlocksPlugin(srcFolder)] : []),
+            new webpack.DefinePlugin({ ...vueConfig.globals }),
+        ],
+        optimization: {
+            minimizer: [
+                // Minify JS files
+                new EsbuildPlugin({ target: browserslistToEsbuild() }),
+            ],
+        },
+    };
+}

package/dist/index.d.ts

@@ -1,10 +1,3 @@
-#!/usr/bin/env node
-declare global {
-    namespace NodeJS {
-        interface ProcessEnv {
-            NODE_ENV: "production" | "development" | "test" | undefined;
-        }
-    }
-}
-export {};
+export { config } from "./config";
+export { config as default } from "./config";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAyBA,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,MAAM,CAAC;QAEhB,UAAU,UAAU;YACnB,QAAQ,EAAE,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;SAC5D;KACD;CACD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -1,460 +1,2 @@
-#!/usr/bin/env node
-import { sep as pathSeparator, extname, resolve as resolvePath, relative, } from "node:path";
-import DependencyExtractionWebpackPlugin from "@wordpress/dependency-extraction-webpack-plugin";
-import browserslistToEsbuild from "browserslist-to-esbuild";
-import CopyPlugin from "copy-webpack-plugin";
-import cssNano from "cssnano";
-import { EsbuildPlugin } from "esbuild-loader";
-import glob from "fast-glob";
-import postCSSPresetEnv from "postcss-preset-env";
-import SVGSpritemapPlugin from "svg-spritemap-webpack-plugin";
-import { TsconfigPathsPlugin } from "tsconfig-paths-webpack-plugin";
-import webpack from "webpack";
-import { WebpackAssetsManifest } from "webpack-assets-manifest";
-import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
-import yargs from "yargs";
-import { hideBin } from "yargs/helpers";
-import { BlocksPlugin } from "./BlocksPlugin.js";
-import { getBlocksAssetsEntryPoints } from "./getBlocksAssetsEntryPoints.js";
-const argv = await yargs(hideBin(process.argv))
-    .options({
-    in: {
-        demandOption: true,
-        describe: "The directory where the source files can be found. Relative to cwd.",
-        type: "string",
-    },
-    out: {
-        demandOption: true,
-        describe: "The directory where the compiled files will out output. Relative to cwd.",
-        type: "string",
-    },
-    watch: {
-        boolean: true,
-        default: false,
-        describe: "Whether to watch the files in the source folder for changes and compile.",
-    },
-    analyse: {
-        boolean: true,
-        default: false,
-        describe: "See a report of the generated bundle once built.",
-    },
-    experimentalBlocksSupport: {
-        boolean: true,
-        default: false,
-        describe: "Enable experimental support for WordPress blocks compilation.",
-    },
-    excludeBlocks: {
-        array: true,
-        default: ["__TEMPLATE__"],
-        describe: "A comma separated list of the folder names of blocks to exclude from compilation. Requires experimental blocks support.",
-    },
-})
-    .showHelpOnFail(false, "Specify --help for available options")
-    .parse();
-const MODE = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test"
-    ? "development"
-    : "production";
-const srcFolder = resolvePath(argv.in);
-const distFolder = resolvePath(argv.out);
-// Add optional support for Tailwind if tailwind postcss plugin is installed
-const tailwindPostCSSPlugin = await import("@tailwindcss/postcss")
-    .then((tailwindPostCSS) => [tailwindPostCSS.default])
-    .catch(async () => await import("tailwindcss")
-    .then((tailwindcss) => [tailwindcss.default])
-    .catch(() => []));
-// Add optional support for Vue if vue-loader is installed
-const vueConfig = await import("vue-loader")
-    .then((vueLoaderModule) => ({
-    loader: [{ test: /\.vue$/, loader: "vue-loader" }],
-    plugin: [new vueLoaderModule.VueLoaderPlugin()],
-    globals: {
-        __VUE_OPTIONS_API__: "true",
-        __VUE_PROD_DEVTOOLS__: "false",
-        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false",
-    },
-    aliases: { vue: "vue/dist/vue.esm-bundler.js" },
-}))
-    .catch(() => ({ loader: [], plugin: [], globals: {}, aliases: {} }));
-const postCSSConfig = [
-    [
-        // Support tailwind if package is found
-        ...tailwindPostCSSPlugin,
-        postCSSPresetEnv({
-            // Support all CSS that is considered stable.
-            stage: 2,
-            features: {
-                // Polyfill support for custom media queries
-                "custom-media-queries": true,
-            },
-        }),
-    ],
-    ...(MODE === "production" ? [cssNano] : []),
-];
-function getEsBuildLoaderSetup(loader) {
-    return {
-        use: {
-            loader: "esbuild-loader",
-            options: {
-                loader: loader,
-                // Set target to match the browserslist config
-                target: browserslistToEsbuild(),
-                tsconfig: process.cwd() + "/tsconfig.json",
-            },
-        },
-        exclude: (file) => {
-            // Exclude all block.json.ts files (handled by a separate loader).
-            if (argv.experimentalBlocksSupport && file.includes("block.json")) {
-                return true;
-            }
-            // Exclude node_modules files from transpilation unless they are vue files and the vue-loader is present
-            if (vueConfig.loader.length > 0) {
-                return file.includes("node_modules") && !file.includes(".vue.js");
-            }
-            return file.includes("node_modules");
-        },
-    };
-}
-const compiler = webpack({
-    resolveLoader: {
-        modules: [
-            // Get modules from project node_modules folder
-            "node_modules",
-            // Get modules from this package's internal node modules folder once installed
-            resolvePath(import.meta.dirname, "../", "node_modules"),
-        ],
-    },
-    // Add sourcemaps in dev mode
-    devtool: MODE === "development" ? "source-map" : false,
-    // Set the environment mode from NODE_ENV.
-    mode: MODE,
-    entry: await glob([
-        ...(argv.experimentalBlocksSupport
-            ? [`${srcFolder}/blocks/**/block.json.ts`]
-            : []),
-        // Parse all direct children of the JS folder, as long as they are JS & TS files
-        `${srcFolder}/scripts/*.{js,ts,jsx,tsx}`,
-        // Parse all direct children of the CSS folder, as long as they are CSS files
-        `${srcFolder}/styles/*.css`,
-        // Parse all nested children of the CSS folder, as long as they are non-partial SCSS files
-        `${srcFolder}/styles/**/[^_]*.s[ac]ss`,
-    ], {
-        ignore: argv.experimentalBlocksSupport
-            ? argv.excludeBlocks.map((blockName) => `${srcFolder}/blocks/**/${blockName}/block.json.ts`)
-            : [],
-    }).then(async (paths) => {
-        const { restOfPaths, entryPoints } = argv.experimentalBlocksSupport
-            ? await getBlocksAssetsEntryPoints(paths, {}, srcFolder)
-            : { restOfPaths: paths, entryPoints: {} };
-        restOfPaths.forEach((path) => {
-            const entryName = path.replace(srcFolder, "");
-            entryPoints[entryName] = {
-                import: path,
-                // Output filenames with content hash for fingerprinting
-                filename: `${path.replace(`${srcFolder}${pathSeparator}`, "").replace(extname(path), "").replace("scripts/", "js/")}${MODE === "production" ? `.[contenthash]` : ""}.js`,
-            };
-        });
-        return entryPoints;
-    }),
-    output: {
-        // Output filenames with content hash for fingerprinting
-        filename: "js/[name].[contenthash].js",
-        // Clear files between runs
-        clean: true,
-        library: {
-            // Output JS files with Universal Module Definition
-            type: "umd",
-        },
-        // Set the output folder
-        path: distFolder,
-    },
-    resolve: {
-        alias: { ...vueConfig.aliases },
-        // support TSConfig paths as aliases
-        plugins: [
-            new TsconfigPathsPlugin({ configFile: process.cwd() + "/tsconfig.json" }),
-        ],
-        // resolve TS extensions
-        extensions: [".tsx", ".ts", ".js", ".jsx", ".vue"],
-    },
-    module: {
-        rules: [
-            // Support Vue files if vue-loader is present
-            ...vueConfig.loader,
-            // Use ESBuild loader to transpile JS & TS files
-            {
-                test: /\.[jt]sx?$/,
-                resourceQuery: (value) => value.includes("vue"),
-                // Vue files require explicitly informing ESBuild of the type of loader to use.
-                ...getEsBuildLoaderSetup("ts"),
-            },
-            {
-                test: /\.[jt]sx?$/,
-                resourceQuery: (value) => !value.includes("vue"),
-                ...getEsBuildLoaderSetup("default"),
-            },
-            ...(argv.experimentalBlocksSupport
-                ? [
-                    {
-                        test: /block\.json\.ts$/,
-                        type: "asset/resource",
-                        generator: {
-                            filename: (pathData) => relative(srcFolder, pathData.filename ?? "").slice(0, -3),
-                        },
-                        use: {
-                            loader: resolvePath(import.meta.dirname, "./BlocksLoader.js"),
-                        },
-                    },
-                ]
-                : []),
-            // Transpile SCSS files and run the result through postcss
-            {
-                test: /\.s[ac]ss$/i,
-                type: "asset/resource",
-                generator: {
-                    binary: false,
-                    filename: (pathData) => {
-                        const fileName = pathData.filename;
-                        if (!fileName) {
-                            return;
-                        }
-                        const isVendorFile = fileName.includes("node_modules");
-                        if (isVendorFile) {
-                            const vendorPathData = fileName.split(pathSeparator);
-                            const nodeModulesPosition = vendorPathData.findIndex((value) => value.includes("node_modules"));
-                            const vendorArray = vendorPathData.slice(nodeModulesPosition + 1, nodeModulesPosition + 3);
-                            let vendor;
-                            if (vendorArray[0]?.startsWith("@")) {
-                                vendor = vendorArray.join(pathSeparator);
-                            }
-                            else {
-                                vendor = vendorArray[0] ?? "";
-                            }
-                            return ["css", "vendor", vendor, vendorPathData.at(-1)]
-                                .join(pathSeparator)
-                                .replace(".scss", ".[contenthash].css");
-                        }
-                        return relative(srcFolder, pathData.filename ?? "")
-                            .replace(".scss", ".[contenthash].css")
-                            .replace("styles/", "css/");
-                    },
-                },
-                use: [
-                    {
-                        loader: "postcss-loader",
-                        options: {
-                            postcssOptions: {
-                                sourceMap: MODE === "development",
-                                plugins: postCSSConfig,
-                            },
-                        },
-                    },
-                    {
-                        loader: "sass-loader",
-                        options: { sourceMap: MODE === "development" },
-                    },
-                ],
-            },
-            // Run the css files through postcss
-            {
-                test: /\.css$/i,
-                type: "asset/resource",
-                generator: {
-                    binary: false,
-                    filename: (pathData) => {
-                        const fileName = pathData.filename;
-                        if (!fileName) {
-                            return;
-                        }
-                        const isVendorFile = fileName.includes("node_modules");
-                        if (isVendorFile) {
-                            const vendorPathData = fileName.split(pathSeparator);
-                            const nodeModulesPosition = vendorPathData.findIndex((value) => value.includes("node_modules"));
-                            const vendorArray = vendorPathData.slice(nodeModulesPosition + 1, nodeModulesPosition + 3);
-                            let vendor;
-                            if (vendorArray[0]?.startsWith("@")) {
-                                vendor = vendorArray.join(pathSeparator);
-                            }
-                            else {
-                                vendor = vendorArray[0] ?? "";
-                            }
-                            return ["css", "vendor", vendor, vendorPathData.at(-1)]
-                                .join(pathSeparator)
-                                .replace(".css", ".[contenthash].css");
-                        }
-                        return relative(srcFolder, pathData.filename ?? "")
-                            .replace(".css", ".[contenthash].css")
-                            .replace("styles/", "css/");
-                    },
-                },
-                use: [
-                    {
-                        loader: "postcss-loader",
-                        options: {
-                            postcssOptions: {
-                                sourceMap: MODE === "development",
-                                plugins: postCSSConfig,
-                            },
-                        },
-                    },
-                ],
-            },
-        ],
-    },
-    plugins: [
-        // Output progress information when compiling
-        new webpack.ProgressPlugin(),
-        // Generate a manifest file of assets to make it possible to target fingerprinted files
-        new WebpackAssetsManifest({
-            writeToDisk: true,
-            output: `${distFolder}/assets-manifest.json`,
-            customize(entry) {
-                if (!entry || !entry.key || typeof entry.key === "number") {
-                    return entry;
-                }
-                if (entry.key === "assets.php" ||
-                    entry.key === "wordpress-assets-info.php" ||
-                    entry.key.endsWith(".map") ||
-                    entry.key.startsWith("fonts") ||
-                    entry.key.startsWith("images")) {
-                    return false;
-                }
-                if (entry.key === "spritemap.svg") {
-                    return { key: "icons/sprite.svg", value: entry.value };
-                }
-                if (entry.key.startsWith("/")) {
-                    entry.key = entry.key.slice(1);
-                }
-                if (entry.key.startsWith("css/")) {
-                    entry.key = entry.key.replace("css/", "styles/");
-                }
-                if (entry.key.endsWith(".js.js")) {
-                    entry.key = entry.key.slice(0, -3);
-                }
-                return entry;
-            },
-        }),
-        // Create an SVG sprite from a folder of provided icons
-        new SVGSpritemapPlugin(`${srcFolder}/icons/*.svg`, {
-            output: { filename: "icons/sprite.[contenthash].svg" },
-            sprite: { prefix: "", generate: { title: false } },
-        }),
-        // Copy fonts and images from the src folder to assets (available for backwards compatibility, not recommended)
-        new CopyPlugin({
-            patterns: [
-                {
-                    from: "**/*",
-                    context: resolvePath(srcFolder, "fonts"),
-                    to({ context, absoluteFilename }) {
-                        return `fonts/${relative(context, absoluteFilename ?? "")}`;
-                    },
-                    noErrorOnMissing: true,
-                },
-                {
-                    from: "**/*",
-                    context: resolvePath(srcFolder, "images"),
-                    to({ context, absoluteFilename }) {
-                        return `images/${relative(context, absoluteFilename ?? "")}`;
-                    },
-                    noErrorOnMissing: true,
-                },
-            ],
-        }),
-        // Output a bundle analysis if flag was provided
-        ...(argv.analyse ? [new BundleAnalyzerPlugin({})] : []),
-        // Extract wordpress dependencies from js files and output a wordpress assets file for enqueues
-        new DependencyExtractionWebpackPlugin({
-            combineAssets: true,
-            // Blocks plugin converts this to php, but it must be output as json here.
-            ...(argv.experimentalBlocksSupport
-                ? {
-                    outputFormat: "json",
-                    combinedOutputFile: "wordpress-assets-info.json",
-                }
-                : {
-                    outputFormat: "php",
-                    combinedOutputFile: "wordpress-assets-info.php",
-                }),
-        }),
-        // Support Vue files if vue-loader is present
-        ...vueConfig.plugin,
-        ...(argv.experimentalBlocksSupport ? [new BlocksPlugin(srcFolder)] : []),
-        new webpack.DefinePlugin({ ...vueConfig.globals }),
-    ],
-    optimization: {
-        minimizer: [
-            // Minify JS files
-            new EsbuildPlugin({ target: browserslistToEsbuild() }),
-        ],
-    },
-});
-if (argv.watch) {
-    const watching = compiler.watch({
-        // Example
-        aggregateTimeout: 300,
-        poll: undefined,
-    }, (error, stats) => {
-        if (error) {
-            console.error(error.stack ?? error);
-            process.exitCode = 1;
-            watching.close((closeError) => {
-                console.error(closeError);
-            });
-        }
-        else if (stats) {
-            const info = stats.toJson();
-            if (stats.hasErrors()) {
-                const errors = info.errors;
-                console.warn("The compiler produced the following errors: \n");
-                for (const error of errors) {
-                    console.warn(error.message);
-                }
-            }
-            if (stats.hasWarnings()) {
-                const warnings = info.warnings;
-                console.warn("The compiler produced the following warnings: \n");
-                for (const warning of warnings) {
-                    console.warn(warning.message);
-                }
-            }
-        }
-    });
-    process.on("SIGINT", function () {
-        watching.close((closeError) => {
-            console.error(closeError);
-        });
-    });
-}
-else {
-    compiler.run((error, stats) => {
-        if (error) {
-            console.error(error);
-            process.exitCode = 1;
-        }
-        else if (stats) {
-            const info = stats.toJson();
-            if (stats.hasErrors()) {
-                const errors = info.errors;
-                console.warn("The compiler produced the following errors: \n");
-                for (const error of errors) {
-                    console.warn(error.message);
-                }
-                process.exitCode = 1;
-            }
-            if (stats.hasWarnings()) {
-                const warnings = info.warnings;
-                console.warn("The compiler produced the following warnings: \n");
-                for (const warning of warnings) {
-                    console.warn(warning.message);
-                }
-                if (!stats.hasErrors()) {
-                    process.exitCode = 2;
-                }
-            }
-        }
-        compiler.close((closeError) => {
-            if (closeError) {
-                process.exitCode = 1;
-            }
-        });
-    });
-}
+export { config } from "./config";
+export { config as default } from "./config";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@atomicsmash/compiler",
 	"type": "module",
-	"version": "0.7.5",
+	"version": "0.8.0",
 	"description": "A universal compiler for all Atomic Smash projects.",
 	"keywords": [
 		"cli",
@@ -25,7 +25,7 @@
 	],
 	"main": "index",
 	"bin": {
-		"smash-compile": "./dist/index.js"
+		"smash-compile": "./dist/cli.js"
 	},
 	"types": "index",
 	"publishConfig": {
@@ -47,6 +47,7 @@
 		"@wordpress/dependency-extraction-webpack-plugin": "^6.15.0",
 		"browserslist-to-esbuild": "^2.1.1",
 		"copy-webpack-plugin": "^12.0.2",
+		"cosmiconfig": "^9.0.0",
 		"cssnano": "^7.0.6",
 		"esbuild-loader": "^4.3.0",
 		"fast-glob": "^3.3.2",