create-zephyr-apps 0.0.0 → 0.0.2

package/.nvmrc

@@ -0,0 +1 @@
+22.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,18 @@
+# create-zephyr-apps
+
+Recommend using node version 22.0.0 or above.
+
+```
+npx create-zephyr-apps@latest
+```
+
+## Todos
+
+- [ ] Move templates generation to local or using normal vite/rspack/react-native generation command
+- [ ] Add bundling options
+- [ ] Creating template file to make sure dependencies are up to date
+- [ ] Add Nx as an option for monorepo
+- [ ] Add package manager selector
+- [ ] Add tests
+- [ ] Add more documentation
+- [ ] Write a good readme

package/dist/index.cjs

@@ -0,0 +1,250 @@
+#!/usr/bin/env node
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+var __webpack_exports__ = {};
+const promises_namespaceObject = require("node:timers/promises");
+const external_node_child_process_namespaceObject = require("node:child_process");
+const external_chalk_namespaceObject = require("chalk");
+var external_chalk_default = /*#__PURE__*/ __webpack_require__.n(external_chalk_namespaceObject);
+const external_child_process_namespaceObject = require("child_process");
+const prompts_namespaceObject = require("@clack/prompts");
+function end_note({ project }) {
+    try {
+        (0, external_child_process_namespaceObject.exec)(`${project.path} && git config user.name`, (err, stdout, stderr)=>{
+            console.log(stdout);
+            const user_name = stdout.toString().trim();
+            const repo_name = project.path.split('/').pop();
+            let next_steps;
+            next_steps = 'web' === project.type ? `cd ${repo_name}        \npnpm install\ngit remote add origin https://github.com/${user_name ?? 'YourUsername'}/${repo_name}.git\npnpm run build` : `cd ${repo_name}        \npnpm install\nrm -rf .git\ngit remote set origin https://github.com/${user_name ?? 'YourUsername'}/${repo_name}.git\npnpm run build`;
+            (0, prompts_namespaceObject.note)(next_steps, 'Next steps.');
+        });
+    } catch (error) {
+        console.error(error);
+    } finally{
+        const end_notes = [
+            `Discord: ${external_chalk_default().underline(external_chalk_default().cyan('https://zephyr-cloud.io/discord'))}`,
+            `Documentation: ${external_chalk_default().underline(external_chalk_default().cyan('https://zephyr-cloud.io/docs'))}`,
+            `Open an issue: ${external_chalk_default().underline(external_chalk_default().cyan('https://github.com/ZephyrCloudIO/create-zephyr-apps/issues'))}`
+        ];
+        (0, prompts_namespaceObject.note)(Object.values(end_notes).join('\n'), 'Problems?');
+    }
+}
+const TEMPLATES = {
+    'rspack-project': {
+        label: 'React + Rspack',
+        hint: 'A simple application build by Rspack.',
+        framework: 'react'
+    },
+    'react-vite-ts': {
+        label: 'A simple React application build by Vite',
+        hint: 'You will be building React app powered by Vite.',
+        framework: 'react'
+    },
+    'react-vite-mf': {
+        label: 'React + Vite + Webpack + Rspack',
+        hint: 'You will be building federated React apps powered by Vite, Webpack and Rspack.',
+        framework: 'react'
+    },
+    'angular-vite': {
+        label: 'Angular app with Vite',
+        hint: 'You will be building an Angular app powered by Vite.',
+        framework: 'angular'
+    },
+    'react-webpack-mf': {
+        label: 'React + Webpack',
+        hint: 'A React application with Module Federation, using Webpack as the bundler.',
+        framework: 'react'
+    },
+    'nx-rspack-mf': {
+        label: 'React + Nx + Rspack',
+        hint: 'A React application with Module Federation, using Nx as Monorepo manager and Rspack as the bundler.',
+        framework: 'react'
+    },
+    'nx-webpack-mf': {
+        label: 'React + Nx + Webpack',
+        hint: 'React applications with Module Federation, using Nx as Monorepo manager and Webpack as the bundler.',
+        framework: 'react'
+    },
+    'ng-nx': {
+        label: 'Angular app with Nx',
+        hint: 'An Angular application with Nx as Monorepo manager.',
+        framework: 'angular'
+    },
+    'qwik-1.5': {
+        label: 'Qwik + Vite',
+        hint: 'A Qwik v1.5 app using Vite as the bundler.',
+        framework: 'qwik'
+    },
+    'react-rspack-tractor-2.0': {
+        label: 'React + Rspack + Tractor 2.0',
+        hint: 'A React application using Rspack as the bundler and Tractor 2.0 as the module federation manager.',
+        framework: 'react'
+    },
+    'turbo-rspack-mf': {
+        label: 'Turbo + Rspack + Module Federation',
+        hint: 'A monorepo using Turborepo, React, and Rspack as the bundler.',
+        framework: 'react'
+    }
+};
+const external_tempy_namespaceObject = require("tempy");
+const external_path_namespaceObject = require("path");
+var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
+const external_node_fs_namespaceObject = require("node:fs");
+async function main() {
+    console.clear();
+    await (0, promises_namespaceObject.setTimeout)(1000);
+    (0, prompts_namespaceObject.updateSettings)({
+        aliases: {
+            w: 'up',
+            s: 'down',
+            a: 'left',
+            d: 'right'
+        }
+    });
+    (0, prompts_namespaceObject.note)('npx create-zephyr-apps@latest');
+    (0, prompts_namespaceObject.intro)(`${external_chalk_default().bgCyan(external_chalk_default().black(' Create federated applications with Zephyr '))}`);
+    const project = await (0, prompts_namespaceObject.group)({
+        path: ({ results })=>(0, prompts_namespaceObject.text)({
+                message: 'Where should we create your project?',
+                placeholder: './sparkling-solid',
+                validate: (value)=>{
+                    if (!value) return 'Please enter a path.';
+                    if ('.' !== value[0]) return 'Please enter a relative path.';
+                }
+            }),
+        type: ()=>(0, prompts_namespaceObject.select)({
+                message: 'What type of project you are creating?',
+                initialValue: 'web',
+                options: [
+                    {
+                        value: 'web',
+                        label: 'Web'
+                    },
+                    {
+                        value: 'react-native',
+                        label: 'React Native',
+                        hint: 'You will be building React Native powered by Re.Pack.'
+                    }
+                ]
+            }),
+        templates: ({ results })=>{
+            if ('web' === results.type) return (0, prompts_namespaceObject.select)({
+                message: 'Pick a template: ',
+                initialValue: 'react-rspack-mf',
+                maxItems: 5,
+                options: Object.keys(TEMPLATES).map((template)=>({
+                        value: template,
+                        label: external_chalk_default().cyan(TEMPLATES[template].label),
+                        hint: TEMPLATES[template].hint
+                    }))
+            });
+        }
+    }, {
+        onCancel: ()=>{
+            (0, prompts_namespaceObject.cancel)('Operation cancelled.');
+            process.exit(0);
+        }
+    });
+    const temp_dir = external_tempy_namespaceObject.temporaryDirectory();
+    const command_web = `git clone --depth 1 https://github.com/ZephyrCloudIO/zephyr-examples.git -b main ${temp_dir}`;
+    const command_react_native = `git clone --depth 1 https://github.com/ZephyrCloudIO/zephyr-repack-example.git -b main ${temp_dir}`;
+    const project_path = project.path.replace('./', '').trim();
+    const s = (0, prompts_namespaceObject.spinner)();
+    if ('web' === project.type) {
+        s.start(external_chalk_default().cyan('Cloning subfolder ' + external_chalk_default().green(project.templates) + ' from repository https://github.com/ZephyrCloudIO/zephyr-examples.git'));
+        (0, external_node_child_process_namespaceObject.exec)(command_web, async (err, stdout, stderr)=>{
+            if (err) {
+                s.stop(external_chalk_default().bgRed(external_chalk_default().black(`Error cloning ${command_web} to ${project_path}...`)));
+                console.error(err);
+                process.exit(0);
+            }
+            if (!err) {
+                const outputPath = external_path_default().join(process.cwd(), project.path);
+                const clonedPath = external_path_default().join(temp_dir, 'examples', project.templates);
+                try {
+                    await external_node_fs_namespaceObject.promises.cp(clonedPath, outputPath, {
+                        recursive: true,
+                        force: true
+                    });
+                    s.stop(external_chalk_default().green(`Project successfully created at ${external_chalk_default().underline(project_path)}`));
+                } catch (error) {
+                    console.error(external_chalk_default().bgRed(external_chalk_default().black(`Error cloning to ${project_path}...`)));
+                    console.error(error);
+                    process.exit(2);
+                } finally{
+                    await external_node_fs_namespaceObject.promises.rm(temp_dir, {
+                        recursive: true,
+                        force: true
+                    });
+                    end_note({
+                        project
+                    });
+                }
+            }
+        });
+    }
+    if ('react-native' === project.type) {
+        s.start(external_chalk_default().cyan("Cloning repository https://github.com/ZephyrCloudIO/zephyr-repack-example.git"));
+        (0, external_node_child_process_namespaceObject.exec)(command_react_native, async (err, stdout, stderr)=>{
+            if (err) {
+                s.stop(external_chalk_default().bgRed(external_chalk_default().black(`Error cloning to ${project_path}...`)));
+                console.error(err);
+                process.exit(2);
+            }
+            if (!err) {
+                const outputPath = external_path_default().join(process.cwd(), project.path);
+                try {
+                    await external_node_fs_namespaceObject.promises.cp(temp_dir, outputPath, {
+                        recursive: true,
+                        force: true
+                    });
+                    s.stop(external_chalk_default().green(`Project successfully created at ${external_chalk_default().underline(project_path)}`));
+                } catch (error) {
+                    s.stop(external_chalk_default().bgRed(external_chalk_default().black(`Error clonin to ${project_path}`)));
+                    console.error(error);
+                    process.exit(2);
+                } finally{
+                    await external_node_fs_namespaceObject.promises.rm(temp_dir, {
+                        recursive: true,
+                        force: true
+                    });
+                    end_note({
+                        project
+                    });
+                }
+            }
+        });
+    }
+}
+main().catch(console.error);
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/index.mjs

