create-zephyr-apps 0.0.7 → 0.0.39

package/package/index.ts

@@ -1,191 +0,0 @@
-#!/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',
-              hint: 'You will be choosing from a selection of templates provided by us.',
-            },
-            {
-              value: 'react-native',
-              label: 'React Native',
-              hint: 'This is a comprehensive example project provided by us. 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()
-  s.start(c.cyan(`Creating project in ${project_path}`))
-  if (project.type === 'web') {
-
-
-    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') {
-
-
-    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

@@ -1,68 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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(`git config user.name`, (err, stdout, stderr) => {
-      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}`,
-          `pnpm install`,
-          `rm -rf .git`,
-          `git init`,
-          `git remote add origin https://github.com/${user_name.length >= 1 ? user_name : 'YourUsername'}/${repo_name}.git`,
-          `git add .`,
-          `git commit -m "Initial commit"`,
-          `pnpm run build`,
-        ];
-      } else {
-        next_steps = [
-          `cd ${repo_name}`,
-          `pnpm install`,
-          `rm -rf .git`,
-          `git init`,
-          c.magenta(`git remote add origin https://github.com/${user_name.length >= 1 ? user_name : 'YourUsername'}/${repo_name}.git`),
-          `git add .`,
-          `git commit -m "Initial commit"`,
-          `ZC=1 pnpm run start`,
-          `\n--------------------------------\n`,
-          `Make your first commit and link it to the remote repository!`,
-          `Read more about how Module Federation works with Zephyr and why steps above are required: ${c.underline(c.cyan('https://docs.zephyr-cloud.io/how-to/mf-guide'))}`,
-        ];
-      }
-
-      note(c.cyan(next_steps.join('\n')), 'Next steps.');
-    });
-  } catch (error) {
-    console.error(error);
-  } finally {
-    const end_notes = [
-      `Discord: ${c.underline(c.cyan('https://zephyr-cloud.io/discord'))}`,
-      `Documentation: ${project.type === 'web' ? c.underline(c.cyan('https://docs.zephyr-cloud.io/recipes')) : c.underline(c.cyan('https://docs.zephyr-cloud.io/recipes/repack-mf'))}`,
-      `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

@@ -1,32 +0,0 @@
-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/rslib.config.ts

@@ -1,42 +0,0 @@
-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

@@ -1,31 +0,0 @@
-{
-  "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"]
-  }
-}