@utoo/pack-shared 0.0.6 → 0.0.8

package/cjs/webpackCompat.js

@@ -0,0 +1,413 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compatOptionsFromWebpack = compatOptionsFromWebpack;
+function compatOptionsFromWebpack(webpackConfig) {
+    const { entry, mode, module, resolve, externals, output, target, devtool, optimization, plugins, stats, } = webpackConfig;
+    return {
+        config: {
+            entry: compatEntry(entry),
+            mode: compatMode(mode),
+            module: compatModule(module),
+            resolve: compatResolve(resolve),
+            externals: compatExternals(externals),
+            output: compatOutput(output),
+            target: compatTarget(target),
+            sourceMaps: compatSourceMaps(devtool),
+            optimization: compatOptimization(optimization),
+            define: compatFromWebpackPlugin(plugins, compatDefine),
+            provider: compatFromWebpackPlugin(plugins, compatProvider),
+            stats: compatStats(stats),
+            html: compatFromWebpackPlugins(plugins, compatHtml),
+        },
+        buildId: webpackConfig.name,
+    };
+}
+function compatMode(webpackMode) {
+    return webpackMode
+        ? webpackMode === "none"
+            ? "production"
+            : webpackMode
+        : "production";
+}
+function compatEntry(webpackEntry) {
+    const entry = [];
+    switch (typeof webpackEntry) {
+        case "string":
+            entry.push({ import: webpackEntry });
+            break;
+        case "object":
+            if (Array.isArray(webpackEntry)) {
+                webpackEntry.forEach((e) => entry.push({
+                    import: e,
+                }));
+            }
+            else {
+                Object.entries(webpackEntry).forEach(([k, v]) => {
+                    var _a;
+                    switch (typeof v) {
+                        case "string":
+                            entry.push({ name: k, import: v });
+                            break;
+                        case "object":
+                            if (!Array.isArray(v)) {
+                                switch (typeof v.import) {
+                                    case "string":
+                                        entry.push({
+                                            name: k,
+                                            import: v.import,
+                                            library: ((_a = v.library) === null || _a === void 0 ? void 0 : _a.type) === "umd"
+                                                ? {
+                                                    name: typeof v.library.name === "string"
+                                                        ? v.library.name
+                                                        : undefined,
+                                                    export: typeof v.library.export === "string"
+                                                        ? [v.library.export]
+                                                        : v.library.export,
+                                                }
+                                                : undefined,
+                                        });
+                                        break;
+                                    default:
+                                        break;
+                                }
+                            }
+                            else {
+                                if (v.length === 0) {
+                                    throw "entry value items is empty";
+                                }
+                                else if (v.length === 1) {
+                                    entry.push({ name: k, import: v[0] });
+                                }
+                                else {
+                                    throw "multi entry items for one entry not supported yet";
+                                }
+                            }
+                            break;
+                        default:
+                            throw "non string and non object entry path not supported yet";
+                    }
+                });
+            }
+            break;
+        case "function":
+            throw "functional entry not supported yet";
+        default:
+            throw "entry config not compatible now";
+    }
+    return entry;
+}
+function compatFromWebpackPlugin(webpackPlugins, picker) {
+    const plugin = webpackPlugins === null || webpackPlugins === void 0 ? void 0 : webpackPlugins.find((p) => p && typeof p === "object" && p.constructor.name === picker.pluginName);
+    return picker(plugin);
+}
+function compatFromWebpackPlugins(webpackPlugins, picker) {
+    const plugins = webpackPlugins === null || webpackPlugins === void 0 ? void 0 : webpackPlugins.filter((p) => p && typeof p === "object" && p.constructor.name === picker.pluginName);
+    if (!plugins || plugins.length === 0) {
+        return undefined;
+    }
+    const results = plugins.map(picker).filter((r) => r !== undefined);
+    if (results.length === 0)
+        return undefined;
+    return results.length === 1 ? results[0] : results;
+}
+compatHtml.pluginName = "HtmlWebpackPlugin";
+function compatHtml(maybeWebpackPluginInstance) {
+    if (!maybeWebpackPluginInstance) {
+        return undefined;
+    }
+    return (maybeWebpackPluginInstance.userOptions ||
+        maybeWebpackPluginInstance.options);
+}
+compatDefine.pluginName = "DefinePlugin";
+function compatDefine(maybeWebpackPluginInstance) {
+    const definitions = maybeWebpackPluginInstance === null || maybeWebpackPluginInstance === void 0 ? void 0 : maybeWebpackPluginInstance.definitions;
+    if (!definitions || typeof definitions !== "object") {
+        return definitions;
+    }
+    const processedDefinitions = {};
+    for (const [key, value] of Object.entries(definitions)) {
+        if (typeof value === "object" && value !== null) {
+            processedDefinitions[key] = JSON.stringify(value);
+        }
+        else {
+            processedDefinitions[key] = value;
+        }
+    }
+    return processedDefinitions;
+}
+compatProvider.pluginName = "ProvidePlugin";
+function compatProvider(maybeWebpackPluginInstance) {
+    const definitions = maybeWebpackPluginInstance === null || maybeWebpackPluginInstance === void 0 ? void 0 : maybeWebpackPluginInstance.definitions;
+    if (!definitions || typeof definitions !== "object") {
+        return undefined;
+    }
+    const provider = {};
+    for (const [key, value] of Object.entries(definitions)) {
+        if (typeof value === "string") {
+            // Simple module import: { $: 'jquery' }
+            provider[key] = value;
+        }
+        else if (Array.isArray(value)) {
+            if (value.length === 1) {
+                // e.g. { process: ['process/browser'] } for default import
+                provider[key] = value[0];
+            }
+            else if (value.length >= 2) {
+                // Named export import: { Buffer: ['buffer', 'Buffer'] }
+                provider[key] = [value[0], value[1]];
+            }
+        }
+    }
+    return Object.keys(provider).length > 0 ? provider : undefined;
+}
+function compatExternals(webpackExternals) {
+    if (!webpackExternals) {
+        return undefined;
+    }
+    let externals = {};
+    switch (typeof webpackExternals) {
+        case "string": {
+            // Single string external: "lodash" -> { "lodash": "lodash" }
+            externals[webpackExternals] = webpackExternals;
+            break;
+        }
+        case "object": {
+            if (Array.isArray(webpackExternals)) {
+                // Array of externals: ["lodash", "react"] -> { "lodash": "lodash", "react": "react" }
+                externals = webpackExternals.reduce((acc, external) => {
+                    if (typeof external === "string") {
+                        acc[external] = external;
+                    }
+                    else if (typeof external === "object" && external !== null) {
+                        Object.assign(acc, compatExternals(external));
+                    }
+                    return acc;
+                }, {});
+            }
+            else if (webpackExternals instanceof RegExp) {
+                throw "regex external not supported yet";
+            }
+            else {
+                if ("byLayer" in webpackExternals) {
+                    throw "by layer external item not supported yet";
+                }
+                Object.entries(webpackExternals).forEach(([key, value]) => {
+                    if (typeof value === "string") {
+                        // Check if it's a script type with shorthand syntax: "global@https://example.com/script.js"
+                        if (value.includes("@") &&
+                            (value.startsWith("script ") || value.includes("://"))) {
+                            const match = value.match(/^(?:script\s+)?(.+?)@(.+)$/);
+                            if (match) {
+                                const [, globalName, scriptUrl] = match;
+                                // Use utoopack string format: "script globalName@url"
+                                externals[key] = `script ${globalName}@${scriptUrl}`;
+                            }
+                            else {
+                                externals[key] = value;
+                            }
+                        }
+                        else {
+                            // Simple string mapping: { "react": "React" }
+                            externals[key] = value;
+                        }
+                    }
+                    else if (Array.isArray(value)) {
+                        // Array format handling
+                        if (value.length >= 2) {
+                            const [first, second] = value;
+                            // Check if it's a script type array: ["https://example.com/script.js", "GlobalName"]
+                            if (typeof first === "string" &&
+                                first.includes("://") &&
+                                typeof second === "string") {
+                                // Use utoopack object format for script
+                                externals[key] = {
+                                    root: second,
+                                    type: "script",
+                                    script: first,
+                                };
+                            }
+                            else if (typeof first === "string" &&
+                                typeof second === "string") {
+                                // Handle type prefix formats
+                                if (first.startsWith("commonjs")) {
+                                    externals[key] = `commonjs ${second}`;
+                                }
+                                else if (first === "module") {
+                                    externals[key] = `esm ${second}`;
+                                }
+                                else if (first === "var" ||
+                                    first === "global" ||
+                                    first === "window") {
+                                    externals[key] = second;
+                                }
+                                else if (first === "script") {
+                                    // Script type without URL in array format - treat as regular script prefix
+                                    externals[key] = `script ${second}`;
+                                }
+                                else {
+                                    externals[key] = `${first} ${second}`;
+                                }
+                            }
+                            else {
+                                externals[key] = value[0] || key;
+                            }
+                        }
+                        else {
+                            externals[key] = value[0] || key;
+                        }
+                    }
+                    else if (typeof value === "object" && value !== null) {
+                        // Object format: handle complex configurations
+                        if ("root" in value || "commonjs" in value || "amd" in value) {
+                            // Standard webpack externals object format
+                            if (value.commonjs) {
+                                externals[key] = `commonjs ${value.commonjs}`;
+                            }
+                            else if (value.root) {
+                                externals[key] = value.root;
+                            }
+                            else if (value.amd) {
+                                externals[key] = value.amd;
+                            }
+                            else {
+                                externals[key] = key;
+                            }
+                        }
+                        else {
+                            // Treat as utoopack specific configuration (might already be in correct format)
+                            externals[key] = value;
+                        }
+                    }
+                    else {
+                        // Fallback to key name
+                        externals[key] = key;
+                    }
+                });
+            }
+            break;
+        }
+        case "function": {
+            throw "functional external not supported yet";
+        }
+        default:
+            break;
+    }
+    return externals;
+}
+function compatModule(webpackModule) {
+    if (!Array.isArray(webpackModule === null || webpackModule === void 0 ? void 0 : webpackModule.rules)) {
+        return;
+    }
+    const moduleRules = {
+        rules: webpackModule.rules.reduce((acc, cur) => {
+            var _a, _b;
+            switch (typeof cur) {
+                case "object":
+                    if (cur) {
+                        let condition = (_b = (_a = cur.test) === null || _a === void 0 ? void 0 : _a.toString().match(/(\.\w+)/)) === null || _b === void 0 ? void 0 : _b[1];
+                        if (condition) {
+                            Object.assign(acc, {
+                                ["*" + condition]: {
+                                    loaders: typeof cur.use === "string"
+                                        ? [cur.use]
+                                        : typeof (cur === null || cur === void 0 ? void 0 : cur.use) === "object"
+                                            ? Array.isArray(cur.use)
+                                                ? cur.use.map((use) => typeof use === "string"
+                                                    ? { loader: use, options: {} }
+                                                    : {
+                                                        loader: use.loader,
+                                                        options: use.options || {},
+                                                    })
+                                                : [
+                                                    {
+                                                        loader: cur.loader,
+                                                        options: cur.options || {},
+                                                    },
+                                                ]
+                                            : [],
+                                    as: "*.js",
+                                },
+                            });
+                        }
+                    }
+                    break;
+                default:
+                    break;
+            }
+            return acc;
+        }, {}),
+    };
+    return moduleRules;
+}
+function compatResolve(webpackResolve) {
+    if (!webpackResolve) {
+        return;
+    }
+    const { alias, extensions } = webpackResolve;
+    return {
+        alias: alias
+            ? Array.isArray(alias)
+                ? alias.reduce((acc, cur) => Object.assign(acc, { [cur.name]: cur.alias }), {})
+                : Object.entries(alias).reduce((acc, [k, v]) => {
+                    if (typeof v === "string") {
+                        // Handle alias keys ending with $ by removing the $
+                        const aliasKey = k.endsWith("$") ? k.slice(0, -1) : k;
+                        Object.assign(acc, { [aliasKey]: v });
+                    }
+                    else {
+                        throw "non string alias value not supported yet";
+                    }
+                    return acc;
+                }, {})
+            : undefined,
+        extensions,
+    };
+}
+function compatOutput(webpackOutput) {
+    if ((webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.filename) && typeof webpackOutput.filename !== "string") {
+        throw "non string output filename not supported yet";
+    }
+    if ((webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.chunkFilename) &&
+        typeof webpackOutput.chunkFilename !== "string") {
+        throw "non string output chunkFilename not supported yet";
+    }
+    if ((webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.publicPath) &&
+        typeof webpackOutput.publicPath !== "string") {
+        throw "non string output publicPath not supported yet";
+    }
+    return {
+        path: webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.path,
+        filename: webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.filename,
+        chunkFilename: webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.chunkFilename,
+        clean: !!(webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.clean),
+        publicPath: webpackOutput === null || webpackOutput === void 0 ? void 0 : webpackOutput.publicPath,
+    };
+}
+function compatTarget(webpackTarget) {
+    return webpackTarget
+        ? Array.isArray(webpackTarget)
+            ? webpackTarget.join(" ")
+            : webpackTarget
+        : undefined;
+}
+function compatSourceMaps(webpackSourceMaps) {
+    return !!webpackSourceMaps;
+}
+function compatOptimization(webpackOptimization) {
+    if (!webpackOptimization) {
+        return;
+    }
+    const { moduleIds, minimize, concatenateModules } = webpackOptimization;
+    return {
+        moduleIds: moduleIds === "named"
+            ? "named"
+            : moduleIds === "deterministic"
+                ? "deterministic"
+                : undefined,
+        minify: minimize,
+        concatenateModules,
+    };
+}
+function compatStats(webpackStats) {
+    return !!webpackStats;
+}

