quickbundle 1.2.0 → 2.1.0

package/bin/bundler/bundler.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.watch = exports.build = void 0;
-const esbuild_1 = require("esbuild");
-const threads_1 = require("threads");
-const helpers_1 = require("../helpers");
-const configs_1 = require("./configs");
-const build = async () => {
-    const { pkg, typescript } = await (0, configs_1.getConfigs)({
-        isProduction: true,
-    });
-    const promises = [
-        buildJavaScript("cjs"),
-        ...(pkg.hasModule ? [buildJavaScript("esm")] : []),
-        ...(typescript.isEnabled
-            ? [
-                buildDts({
-                    source: pkg.source,
-                    destination: pkg.types,
-                }),
-            ]
-            : []),
-    ];
-    return Promise.all(promises);
-};
-exports.build = build;
-const watch = async (onWatch) => {
-    const { esbuild, pkg, typescript } = await (0, configs_1.getConfigs)({
-        isProduction: false,
-    });
-    const defaultTarget = pkg.hasModule ? "esm" : "cjs";
-    const ctx = await (0, esbuild_1.context)({
-        ...esbuild({
-            format: defaultTarget,
-            outfile: pkg.destination[defaultTarget],
-        }),
-        plugins: [
-            {
-                name: "onBuildEnd",
-                setup(build) {
-                    build.onStart(() => {
-                        onWatch("loading");
-                    });
-                    build.onEnd(async (result) => {
-                        const error = (await (0, esbuild_1.formatMessages)(result.errors, {
-                            kind: "error",
-                            color: true,
-                            terminalWidth: 100,
-                        })).join("\n");
-                        // If there's already a build error, no need to run
-                        // a heavy typing generation process until the error is fixed
-                        if (!error && typescript.isEnabled) {
-                            buildDts({
-                                source: pkg.source,
-                                destination: pkg.types,
-                            })
-                                .then(() => {
-                                onWatch("result");
-                            })
-                                .catch((err) => {
-                                onWatch("result", err);
-                            });
-                        }
-                        else {
-                            onWatch("result", error);
-                        }
-                    });
-                },
-            },
-        ],
-    });
-    await ctx.watch();
-};
-exports.watch = watch;
-const buildJavaScript = async (format) => {
-    const worker = await (0, threads_1.spawn)(new threads_1.Worker("./workers/esbuild"));
-    const outfile = await worker(format);
-    await threads_1.Thread.terminate(worker);
-    return outfile;
-};
-const buildDts = async ({ source, destination, }) => {
-    try {
-        const worker = await (0, threads_1.spawn)(new threads_1.Worker("./workers/dts"));
-        const dtsContent = await worker(source);
-        await (0, helpers_1.writeFile)(destination, dtsContent);
-        await threads_1.Thread.terminate(worker);
-        return destination;
-    }
-    catch (error) {
-        throw new Error(`Type generation failed:\n${error}`);
-    }
-};

package/bin/bundler/configs/esbuild.d.ts

@@ -1,8 +0,0 @@
-import type { BuildOptions } from "esbuild";
-import type { TSConfig } from "./typescript";
-export interface EsbuildConfig extends Required<Pick<BuildOptions, "format" | "outfile" | "external" | "platform">> {
-    isProduction: boolean;
-    source: string;
-    tsConfig: TSConfig | null;
-}
-export declare const getEsbuildConfig: ({ external, format, isProduction, outfile, platform, source, tsConfig, }: EsbuildConfig) => BuildOptions;