@@ -0,0 +1,214 @@
+#!/usr/bin/env node
+import * as __WEBPACK_EXTERNAL_MODULE_node_timers_promises_aedbf14c__ from "node:timers/promises";
+import * as __WEBPACK_EXTERNAL_MODULE_node_child_process_27f17141__ from "node:child_process";
+import * as __WEBPACK_EXTERNAL_MODULE_chalk__ from "chalk";
+import * as __WEBPACK_EXTERNAL_MODULE_child_process__ from "child_process";
+import * as __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__ from "@clack/prompts";
+import * as __WEBPACK_EXTERNAL_MODULE_tempy__ from "tempy";
+import * as __WEBPACK_EXTERNAL_MODULE_path__ from "path";
+import * as __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__ from "node:fs";
+function end_note({ project }) {
+    try {
+        (0, __WEBPACK_EXTERNAL_MODULE_child_process__.exec)(`${project.path} && git config user.name`, (err, stdout, stderr)=>{
+            console.log(stdout);
+            const user_name = stdout.toString().trim();
+            const repo_name = project.path.split('/').pop();
+            let next_steps;
+            next_steps = 'web' === project.type ? `cd ${repo_name}        \npnpm install\ngit remote add origin https://github.com/${user_name ?? 'YourUsername'}/${repo_name}.git\npnpm run build` : `cd ${repo_name}        \npnpm install\nrm -rf .git\ngit remote set origin https://github.com/${user_name ?? 'YourUsername'}/${repo_name}.git\npnpm run build`;
+            (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.note)(next_steps, 'Next steps.');
+        });
+    } catch (error) {
+        console.error(error);
+    } finally{
+        const end_notes = [
+            `Discord: ${__WEBPACK_EXTERNAL_MODULE_chalk__["default"].underline(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].cyan('https://zephyr-cloud.io/discord'))}`,
+            `Documentation: ${__WEBPACK_EXTERNAL_MODULE_chalk__["default"].underline(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].cyan('https://zephyr-cloud.io/docs'))}`,
+            `Open an issue: ${__WEBPACK_EXTERNAL_MODULE_chalk__["default"].underline(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].cyan('https://github.com/ZephyrCloudIO/create-zephyr-apps/issues'))}`
+        ];
+        (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.note)(Object.values(end_notes).join('\n'), 'Problems?');
+    }
+}
+const TEMPLATES = {
+    'rspack-project': {
+        label: 'React + Rspack',
+        hint: 'A simple application build by Rspack.',
+        framework: 'react'
+    },
+    'react-vite-ts': {
+        label: 'A simple React application build by Vite',
+        hint: 'You will be building React app powered by Vite.',
+        framework: 'react'
+    },
+    'react-vite-mf': {
+        label: 'React + Vite + Webpack + Rspack',
+        hint: 'You will be building federated React apps powered by Vite, Webpack and Rspack.',
+        framework: 'react'
+    },
+    'angular-vite': {
+        label: 'Angular app with Vite',
+        hint: 'You will be building an Angular app powered by Vite.',
+        framework: 'angular'
+    },
+    'react-webpack-mf': {
+        label: 'React + Webpack',
+        hint: 'A React application with Module Federation, using Webpack as the bundler.',
+        framework: 'react'
+    },
+    'nx-rspack-mf': {
+        label: 'React + Nx + Rspack',
+        hint: 'A React application with Module Federation, using Nx as Monorepo manager and Rspack as the bundler.',
+        framework: 'react'
+    },
+    'nx-webpack-mf': {
+        label: 'React + Nx + Webpack',
+        hint: 'React applications with Module Federation, using Nx as Monorepo manager and Webpack as the bundler.',
+        framework: 'react'
+    },
+    'ng-nx': {
+        label: 'Angular app with Nx',
+        hint: 'An Angular application with Nx as Monorepo manager.',
+        framework: 'angular'
+    },
+    'qwik-1.5': {
+        label: 'Qwik + Vite',
+        hint: 'A Qwik v1.5 app using Vite as the bundler.',
+        framework: 'qwik'
+    },
+    'react-rspack-tractor-2.0': {
+        label: 'React + Rspack + Tractor 2.0',
+        hint: 'A React application using Rspack as the bundler and Tractor 2.0 as the module federation manager.',
+        framework: 'react'
+    },
+    'turbo-rspack-mf': {
+        label: 'Turbo + Rspack + Module Federation',
+        hint: 'A monorepo using Turborepo, React, and Rspack as the bundler.',
+        framework: 'react'
+    }
+};
+async function main() {
+    console.clear();
+    await (0, __WEBPACK_EXTERNAL_MODULE_node_timers_promises_aedbf14c__.setTimeout)(1000);
+    (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.updateSettings)({
+        aliases: {
+            w: 'up',
+            s: 'down',
+            a: 'left',
+            d: 'right'
+        }
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.note)('npx create-zephyr-apps@latest');
+    (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.intro)(`${__WEBPACK_EXTERNAL_MODULE_chalk__["default"].bgCyan(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].black(' Create federated applications with Zephyr '))}`);
+    const project = await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.group)({
+        path: ({ results })=>(0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.text)({
+                message: 'Where should we create your project?',
+                placeholder: './sparkling-solid',
+                validate: (value)=>{
+                    if (!value) return 'Please enter a path.';
+                    if ('.' !== value[0]) return 'Please enter a relative path.';
+                }
+            }),
+        type: ()=>(0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
+                message: 'What type of project you are creating?',
+                initialValue: 'web',
+                options: [
+                    {
+                        value: 'web',
+                        label: 'Web'
+                    },
+                    {
+                        value: 'react-native',
+                        label: 'React Native',
+                        hint: 'You will be building React Native powered by Re.Pack.'
+                    }
+                ]
+            }),
+        templates: ({ results })=>{
+            if ('web' === results.type) return (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
+                message: 'Pick a template: ',
+                initialValue: 'react-rspack-mf',
+                maxItems: 5,
+                options: Object.keys(TEMPLATES).map((template)=>({
+                        value: template,
+                        label: __WEBPACK_EXTERNAL_MODULE_chalk__["default"].cyan(TEMPLATES[template].label),
+                        hint: TEMPLATES[template].hint
+                    }))
+            });
+        }
+    }, {
+        onCancel: ()=>{
+            (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.cancel)('Operation cancelled.');
+            process.exit(0);
+        }
+    });
+    const temp_dir = __WEBPACK_EXTERNAL_MODULE_tempy__.temporaryDirectory();
+    const command_web = `git clone --depth 1 https://github.com/ZephyrCloudIO/zephyr-examples.git -b main ${temp_dir}`;
+    const command_react_native = `git clone --depth 1 https://github.com/ZephyrCloudIO/zephyr-repack-example.git -b main ${temp_dir}`;
+    const project_path = project.path.replace('./', '').trim();
+    const s = (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.spinner)();
+    if ('web' === project.type) {
+        s.start(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].cyan('Cloning subfolder ' + __WEBPACK_EXTERNAL_MODULE_chalk__["default"].green(project.templates) + ' from repository https://github.com/ZephyrCloudIO/zephyr-examples.git'));
+        (0, __WEBPACK_EXTERNAL_MODULE_node_child_process_27f17141__.exec)(command_web, async (err, stdout, stderr)=>{
+            if (err) {
+                s.stop(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].bgRed(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].black(`Error cloning ${command_web} to ${project_path}...`)));
+                console.error(err);
+                process.exit(0);
+            }
+            if (!err) {
+                const outputPath = __WEBPACK_EXTERNAL_MODULE_path__["default"].join(process.cwd(), project.path);
+                const clonedPath = __WEBPACK_EXTERNAL_MODULE_path__["default"].join(temp_dir, 'examples', project.templates);
+                try {
+                    await __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__.promises.cp(clonedPath, outputPath, {
+                        recursive: true,
+                        force: true
+                    });
+                    s.stop(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].green(`Project successfully created at ${__WEBPACK_EXTERNAL_MODULE_chalk__["default"].underline(project_path)}`));
+                } catch (error) {
+                    console.error(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].bgRed(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].black(`Error cloning to ${project_path}...`)));
+                    console.error(error);
+                    process.exit(2);
+                } finally{
+                    await __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__.promises.rm(temp_dir, {
+                        recursive: true,
+                        force: true
+                    });
+                    end_note({
+                        project
+                    });
+                }
+            }
+        });
+    }
+    if ('react-native' === project.type) {
+        s.start(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].cyan("Cloning repository https://github.com/ZephyrCloudIO/zephyr-repack-example.git"));
+        (0, __WEBPACK_EXTERNAL_MODULE_node_child_process_27f17141__.exec)(command_react_native, async (err, stdout, stderr)=>{
+            if (err) {
+                s.stop(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].bgRed(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].black(`Error cloning to ${project_path}...`)));
+                console.error(err);
+                process.exit(2);
+            }
+            if (!err) {
+                const outputPath = __WEBPACK_EXTERNAL_MODULE_path__["default"].join(process.cwd(), project.path);
+                try {
+                    await __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__.promises.cp(temp_dir, outputPath, {
+                        recursive: true,
+                        force: true
+                    });
+                    s.stop(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].green(`Project successfully created at ${__WEBPACK_EXTERNAL_MODULE_chalk__["default"].underline(project_path)}`));
+                } catch (error) {
+                    s.stop(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].bgRed(__WEBPACK_EXTERNAL_MODULE_chalk__["default"].black(`Error clonin to ${project_path}`)));
+                    console.error(error);
+                    process.exit(2);
+                } finally{
+                    await __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__.promises.rm(temp_dir, {
+                        recursive: true,
+                        force: true
+                    });
+                    end_note({
+                        project
+                    });
+                }
+            }
+        });
+    }
+}
+main().catch(console.error);

