@wrdagency/react-islands 2.0.2 → 2.0.4

package/bin/index.js

@@ -1,411 +1,2 @@
 #!/usr/bin/env node
-import fs, { readFileSync } from 'fs';
-import yoctoSpinner from 'yocto-spinner';
-import commonjsPlugin from '@rollup/plugin-commonjs';
-import resolvePlugin from '@rollup/plugin-node-resolve';
-import replacePlugin from '@rollup/plugin-replace';
-import terserPlugin from '@rollup/plugin-terser';
-import typescriptPlugin from '@rollup/plugin-typescript';
-import path from 'path';
-import { rollup } from 'rollup';
-import { typescriptPaths } from 'rollup-plugin-typescript-paths';
-import { exec } from 'child_process';
-import { promisify } from 'util';
-import commandLineArgs from 'command-line-args';
-import commandLineUsage from 'command-line-usage';
-
-function createGlobalObject(namespace) {
-    return namespace
-        .split(".")
-        .filter(Boolean)
-        .map((_, index, levels) => {
-        const path = "window." + levels.slice(0, index + 1).join(".");
-        return `${path} = ${path} || {}`;
-    })
-        .join(";\n");
-}
-function importPackage(packageName) {
-    return `import * as ${packageNameToProperty(packageName)} from "${packageName}";\n`;
-}
-function importAndGlobalisePackage(packageName, globalName) {
-    let str = "";
-    str += importPackage(packageName);
-    str += `${globalName} = ${packageNameToProperty(packageName)};\n`;
-    return str;
-}
-function packageNameToProperty(packageName) {
-    return packageName
-        .replace(/^@/, "")
-        .replace(/\//g, "_")
-        .replace(/[-_](.)/g, (_, c) => c.toUpperCase())
-        .replace(/^[a-z]/, (c) => c.toUpperCase());
-}
-function renderComponentToFile(filename, component) {
-    return `var server = require('react-dom/server');
-	var fs = require('node:fs/promises');
-	var path = require('node:path');
-const html = server.renderToString( module.exports.component( {} ) );
-const file = path.resolve(__dirname, '${filename}');
-fs.writeFile(file, html, { flag: "w+" });`;
-}
-
-const normalizeOptions = (options) => {
-    return {
-        name: options.name,
-        input: options.input,
-        output: options.output || "./dist/",
-        minify: normalizeBoolean(options.minify, true),
-        ssg: normalizeBoolean(options.ssg, true),
-        jsx: options.jsx || "react-jsx",
-        typescript: normalizeBoolean(options.ssg, false),
-        common: normalizeCommonOption(options.common || [
-            "react",
-            "react-dom/client",
-            "@wrdagency/react-islands",
-        ]),
-    };
-};
-const normalizeBoolean = (value, fallback) => {
-    if (value === false) {
-        return false;
-    }
-    else if (value === true) {
-        return true;
-    }
-    else {
-        return fallback;
-    }
-};
-const normalizeCommonOption = (share = [""]) => {
-    if (Array.isArray(share)) {
-        return share.reduce((record, packageName) => ({
-            ...record,
-            [packageName]: "Islands._Common." + packageNameToProperty(packageName),
-        }), {});
-    }
-    else {
-        return share;
-    }
-};
-
-const execPromise = promisify(exec);
-const consoleExecute = async (command) => {
-    try {
-        const { stdout, stderr } = await execPromise(command);
-        if (stdout) {
-            console.log(stdout);
-        }
-        if (stderr) {
-            console.error(stderr);
-        }
-        return stdout;
-    }
-    catch (e) {
-        console.error(e);
-        throw e;
-    }
-};
-
-function runScriptAfterBuildPlugin(opts) {
-    const { deleteAfterRunning = false } = opts;
-    return {
-        name: "rollup-plugin-run-script-after-builder",
-        writeBundle(outputOptions, bundle) {
-            const outputDir = outputOptions.dir
-                ? outputOptions.dir
-                : path.dirname(outputOptions.file || "");
-            for (const [fileName, chunkInfo] of Object.entries(bundle)) {
-                const filePath = path.resolve(outputDir, fileName);
-                if (chunkInfo.type !== "chunk" || !chunkInfo.isEntry) {
-                    return;
-                }
-                if (!filePath && !filePath.endsWith("js")) {
-                    return;
-                }
-                if (!fs.existsSync(filePath)) {
-                    return;
-                }
-                consoleExecute(`node ${filePath}`).then(() => {
-                    if (deleteAfterRunning) {
-                        fs.unlinkSync(filePath);
-                    }
-                });
-            }
-        },
-    };
-}
-
-function virtualizeDependencyPlugin(opts) {
-    const { dependencies, namespace = "" } = opts;
-    const VIRTUAL_MODULE_ID = "\0virtual-entry";
-    return {
-        name: "rollup-plugin-virtualize-dependency",
-        resolveId(source) {
-            if (source === "virtual-entry")
-                return VIRTUAL_MODULE_ID;
-            return null;
-        },
-        load(id) {
-            if (id !== VIRTUAL_MODULE_ID) {
-                return null;
-            }
-            let str = createGlobalObject(namespace) + ";\n";
-            for (const [dependency, name] of Object.entries(dependencies)) {
-                str += importAndGlobalisePackage(dependency, name);
-            }
-            return str;
-        },
-    };
-}
-
-function createRollupConfigs(options) {
-    const normalized = normalizeOptions(options);
-    const { name, input, output, minify, ssg, jsx, typescript, common } = normalized;
-    const configs = [];
-    const createRollupConfig = (opts) => {
-        const { active = true, name: mainName = `Islands.${name}`, subName, format, globals = {}, prefix, suffix, plugins = [], } = opts;
-        if (!active) {
-            return null;
-        }
-        return {
-            input,
-            external: Object.keys(globals),
-            jsx,
-            output: {
-                name: mainName,
-                globals,
-                format,
-                entryFileNames: `[name]/${subName}`,
-                dir: output,
-                banner: prefix && ((chunk) => prefix(chunk.name)),
-                footer: suffix && ((chunk) => suffix(chunk.name)),
-            },
-            plugins: [
-                resolvePlugin({
-                    extensions: [
-                        ".cjs",
-                        ".mjs",
-                        ".js",
-                        ".json",
-                        ".node",
-                        ".jsx",
-                        ".ts",
-                        ".tsx",
-                    ],
-                }),
-                commonjsPlugin(),
-                replacePlugin({
-                    preventAssignment: true,
-                    "process.env.NODE_ENV": JSON.stringify("production"),
-                }),
-                minify && terserPlugin(),
-                typescript &&
-                    typescriptPlugin({
-                        jsx,
-                    }),
-                typescript && typescriptPaths(),
-                ...plugins,
-            ],
-        };
-    };
-    configs.push(createRollupConfig({
-        active: true,
-        subName: "client.js",
-        format: "iife",
-        globals: common,
-        suffix: (name) => `\nwindow.Islands['${name}']?.render('${name}')`,
-    }));
-    configs.push(createRollupConfig({
-        active: ssg,
-        subName: "server.cjs",
-        format: "cjs",
-        suffix: () => renderComponentToFile("ssg.html"),
-        plugins: [
-            runScriptAfterBuildPlugin({
-                deleteAfterRunning: true,
-            }),
-        ],
-    }));
-    return configs.filter(isRollupOptions);
-}
-function createCommonConfig(options) {
-    const normalized = normalizeOptions(options);
-    const { output, minify, jsx, common } = normalized;
-    return {
-        input: "virtual-entry",
-        jsx,
-        output: {
-            name: "Islands._Common",
-            file: path.resolve(output, "common.js"),
-            format: "iife",
-        },
-        plugins: [
-            replacePlugin({
-                preventAssignment: true,
-                "process.env.NODE_ENV": JSON.stringify("production"),
-            }),
-            virtualizeDependencyPlugin({
-                dependencies: common,
-                namespace: "Islands._Common",
-            }),
-            resolvePlugin(),
-            commonjsPlugin(),
-            minify && terserPlugin(),
-        ],
-    };
-}
-function isRollupOptions(config) {
-    return config !== null;
-}
-async function runRollup(inputOptions, outputOptions) {
-    let bundle;
-    let buildFailed = false;
-    try {
-        bundle = await rollup(inputOptions);
-        await bundle.write(outputOptions);
-    }
-    catch (error) {
-        buildFailed = true;
-        console.error(error);
-    }
-    if (bundle) {
-        await bundle.close();
-    }
-    return !buildFailed;
-}
-
-class Command {
-    args;
-    callback;
-    description;
-    constructor(options) {
-        let { args, callback, description } = options;
-        args.push({
-            name: "help",
-            alias: "h",
-            type: Boolean,
-            // @ts-ignore
-            description: "Display this usage guide.",
-        });
-        this.args = args;
-        this.callback = callback;
-        this.description = description;
-    }
-    run(argv) {
-        const { help, ...args } = commandLineArgs(this.args, { argv });
-        if (help) {
-            console.log(commandLineUsage([
-                {
-                    header: "Options",
-                    optionList: this.args,
-                },
-            ]));
-            return;
-        }
-        return this.callback(args);
-    }
-}
-async function commandset(commands) {
-    const { command, help = false, _unknown: argv = [], } = commandLineArgs([
-        {
-            name: "command",
-            type: String,
-            defaultOption: true,
-        },
-        {
-            name: "help",
-            alias: "h",
-            type: Boolean,
-            // @ts-ignore
-            description: "Display this usage guide.",
-        },
-    ], {
-        stopAtFirstUnknown: true,
-    });
-    if (!command || !(command in commands)) {
-        if (help) {
-            const commandsSummary = Object.keys(commands).map((key) => ({
-                name: key,
-                summary: commands[key].description,
-            }));
-            const usage = commandLineUsage([
-                {
-                    header: "Synopsis",
-                    content: "npx react-islands <command> <options>",
-                },
-                {
-                    header: "Command List",
-                    content: commandsSummary,
-                },
-            ]);
-            console.log(usage);
-        }
-        else {
-            console.error(`Command '${command}' not recognized by React Islands.`);
-        }
-        return;
-    }
-    return commands[command].run([...argv, help && "--help"].filter(Boolean));
-}
-
-var build = new Command({
-    description: "Build and statically render the islands.",
-    args: [
-        {
-            name: "config",
-            type: String,
-            alias: "c",
-            // @ts-ignore
-            description: "The config file to use.",
-            defaultValue: "islands.config.json",
-        },
-    ],
-    callback: async (args) => {
-        const { config } = args;
-        const configJson = JSON.parse(readFileSync(config, "utf8"));
-        const { islands, ...restConfig } = configJson;
-        if (restConfig.common !== false) {
-            const spinner = yoctoSpinner({
-                text: `Creating common dependencies file...`,
-            }).start();
-            const commonRollupConfig = createCommonConfig(restConfig);
-            const { output, ...input } = commonRollupConfig;
-            const success = await runRollup(input, output);
-            if (success) {
-                spinner.success(`Succeeded: common dependencies file`);
-            }
-            else {
-                spinner.warning(`Failed: common dependencies file`);
-            }
-        }
-        for (const [name, input] of Object.entries(islands)) {
-            const spinner = yoctoSpinner({
-                text: `Creating island ${name}...`,
-            }).start();
-            const rollupConfigs = createRollupConfigs({
-                input,
-                name,
-                ...restConfig,
-            });
-            let hadFailure = false;
-            for (const rollupConfig of rollupConfigs) {
-                const { output, ...input } = rollupConfig;
-                const success = await runRollup(input, output);
-                if (!success) {
-                    hadFailure = true;
-                }
-            }
-            rollupConfigs.map(async (options) => { });
-            if (hadFailure) {
-                spinner.warning(`Failed island: ${name}`);
-            }
-            else {
-                spinner.success(`Succeeded island: ${name}`);
-            }
-        }
-    },
-});
-
-commandset({
-    build,
-});
+import e,{readFileSync as n}from"fs";import t from"yocto-spinner";import r from"@rollup/plugin-commonjs";import o from"@rollup/plugin-node-resolve";import s from"@rollup/plugin-replace";import i from"@rollup/plugin-terser";import a from"@rollup/plugin-typescript";import c from"path";import{rollup as l}from"rollup";import{typescriptPaths as p}from"rollup-plugin-typescript-paths";import{exec as u}from"child_process";import{promisify as m}from"util";import d from"command-line-args";import f from"command-line-usage";function g(e,n){let t="";return t+=function(e){return`import * as ${y(e)} from "${e}";\n`}(e),t+=`${n} = ${y(e)};\n`,t}function y(e){return e.replace(/^@/,"").replace(/\//g,"_").replace(/[-_](.)/g,(e,n)=>n.toUpperCase()).replace(/^[a-z]/,e=>e.toUpperCase())}const h=e=>({name:e.name,input:e.input,output:e.output||"./dist/",minify:j(e.minify,!0),ssg:j(e.ssg,!0),jsx:e.jsx||"react-jsx",typescript:j(e.ssg,!1),common:v(e.common||["react","react-dom/client","@wrdagency/react-islands"])}),j=(e,n)=>!1!==e&&(!0===e||n),v=(e=[""])=>Array.isArray(e)?e.reduce((e,n)=>({...e,[n]:"Islands._Common."+y(n)}),{}):e,w=m(u),x=async e=>{try{const{stdout:n,stderr:t}=await w(e);return n&&console.log(n),t&&console.error(t),n}catch(e){throw console.error(e),e}};function b(n){const{deleteAfterRunning:t=!1}=n;return{name:"rollup-plugin-run-script-after-builder",writeBundle(n,r){const o=n.dir?n.dir:c.dirname(n.file||"");for(const[n,s]of Object.entries(r)){const r=c.resolve(o,n);if("chunk"!==s.type||!s.isEntry)return;if(!r&&!r.endsWith("js"))return;if(!e.existsSync(r))return;x(`node ${r}`).then(()=>{t&&e.unlinkSync(r)})}}}}function $(e){const{dependencies:n,namespace:t=""}=e,r="\0virtual-entry";return{name:"rollup-plugin-virtualize-dependency",resolveId:e=>"virtual-entry"===e?r:null,load(e){if(e!==r)return null;let o=function(e){return e.split(".").filter(Boolean).map((e,n,t)=>{const r="window."+t.slice(0,n+1).join(".");return`${r} = ${r} || {}`}).join(";\n")}(t)+";\n";for(const[e,t]of Object.entries(n))o+=g(e,t);return o}}}function O(e){const n=h(e),{name:t,input:c,output:l,minify:u,ssg:m,jsx:d,typescript:f,common:g}=n,y=[],j=e=>{const{active:n=!0,name:m=`Islands.${t}`,subName:g,format:y,globals:h={},prefix:j,suffix:v,plugins:w=[]}=e;return n?{input:c,external:Object.keys(h),jsx:d,output:{name:m,globals:h,format:y,entryFileNames:`[name]/${g}`,dir:l,banner:j&&(e=>j(e.name)),footer:v&&(e=>v(e.name))},plugins:[o({extensions:[".cjs",".mjs",".js",".json",".node",".jsx",".ts",".tsx"]}),r(),s({preventAssignment:!0,"process.env.NODE_ENV":JSON.stringify("production")}),u&&i(),f&&a({jsx:d}),f&&p(),...w]}:null};return y.push(j({active:!0,subName:"client.js",format:"iife",globals:g,suffix:e=>`\nwindow.Islands['${e}']?.render('${e}')`})),y.push(j({active:m,subName:"server.cjs",format:"cjs",suffix:()=>`var server = require('react-dom/server');\n\tvar fs = require('node:fs/promises');\n\tvar path = require('node:path');\nconst html = server.renderToString( module.exports.component( {} ) );\nconst file = path.resolve(__dirname, '${"ssg.html"}');\nfs.writeFile(file, html, { flag: "w+" });`,plugins:[b({deleteAfterRunning:!0})]})),y.filter(k)}function k(e){return null!==e}async function N(e,n){let t,r=!1;try{t=await l(e),await t.write(n)}catch(e){r=!0,console.error(e)}return t&&await t.close(),!r}!async function(e){const{command:n,help:t=!1,_unknown:r=[]}=d([{name:"command",type:String,defaultOption:!0},{name:"help",alias:"h",type:Boolean,description:"Display this usage guide."}],{stopAtFirstUnknown:!0});if(n&&n in e)return e[n].run([...r,t&&"--help"].filter(Boolean));if(t){const n=Object.keys(e).map(n=>({name:n,summary:e[n].description})),t=f([{header:"Synopsis",content:"npx react-islands <command> <options>"},{header:"Command List",content:n}]);console.log(t)}else console.error(`Command '${n}' not recognized by React Islands.`)}({build:new class{args;callback;description;constructor(e){let{args:n,callback:t,description:r}=e;n.push({name:"help",alias:"h",type:Boolean,description:"Display this usage guide."}),this.args=n,this.callback=t,this.description=r}run(e){const{help:n,...t}=d(this.args,{argv:e});if(!n)return this.callback(t);console.log(f([{header:"Options",optionList:this.args}]))}}({description:"Build and statically render the islands.",args:[{name:"config",type:String,alias:"c",description:"The config file to use.",defaultValue:"islands.config.json"}],callback:async e=>{const{config:a}=e,l=JSON.parse(n(a,"utf8")),{islands:p,...u}=l;if(!1!==u.common){const e=t({text:"Creating common dependencies file..."}).start(),n=function(e){const n=h(e),{output:t,minify:a,jsx:l,common:p}=n;return{input:"virtual-entry",jsx:l,output:{name:"Islands._Common",file:c.resolve(t,"common.js"),format:"iife"},plugins:[s({preventAssignment:!0,"process.env.NODE_ENV":JSON.stringify("production")}),$({dependencies:p,namespace:"Islands._Common"}),o(),r(),a&&i()]}}(u),{output:a,...l}=n;await N(l,a)?e.success("Succeeded: common dependencies file"):e.warning("Failed: common dependencies file")}for(const[e,n]of Object.entries(p)){const r=t({text:`Creating island ${e}...`}).start(),o=O({input:n,name:e,...u});let s=!1;for(const e of o){const{output:n,...t}=e;await N(t,n)||(s=!0)}o.map(async e=>{}),s?r.warning(`Failed island: ${e}`):r.success(`Succeeded island: ${e}`)}}})});

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@wrdagency/react-islands",
-	"version": "2.0.2",
+	"version": "2.0.4",
 	"description": "",
 	"main": "./dist/index.js",
 	"files": [
@@ -10,7 +10,7 @@
 		"bin"
 	],
 	"bin": {
-		"react-islands": "./bin/index.js"
+		"react-islands": "./bin/index.cjs"
 	},
 	"exports": {
 		".": {
@@ -28,24 +28,12 @@
 	"author": "Kyle Thomas Cooper @ WRD",
 	"license": "MIT",
 	"devDependencies": {
-		"@rollup/plugin-commonjs": "^28.0.6",
-		"@rollup/plugin-json": "^6.1.0",
-		"@rollup/plugin-node-resolve": "^16.0.1",
-		"@rollup/plugin-replace": "^6.0.2",
-		"@rollup/plugin-terser": "^0.4.4",
-		"@rollup/plugin-typescript": "^12.1.4",
 		"@types/command-line-args": "^5.2.3",
 		"@types/command-line-usage": "^5.0.4",
 		"@types/react": "^19.1.8",
 		"@types/react-dom": "^19.1.6",
-		"command-line-args": "^6.0.1",
-		"command-line-usage": "^7.0.3",
-		"rollup": "^4.45.1",
-		"rollup-plugin-dts": "^6.2.1",
-		"rollup-plugin-typescript-paths": "^1.5.0",
 		"tslib": "^2.8.1",
-		"typescript": "^5.4.3",
-		"yocto-spinner": "^1.0.0"
+		"typescript": "^5.4.3"
 	},
 	"repository": {
 		"type": "git",
@@ -53,5 +41,19 @@
 	},
 	"peerDependencies": {
 		"react-dom": "^19.1.0"
+	},
+	"dependencies": {
+		"@rollup/plugin-commonjs": "^28.0.6",
+		"@rollup/plugin-json": "^6.1.0",
+		"@rollup/plugin-node-resolve": "^16.0.1",
+		"@rollup/plugin-replace": "^6.0.2",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@rollup/plugin-typescript": "^12.1.4",
+		"command-line-args": "^6.0.1",
+		"command-line-usage": "^7.0.3",
+		"rollup": "^4.45.1",
+		"rollup-plugin-dts": "^6.2.1",
+		"rollup-plugin-typescript-paths": "^1.5.0",
+		"yocto-spinner": "^1.0.0"
 	}
 }