package/bin/bundler/configs/esbuild.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEsbuildConfig = void 0;
-const helpers_1 = require("../../helpers");
-const constants_1 = require("../../constants");
-const getEsbuildConfig = ({ external, format, isProduction, outfile, platform, source, tsConfig, }) => ({
-    absWorkingDir: constants_1.CWD,
-    bundle: true,
-    color: true,
-    define: {
-        "process.env.NODE_ENV": isProduction ? '"production"' : '"development"',
-    },
-    entryPoints: [source],
-    external,
-    format,
-    loader: {
-        // Data URI is used by default to include a web resource without needing to make an HTTP request (as it can be with file loader for example):
-        ".jpg": "dataurl",
-        ".jpeg": "dataurl",
-        ".png": "dataurl",
-        ".gif": "dataurl",
-        ".svg": "dataurl",
-        ".webp": "dataurl",
-    },
-    logLevel: "silent",
-    metafile: true,
-    minify: isProduction,
-    outfile,
-    plugins: [jsxPlugin(tsConfig)],
-    platform,
-    sourcemap: true,
-    target: tsConfig?.target || "esnext",
-    treeShaking: true,
-});
-exports.getEsbuildConfig = getEsbuildConfig;
-/**
- * Plugin to automatically inject React import for jsx management
- * ESBuild doesn't support `jsx` tsconfig field: this plugin aims to add a tiny wrapper to support it
- * We could use the `inject` ESBuild feature but it will break the tree shaking behavior since the React import will
- * be imported on each file (even in .ts file) leading React being included in the bundle even if not needed
- * @see: https://github.com/evanw/esbuild/issues/334
- * @param tsConfig
- * @returns Plugin
- */
-const jsxPlugin = (tsConfig) => ({
-    name: "jsx-runtime",
-    setup(build) {
-        build.onLoad({ filter: /\.(j|t)sx$/ }, async ({ path }) => {
-            // Enable plugin only if
-            // - `${module}/jsx-runtime` package is available (for js project, it's the only condition to check!)
-            // - if ts project: jsx compilerOption === "react-jsx" or "react-jsxdev"
-            if (!tsConfig || !tsConfig.hasJsxRuntime)
-                return;
-            const module = tsConfig.jsxImportSource || "react";
-            if (!(0, helpers_1.resolveModulePath)(`${module}/jsx-runtime`)) {
-                throw new Error("Unable to find the JSX runtime.\nPotential solutions:\n1. If you rely on a non React runtime, set a valid `jsxImportSource` in your tsconfig\n2. Make sure that you've installed your project dependencies");
-            }
-            const content = await (0, helpers_1.readFile)(path, "utf8");
-            return {
-                contents: `import * as React from "${module}";${content}`,
-                loader: "tsx",
-            };
-        });
-    },
-});

package/bin/bundler/configs/index.d.ts

@@ -1,22 +0,0 @@
-import { BuildOptions } from "esbuild";
-import { EsbuildConfig } from "./esbuild";
-type ConfigOptions = {
-    isProduction: boolean;
-};
-export declare const getConfigs: ({ isProduction }: ConfigOptions) => Promise<{
-    esbuild: ({ format, outfile, }: Pick<EsbuildConfig, "format" | "outfile">) => BuildOptions;
-    pkg: {
-        destination: {
-            readonly esm?: string;
-            readonly cjs: string;
-        };
-        hasModule: boolean;
-        source: string;
-        types: string | undefined;
-    };
-    typescript: {
-        configuration: import("./typescript").TSConfig | null;
-        isEnabled: boolean;
-    };
-}>;
-export {};

package/bin/bundler/configs/index.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfigs = void 0;
-const esbuild_1 = require("./esbuild");
-const package_1 = require("./package");
-const typescript_1 = require("./typescript");
-const getConfigs = async ({ isProduction }) => {
-    const { destination, externalDependencies, hasModule, platform, source, types, } = (0, package_1.getPkgConfig)();
-    const tsConfig = await (0, typescript_1.getTSConfig)();
-    const hasTyping = typeof types === "string" && Boolean(tsConfig);
-    const esbuild = ({ format, outfile, }) => (0, esbuild_1.getEsbuildConfig)({
-        external: externalDependencies,
-        format,
-        isProduction,
-        outfile,
-        platform,
-        source,
-        tsConfig,
-    });
-    return {
-        esbuild,
-        pkg: {
-            destination,
-            hasModule,
-            source,
-            types,
-        },
-        typescript: {
-            configuration: tsConfig,
-            isEnabled: hasTyping,
-        },
-    };
-};
-exports.getConfigs = getConfigs;

package/bin/bundler/configs/package.d.ts

@@ -1,11 +0,0 @@
-export declare const getPkgConfig: () => {
-    readonly destination: {
-        readonly esm?: string;
-        readonly cjs: string;
-    };
-    readonly externalDependencies: string[];
-    readonly hasModule: boolean;
-    readonly platform: "browser" | "node";
-    readonly source: string;
-    readonly types: string | undefined;
-};

package/bin/bundler/configs/package.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPkgConfig = void 0;
-const path_1 = require("path");
-const constants_1 = require("../../constants");
-const helpers_1 = require("../../helpers");
-const getPkgConfig = () => {
-    const { peerDependencies = {}, dependencies = {}, main, module, platform = "browser", source, types, } = require((0, path_1.resolve)(constants_1.CWD, "package.json"));
-    (0, helpers_1.assert)(main, "A `main` field is required in `package.json`. Did you forget to add it?");
-    (0, helpers_1.assert)(source, "A `source` field is required in `package.json`. Did you forget to add it?");
-    (0, helpers_1.assert)(["browser", "node"].includes(platform), "The `platform` package field can only accept `browser` or `node` value.");
-    const externalDependencies = [
-        ...Object.keys(peerDependencies),
-        ...Object.keys(dependencies),
-    ];
-    return {
-        destination: {
-            cjs: main,
-            ...(module && { esm: module }),
-        },
-        externalDependencies,
-        hasModule: Boolean(module),
-        platform,
-        source,
-        types,
-    };
-};
-exports.getPkgConfig = getPkgConfig;