package/dist/package/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/package/utils/constants.d.ts

@@ -0,0 +1,63 @@
+declare const REPO_OWNER = "ZephyrCloudIO";
+declare const REPO_NAME = "zephyr-examples";
+declare const REPACK_REPO = "zephyr-repack-example";
+declare const BASE_REPO = "ZephyrCloudIO/zephyr-examples";
+declare const REPACK_REPO_PATH = "ZephyrCloudIO/zephyr-repack-example";
+declare const TEMPLATES: {
+    'rspack-project': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'react-vite-ts': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'react-vite-mf': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'angular-vite': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'react-webpack-mf': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'nx-rspack-mf': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'nx-webpack-mf': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'ng-nx': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'qwik-1.5': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'react-rspack-tractor-2.0': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+    'turbo-rspack-mf': {
+        label: string;
+        hint: string;
+        framework: string;
+    };
+};
+export { REPO_OWNER, REPO_NAME, REPACK_REPO, BASE_REPO, REPACK_REPO_PATH, TEMPLATES };

package/dist/package/utils/end.d.ts

@@ -0,0 +1,4 @@
+import { CLIOptions } from "./types";
+export default function end_note({ project }: {
+    project: CLIOptions;
+}): void;

package/dist/package/utils/types.d.ts

@@ -0,0 +1,24 @@
+export interface GithubTreeItem {
+    path: string;
+    type: 'tree' | 'blob';
+}
+export interface ExampleMetadata {
+    name: string;
+    description: string;
+    path: string;
+}
+export interface WebCreationOptions {
+    path: string;
+    template: string;
+    framework: string;
+}
+export interface ReactNativeCreationOptions {
+    path: string;
+}
+export interface CLIOptions {
+    path: string;
+    type: 'web' | 'react-native';
+    /** At the moment, if users opt for  web they will only be asked for a template without host name and remote_name */
+    templates: string | undefined;
+    install: boolean;
+}