package/esm/config.d.ts

@@ -0,0 +1,227 @@
+export interface EntryOptions {
+    name?: string;
+    import: string;
+    library?: LibraryOptions;
+    /**
+     * Configuration for generating an HTML file for this entry point.
+     * When specified, an HTML file will be generated with the entry's assets injected.
+     *
+     * Similar to https://github.com/jantimon/html-webpack-plugin#options
+     */
+    html?: HtmlConfig;
+}
+export interface LibraryOptions {
+    name?: string;
+    export?: Array<string>;
+}
+export interface DefineEnv {
+    client: RustifiedEnv;
+    edge: RustifiedEnv;
+    nodejs: RustifiedEnv;
+}
+export type RustifiedEnv = {
+    name: string;
+    value: string;
+}[];
+export interface ExperimentalConfig {
+}
+export type TurbopackRuleConfigItem = TurbopackRuleConfigItemOptions | {
+    [condition: string]: TurbopackRuleConfigItem;
+} | false;
+/**
+ * @deprecated Use `TurbopackRuleConfigItem` instead.
+ */
+export type TurbopackLoaderItem = string | {
+    loader: string;
+    options: Record<string, JSONValue>;
+};
+export type TurbopackRuleConfigItemOrShortcut = TurbopackLoaderItem[] | TurbopackRuleConfigItem;
+export type TurbopackRuleConfigItemOptions = {
+    loaders: TurbopackLoaderItem[];
+    as?: string;
+};
+export type TurbopackRuleCondition = {
+    path: string | RegExp;
+};
+export interface ModuleOptions {
+    rules?: Record<string, TurbopackRuleConfigItem>;
+}
+export interface ResolveOptions {
+    alias?: Record<string, string | string[] | Record<string, string | string[]>>;
+    extensions?: string[];
+}
+export type ExternalType = "script" | "commonjs" | "esm" | "global";
+export interface ExternalAdvanced {
+    root: string;
+    type?: ExternalType;
+    script?: string;
+}
+export type ExternalConfig = string | ExternalAdvanced;
+/**
+ * Provider configuration for automatic module imports.
+ * Similar to webpack's ProvidePlugin.
+ *
+ * @example
+ * ```ts
+ * provider: {
+ *   // Provides `$` as `import $ from 'jquery'`
+ *   $: 'jquery',
+ *   // Provides `Buffer` as `import { Buffer } from 'buffer'`
+ *   Buffer: ['buffer', 'Buffer'],
+ * }
+ * ```
+ */
+export type ProviderConfig = Record<string, string | [string, string]>;
+export interface ConfigComplete {
+    entry: EntryOptions[];
+    mode?: "production" | "development";
+    module?: ModuleOptions;
+    resolve?: ResolveOptions;
+    externals?: Record<string, ExternalConfig>;
+    output?: {
+        path?: string;
+        type?: "standalone" | "export";
+        filename?: string;
+        chunkFilename?: string;
+        clean?: boolean;
+        copy?: Array<{
+            from: string;
+            to?: string;
+        } | string>;
+        publicPath?: string;
+    };
+    target?: string;
+    sourceMaps?: boolean;
+    define?: Record<string, string>;
+    provider?: ProviderConfig;
+    optimization?: {
+        moduleIds?: "named" | "deterministic";
+        minify?: boolean;
+        treeShaking?: boolean;
+        splitChunks?: Record<"js" | "css", {
+            minChunkSize?: number;
+            maxChunkCountPerGroup?: number;
+            maxMergeChunkSize?: number;
+        }>;
+        modularizeImports?: Record<string, {
+            transform: string | Record<string, string>;
+            preventFullImport?: boolean;
+            skipDefaultConversion?: boolean;
+            handleDefaultImport?: boolean;
+            handleNamespaceImport?: boolean;
+            style?: string;
+        }>;
+        packageImports?: string[];
+        transpilePackages?: string[];
+        removeConsole?: boolean | {
+            exclude?: string[];
+        };
+        concatenateModules?: boolean;
+        removeUnusedExports?: boolean;
+        nestedAsyncChunking?: boolean;
+        wasmAsAsset?: boolean;
+    };
+    styles?: {
+        less?: {
+            implementation?: string;
+            [key: string]: any;
+        };
+        sass?: {
+            implementation?: string;
+            [key: string]: any;
+        };
+        inlineCss?: {
+            insert?: string;
+            injectType?: string;
+        };
+        styledJsx?: boolean | {
+            useLightningcss?: boolean;
+        };
+        styledComponents?: boolean | StyledComponentsConfig;
+        emotion?: boolean | EmotionConfig;
+    };
+    images?: {
+        inlineLimit?: number;
+    };
+    stats?: boolean;
+    persistentCaching?: boolean;
+    nodePolyfill?: boolean;
+    devServer?: {
+        hot: boolean;
+    };
+    cacheHandler?: string;
+    experimental?: ExperimentalConfig;
+}
+export interface HtmlConfig {
+    template?: string;
+    templateContent?: string;
+    filename?: string;
+    title?: string;
+    inject?: boolean | "body" | "head";
+    scriptLoading?: "blocking" | "defer" | "module";
+    meta?: Record<string, string | {
+        [key: string]: string;
+    }>;
+}
+export interface StyledComponentsConfig {
+    /**
+     * Enabled by default in development, disabled in production to reduce file size,
+     * setting this will override the default for all environments.
+     */
+    displayName?: boolean;
+    topLevelImportPaths?: string[];
+    ssr?: boolean;
+    fileName?: boolean;
+    meaninglessFileNames?: string[];
+    minify?: boolean;
+    transpileTemplateLiterals?: boolean;
+    namespace?: string;
+    pure?: boolean;
+    cssProp?: boolean;
+}
+export interface EmotionConfig {
+    sourceMap?: boolean;
+    autoLabel?: "dev-only" | "always" | "never";
+    labelFormat?: string;
+    importMap?: {
+        [importName: string]: {
+            [exportName: string]: {
+                canonicalImport?: [string, string];
+                styledBaseImport?: [string, string];
+            };
+        };
+    };
+}
+export type JSONValue = string | number | boolean | JSONValue[] | {
+    [k: string]: JSONValue;
+};
+export interface BundleOptions {
+    /**
+     * The utoo pack configs.
+     */
+    config: ConfigComplete;
+    /**
+     * A map of environment variables to use when compiling code.
+     */
+    processEnv?: Record<string, string>;
+    defineEnv?: DefineEnv;
+    /**
+     * Whether to watch the filesystem for file changes.
+     */
+    watch?: {
+        enable: boolean;
+        pollIntervalMs?: number;
+    };
+    /**
+     * The mode of utoopack.
+     */
+    dev?: boolean;
+    /**
+     * The build id.
+     */
+    buildId?: string;
+    /**
+     * Absolute path for `@utoo/pack`.
+     */
+    packPath?: string;
+}