package/bin/bundler/configs/typescript.d.ts

@@ -1,6 +0,0 @@
-export type TSConfig = {
-    target: string;
-    jsxImportSource: string | undefined;
-    hasJsxRuntime: boolean;
-};
-export declare const getTSConfig: () => Promise<TSConfig | null>;

package/bin/bundler/configs/typescript.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTSConfig = void 0;
-const path_1 = require("path");
-const typescript_1 = __importDefault(require("typescript"));
-const constants_1 = require("../../constants");
-const TSCONFIG_PATH = (0, path_1.resolve)(constants_1.CWD, "tsconfig.json");
-const getTSConfig = async () => {
-    try {
-        const { jsx, jsxImportSource, target } = typescript_1.default.parseJsonConfigFileContent(
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        require(TSCONFIG_PATH), typescript_1.default.sys, constants_1.CWD).options;
-        // Convert ts target value to esbuild ones (latest value is not supported)
-        const esbuildTarget = !target ||
-            [typescript_1.default.ScriptTarget.ESNext, typescript_1.default.ScriptTarget.Latest].includes(target)
-            ? "esnext"
-            : typescript_1.default.ScriptTarget[target]?.toLowerCase();
-        const hasJsxRuntime = jsx !== undefined &&
-            [typescript_1.default.JsxEmit["ReactJSX"], typescript_1.default.JsxEmit["ReactJSXDev"]].includes(jsx);
-        return {
-            target: esbuildTarget,
-            jsxImportSource,
-            hasJsxRuntime,
-        };
-    }
-    catch (error) {
-        return null;
-    }
-};
-exports.getTSConfig = getTSConfig;

package/bin/bundler/index.d.ts

@@ -1 +0,0 @@
-export { build, watch } from "./bundler";

package/bin/bundler/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.watch = exports.build = void 0;
-var bundler_1 = require("./bundler");
-Object.defineProperty(exports, "build", { enumerable: true, get: function () { return bundler_1.build; } });
-Object.defineProperty(exports, "watch", { enumerable: true, get: function () { return bundler_1.watch; } });

package/bin/bundler/workers/dts.d.ts

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

package/bin/bundler/workers/dts.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const dts_bundle_generator_1 = require("dts-bundle-generator");
-const worker_1 = require("threads/worker");
-(0, worker_1.expose)((source) => {
-    const errors = [];
-    // To prevent any UI glitch, catch any error by monkey patching
-    // the default error logger and forward them to the parent worker
-    console.error = (error) => {
-        errors.push(error);
-    };
-    try {
-        return (0, dts_bundle_generator_1.generateDtsBundle)([
-            {
-                filePath: source,
-                output: {
-                    noBanner: true,
-                },
-            },
-        ])[0];
-    }
-    catch {
-        throw errors;
-    }
-});

package/bin/bundler/workers/esbuild.d.ts

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

package/bin/bundler/workers/esbuild.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const esbuild_1 = require("esbuild");
-const worker_1 = require("threads/worker");
-const configs_1 = require("../configs");
-(0, worker_1.expose)(async (format) => {
-    const { esbuild, pkg } = await (0, configs_1.getConfigs)({
-        isProduction: true,
-    });
-    const outfile = pkg.destination[format];
-    if (!outfile)
-        return null;
-    await (0, esbuild_1.build)(esbuild({ format, outfile }));
-    return outfile;
-});

package/bin/constants.d.ts

@@ -1 +0,0 @@
-export declare const CWD: string;

package/bin/constants.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CWD = void 0;
-exports.CWD = process.cwd();

package/bin/helpers.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="node" />
-import fs from "node:fs/promises";
-export declare function assert(condition: unknown, message: string): asserts condition;
-export declare const readFile: typeof fs.readFile;
-export declare const resolveModulePath: (path: string) => boolean;
-export declare const writeFile: (filePath: string, content: string) => Promise<void>;

package/bin/helpers.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.writeFile = exports.resolveModulePath = exports.readFile = exports.assert = void 0;
-const node_path_1 = require("node:path");
-const promises_1 = __importDefault(require("node:fs/promises"));
-const node_fs_1 = require("node:fs");
-const constants_1 = require("./constants");
-// TS assertion not working properly with arrow function
-// @see: https://github.com/microsoft/TypeScript/issues/34523
-function assert(condition, message) {
-    if (!condition) {
-        throw new Error(message);
-    }
-}
-exports.assert = assert;
-exports.readFile = promises_1.default.readFile;
-const resolveModulePath = (path) => {
-    try {
-        return Boolean(require.resolve(path, { paths: [constants_1.CWD] }));
-    }
-    catch (error) {
-        return false;
-    }
-};
-exports.resolveModulePath = resolveModulePath;
-const writeFile = async (filePath, content) => {
-    const dir = (0, node_path_1.dirname)(filePath);
-    if (!(0, node_fs_1.existsSync)(dir)) {
-        await promises_1.default.mkdir(dir, { recursive: true });
-    }
-    await promises_1.default.writeFile(filePath, content, "utf8");
-};
-exports.writeFile = writeFile;