package/dist/rslib.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@rslib/core").RslibConfig;
+export default _default;

package/package/index.ts

@@ -0,0 +1,191 @@
+#!/usr/bin/env node
+import { setTimeout } from 'node:timers/promises';
+import { exec } from 'node:child_process';
+import end_note from './utils/end'
+import {
+  spinner,
+  group,
+  intro,
+  outro,
+  isCancel,
+  password,
+  cancel,
+  text,
+  note,
+  confirm,
+  select,
+  multiselect,
+  tasks,
+  log,
+  updateSettings,
+} from '@clack/prompts';
+import c from "chalk";
+import { TEMPLATES } from './utils/constants';
+import { CLIOptions } from './utils/types';
+import * as tempy from 'tempy';
+import path from 'path';
+import * as fs from 'node:fs'
+
+
+async function main() {
+  console.clear();
+
+  await setTimeout(1000);
+
+  updateSettings({
+    aliases: {
+      w: 'up',
+      s: 'down',
+      a: 'left',
+      d: 'right',
+    },
+  });
+
+  note('npx create-zephyr-apps@latest');
+  intro(`${c.bgCyan(c.black(' Create federated applications with Zephyr '))}`);
+
+  const project = await group(
+    {
+      path: ({ results }) => {
+        return text({
+          message: 'Where should we create your project?',
+          placeholder: './sparkling-solid',
+          validate: value => {
+            if (!value) return 'Please enter a path.';
+            if (value[0] !== '.') return 'Please enter a relative path.';
+          },
+        });
+      },
+
+      type: () =>
+        select({
+          message: 'What type of project you are creating?',
+          initialValue: 'web',
+          options: [
+            {
+              value: 'web',
+              label: 'Web',
+            },
+            {
+              value: 'react-native',
+              label: 'React Native',
+              hint: 'You will be building React Native powered by Re.Pack.',
+            },
+          ],
+        }),
+
+      templates: ({ results }) => {
+
+        if (results.type === 'web') {
+          return select({
+            message: 'Pick a template: ',
+            initialValue: 'react-rspack-mf',
+            maxItems: 5,
+            options: Object.keys(TEMPLATES).map((template) => {
+              return {
+                value: template as keyof typeof TEMPLATES,
+                label: c.cyan(TEMPLATES[template as keyof typeof TEMPLATES].label),
+                hint: TEMPLATES[template as keyof typeof TEMPLATES].hint
+              }
+            })
+          })
+        }
+      },
+
+    },
+    {
+      onCancel: () => {
+        cancel('Operation cancelled.');
+        process.exit(0);
+      },
+    },
+  ) as CLIOptions;
+
+
+
+  const temp_dir = tempy.temporaryDirectory()
+
+  const command_web = `git clone --depth 1 https://github.com/ZephyrCloudIO/zephyr-examples.git -b main ${temp_dir}`
+  const command_react_native = `git clone --depth 1 https://github.com/ZephyrCloudIO/zephyr-repack-example.git -b main ${temp_dir}`
+
+  const project_path = project.path.replace('./', '').trim()
+
+  const s = spinner()
+  if (project.type === 'web') {
+
+    s.start(c.cyan('Cloning subfolder ' + c.green(project.templates) + ' from repository https://github.com/ZephyrCloudIO/zephyr-examples.git'))
+
+    exec(command_web, async (err, stdout, stderr) => {
+
+      if (err) {
+        s.stop(c.bgRed(c.black(`Error cloning ${command_web} to ${project_path}...`)))
+        console.error(err);
+        process.exit(0);
+
+      }
+
+      if (!err) {
+        const outputPath = path.join(process.cwd(), project.path);
+
+        const clonedPath = path.join(temp_dir, 'examples', project.templates as string)
+
+        try {
+          const result2 = await fs.promises.cp(clonedPath, outputPath, {
+            recursive: true,
+            force: true
+          });
+
+          s.stop(c.green(`Project successfully created at ${c.underline(project_path)}`))
+
+        } catch (error) {
+          console.error(c.bgRed(c.black(`Error cloning to ${project_path}...`)))
+          console.error(error)
+          process.exit(2)
+        } finally {
+          await fs.promises.rm(temp_dir, { recursive: true, force: true })
+          end_note({ project })
+        }
+      }
+    })
+
+  }
+
+
+  if (project.type === 'react-native') {
+
+    s.start(c.cyan(`Cloning repository https://github.com/ZephyrCloudIO/zephyr-repack-example.git`))
+
+    exec(command_react_native, async (err, stdout, stderr) => {
+      if (err) {
+        s.stop(c.bgRed(c.black(`Error cloning to ${project_path}...`)))
+        console.error(err)
+        process.exit(2)
+      }
+
+      if (!err) {
+
+        const outputPath = path.join(process.cwd(), project.path);
+        try {
+          const result2 = await fs.promises.cp(temp_dir, outputPath, {
+            recursive: true,
+            force: true
+          });
+          s.stop(c.green(`Project successfully created at ${c.underline(project_path)}`))
+        } catch (error) {
+          s.stop(c.bgRed(c.black(`Error clonin to ${project_path}`)))
+          console.error(error)
+          process.exit(2)
+        } finally {
+          await fs.promises.rm(temp_dir, { recursive: true, force: true })
+          end_note({ project })
+        }
+
+      }
+    })
+  }
+
+
+}
+
+main().catch(console.error);
+