package/esm/config.js

@@ -0,0 +1 @@
+export {};

package/esm/index.d.ts

@@ -1,3 +1,6 @@
+export * from "./config";
 export { formatIssue, handleIssues, Issue } from "./issue";
 export { decodeMagicIdentifier } from "./magicIdentifier";
 export { renderStyledStringToErrorAnsi } from "./styledString";
+export * from "./utils";
+export * from "./webpackCompat";

package/esm/index.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderStyledStringToErrorAnsi = exports.decodeMagicIdentifier = exports.handleIssues = exports.formatIssue = void 0;
-var issue_1 = require("./issue");
-Object.defineProperty(exports, "formatIssue", { enumerable: true, get: function () { return issue_1.formatIssue; } });
-Object.defineProperty(exports, "handleIssues", { enumerable: true, get: function () { return issue_1.handleIssues; } });
-var magicIdentifier_1 = require("./magicIdentifier");
-Object.defineProperty(exports, "decodeMagicIdentifier", { enumerable: true, get: function () { return magicIdentifier_1.decodeMagicIdentifier; } });
-var styledString_1 = require("./styledString");
-Object.defineProperty(exports, "renderStyledStringToErrorAnsi", { enumerable: true, get: function () { return styledString_1.renderStyledStringToErrorAnsi; } });
+export * from "./config";
+export { formatIssue, handleIssues } from "./issue";
+export { decodeMagicIdentifier } from "./magicIdentifier";
+export { renderStyledStringToErrorAnsi } from "./styledString";
+export * from "./utils";
+export * from "./webpackCompat";