package/bin/index.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-import "./program";

package/bin/index.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./program");

package/bin/program/commands/build.d.ts

@@ -1,2 +0,0 @@
-import { Termost } from "termost";
-export declare const createBuildCommand: (program: Termost) => void;

package/bin/program/commands/build.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createBuildCommand = void 0;
-const gzip_size_1 = __importDefault(require("gzip-size"));
-const termost_1 = require("termost");
-const bundler_1 = require("../../bundler");
-const helpers_1 = require("../../helpers");
-const createBuildCommand = (program) => {
-    program
-        .command({
-        name: "build",
-        description: "Build the source code (production mode)",
-    })
-        .task({
-        key: "outfiles",
-        label: "Bundle assets 📦",
-        async handler() {
-            const outfiles = await (0, bundler_1.build)();
-            return outfiles.filter((outfile) => outfile !== null);
-        },
-    })
-        .task({
-        key: "sizes",
-        label: "Compute sizes 🔢",
-        async handler(context) {
-            return await calculateBundleSize(context.outfiles);
-        },
-    })
-        .task({
-        handler(context) {
-            const padding = context.sizes
-                .map((item) => item.raw)
-                .reduce((pad, currentRawSize) => {
-                return Math.max(pad, String(currentRawSize).length);
-            }, 0) + 2;
-            context.sizes.forEach((item) => {
-                termost_1.helpers.message([
-                    `${item.raw.toString().padStart(padding)} B raw`,
-                    `${item.gzip.toString().padStart(padding)} B gz`,
-                ], {
-                    label: item.filename,
-                    type: "information",
-                });
-            });
-        },
-    });
-};
-exports.createBuildCommand = createBuildCommand;
-const calculateBundleSize = async (filenames) => {
-    const calculateFileSize = async (filename) => {
-        const content = await (0, helpers_1.readFile)(filename);
-        const gzSize = await (0, gzip_size_1.default)(content);
-        return {
-            filename,
-            raw: content.byteLength,
-            gzip: gzSize,
-        };
-    };
-    return await Promise.all(filenames.map((filename) => calculateFileSize(filename)));
-};

package/bin/program/commands/watch.d.ts

@@ -1,2 +0,0 @@
-import { Termost } from "termost";
-export declare const createWatchCommand: (program: Termost) => void;

package/bin/program/commands/watch.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createWatchCommand = void 0;
-const termost_1 = require("termost");
-const bundler_1 = require("../../bundler");
-const createWatchCommand = (program) => {
-    program
-        .command({
-        name: "watch",
-        description: "Watch and rebuild on any code change (development mode)",
-    })
-        .task({
-        key: "callbacks",
-        label: "Setup watcher",
-        async handler() {
-            const callbacks = {
-                onError() { },
-                onLoading() { },
-                onSuccess() { },
-            };
-            (0, bundler_1.watch)((type, error) => {
-                if (type === "loading")
-                    return callbacks.onLoading();
-                if (error) {
-                    callbacks.onError(String(error));
-                }
-                else {
-                    callbacks.onSuccess();
-                }
-            });
-            return callbacks;
-        },
-    })
-        .task({
-        handler(context) {
-            const onNotify = (type, message) => {
-                console.clear();
-                if (type === "loading") {
-                    termost_1.helpers.message(`Waiting for the build to be done...`, {
-                        type: "information",
-                    });
-                    return;
-                }
-                termost_1.helpers.message(`Last update at ${new Date().toLocaleTimeString()}\n${message ? `\n${message}\n` : ""}`, { type });
-            };
-            context.callbacks.onSuccess = () => onNotify("success");
-            context.callbacks.onError = (error) => onNotify("error", error);
-            context.callbacks.onLoading = () => onNotify("loading");
-        },
-    });
-};
-exports.createWatchCommand = createWatchCommand;

package/bin/program/index.d.ts

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

package/bin/program/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const termost_1 = require("termost");
-const build_1 = require("./commands/build");
-const watch_1 = require("./commands/watch");
-const createProgram = (...commandBuilders) => {
-    const program = (0, termost_1.termost)("The zero-configuration bundler powered by ESBuild");
-    for (const commandBuilder of commandBuilders) {
-        commandBuilder(program);
-    }
-};
-createProgram(build_1.createBuildCommand, watch_1.createWatchCommand);