package/package/utils/constants.ts

@@ -0,0 +1,68 @@
+const REPO_OWNER = 'ZephyrCloudIO';
+const REPO_NAME = 'zephyr-examples';
+const REPACK_REPO = 'zephyr-repack-example';
+
+const BASE_REPO = `${REPO_OWNER}/${REPO_NAME}`;
+
+const REPACK_REPO_PATH = `${REPO_OWNER}/${REPACK_REPO}`;
+
+
+const TEMPLATES = {
+    'rspack-project': {
+        label: 'React + Rspack',
+        hint: 'A simple application build by Rspack.',
+        framework: 'react'
+    },
+    'react-vite-ts': {
+        label: 'A simple React application build by Vite',
+        hint: 'You will be building React app powered by Vite.',
+        framework: 'react'
+    },
+    'react-vite-mf': {
+        label: 'React + Vite + Webpack + Rspack',
+        hint: 'You will be building federated React apps powered by Vite, Webpack and Rspack.',
+        framework: 'react'
+    },
+    'angular-vite': {
+        label: 'Angular app with Vite',
+        hint: 'You will be building an Angular app powered by Vite.',
+        framework: 'angular'
+    },
+    'react-webpack-mf': {
+        label: 'React + Webpack',
+        hint: 'A React application with Module Federation, using Webpack as the bundler.',
+        framework: 'react'
+    },
+    'nx-rspack-mf': {
+        label: 'React + Nx + Rspack',
+        hint: 'A React application with Module Federation, using Nx as Monorepo manager and Rspack as the bundler.',
+        framework: 'react'
+    },
+    'nx-webpack-mf': {
+        label: 'React + Nx + Webpack',
+        hint: 'React applications with Module Federation, using Nx as Monorepo manager and Webpack as the bundler.',
+        framework: 'react'
+    },
+    'ng-nx': {
+        label: 'Angular app with Nx',
+        hint: 'An Angular application with Nx as Monorepo manager.',
+        framework: 'angular'
+    },
+    'qwik-1.5': {
+        label: 'Qwik + Vite',
+        hint: 'A Qwik v1.5 app using Vite as the bundler.',
+        framework: 'qwik'
+    },
+    'react-rspack-tractor-2.0': {
+        label: 'React + Rspack + Tractor 2.0',
+        hint: 'A React application using Rspack as the bundler and Tractor 2.0 as the module federation manager.',
+        framework: 'react'
+    },
+    'turbo-rspack-mf': {
+        label: 'Turbo + Rspack + Module Federation',
+        hint: 'A monorepo using Turborepo, React, and Rspack as the bundler.',
+        framework: 'react'
+    }
+}
+
+export { REPO_OWNER, REPO_NAME, REPACK_REPO, BASE_REPO, REPACK_REPO_PATH, TEMPLATES };

package/package/utils/end.ts

@@ -0,0 +1,37 @@
+import { CLIOptions } from './types';
+import c from 'chalk';
+import { exec } from 'child_process';
+import { note } from '@clack/prompts';
+
+export default function end_note({ project }: { project: CLIOptions }) {
+  try {
+    exec(`${project.path} && git config user.name`, (err, stdout, stderr) => {
+      console.log(stdout);
+
+      const user_name = stdout.toString().trim();
+
+      const repo_name = project.path.split('/').pop();
+
+      let next_steps;
+
+      if (project.type === 'web') {
+        next_steps = `cd ${repo_name}        \npnpm install\ngit remote add origin https://github.com/${user_name ?? 'YourUsername'}/${repo_name}.git\npnpm run build`;
+      } else {
+        next_steps = `cd ${repo_name}        \npnpm install\nrm -rf .git\ngit remote set origin https://github.com/${user_name.length >= 1 ? user_name : 'YourUsername'}/${repo_name}.git\npnpm run build`;
+      }
+
+      note(next_steps, 'Next steps.');
+    });
+  } catch (error) {
+    console.error(error);
+  } finally {
+    const end_notes = [
+      `Discord: ${c.underline(c.cyan('https://zephyr-cloud.io/discord'))}`,
+      `Documentation: ${c.underline(c.cyan('https://zephyr-cloud.io/docs'))}`,
+      `Open an issue: ${c.underline(c.cyan('https://github.com/ZephyrCloudIO/create-zephyr-apps/issues'))}`,
+    ];
+
+    note(Object.values(end_notes).join('\n'), 'Problems?');
+  }
+}
+

package/package/utils/types.ts

@@ -0,0 +1,32 @@
+export interface GithubTreeItem {
+  path: string;
+  type: 'tree' | 'blob';
+}
+
+export interface ExampleMetadata {
+  name: string;
+  description: string;
+  path: string;
+}
+
+export interface WebCreationOptions {
+  path: string;
+  template: string;
+  framework: string;
+}
+
+export interface ReactNativeCreationOptions {
+  path: string;
+  // host_name: string;
+  //  remote_names: string[];
+}
+
+export interface CLIOptions {
+  path: string;
+  type: 'web' | 'react-native';
+  /** At the moment, if users opt for  web they will only be asked for a template without host name and remote_name */
+  templates: string | undefined;
+  //host_name: string | undefined;
+  //remote_names: string[] | undefined;
+  install: boolean;
+}

package/package.json

@@ -1,12 +1,50 @@
 {
   "name": "create-zephyr-apps",
-  "version": "0.0.0",
-  "main": "index.js",
+  "module": "./src/index.ts",
+  "version": "0.0.2",
+  "type": "module",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "rslib build",
+    "dev": "tsx package/index.ts"
   },
-  "keywords": [],
-  "author": "Lois Z. <loisisar@outlook.com> (https://loiszhao.com/)",
-  "license": "MIT",
-  "description": ""
+  "author": {
+    "name": "ZephyrCloudIO",
+    "url": "https://github.com/ZephyrCloudIO"
+  },
+  "bin": {
+    "create-zephyr-apps": "./dist/index.mjs"
+  },
+  "dependencies": {
+    "@clack/core": "^0.4.1",
+    "@clack/prompts": "^0.9.1",
+    "chalk": "^5.4.1",
+    "picocolors": "^1.1.1",
+    "tempy": "^3.1.0"
+  },
+  "devDependencies": {
+    "@rslib/core": "^0.3.2",
+    "@types/degit": "^2.8.6",
+    "@types/node": "^22.10.7",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.19.2",
+    "typescript": "^5.7.3"
+  },
+  "peerDependencies": {
+    "typescript": "^5.0.0"
+  },
+  "packageManager": "pnpm@9.15.0",
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "zephyr",
+    "create-zephyr-apps",
+    "zephyr-apps",
+    "zephyr-cli",
+    "zephyr-example",
+    "zephyr-template",
+    "example",
+    "template"
+  ]
 }
+

package/rslib.config.ts

@@ -0,0 +1,42 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+    source: {
+        entry: {
+            index: './package/index.ts',
+        }
+    },
+    lib: [
+        {
+            format: 'cjs',
+            autoExtension: false,
+            syntax: 'es2020',
+            dts: {
+                build: true,
+            },
+            output: {
+                target: 'node',
+                filename: {
+                    js: '[name].cjs',
+                },
+                cleanDistPath: true,
+            },
+        },
+        {
+            format: 'esm',
+            autoExtension: false,
+            syntax: 'es2020',
+            dts: {
+                build: true,
+            },
+            output: {
+                target: 'node',
+                filename: {
+                    js: '[name].mjs',
+                },
+                cleanDistPath: true,
+            },
+        }
+    ],
+
+});

package/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    // Enable latest features
+    "lib": ["ESNext"],
+    "target": "ES2020",
+    "module": "ES2020",
+    "moduleDetection": "force",
+
+  //"jsx": "react-jsx",
+    "allowJs": true,
+
+    // Bundler mode
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "allowImportingTsExtensions": true,
+    //"verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    // Best practices
+    "strict": true,
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+
+    // Some stricter flags (disabled by default)
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noPropertyAccessFromIndexSignature": false, 
+    "outDir": "./dist",
+    "types": ["node"]
+  }
+}