@component-hook/create-app 1.4.4 → 1.5.0

package/{template-shared/LICENSE → LICENSE}

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c)
+Copyright (c) 2023 Tzuyi 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -3,7 +3,7 @@
 Scaffolding a basic `typescript` project.
 
 > **Compatibility Note:**
-> Requires [Node.js](https://nodejs.org/en/) version 20.19+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.
+> Requires [Node.js](https://nodejs.org/en/) version 20.19.6+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.
 
 <p>
   <a href="https://npm-stat.com/charts.html?package=@component-hook/create-app">

package/dist/index.mjs

@@ -8,7 +8,6 @@ import minimist from "minimist";
 import ora from "ora";
 import colors from "picocolors";
 import prompts from "prompts";
-
 //#region src/constants.ts
 const DEFAULT_PROJECT_NAME = "basic-project";
 const TEMPLATES = ["vue", "react"];
@@ -19,7 +18,6 @@ const CI = [
 	"gitlab-ci",
 	"none"
 ];
-
 //#endregion
 //#region src/utils.ts
 function formatTargetDir(targetDir) {
@@ -69,7 +67,6 @@ function getCiArtContent(ci = "") {
 	if (!ciName) return "";
 	return `- **CI/CD**: Integrates \`${ciName}\` for automated testing and deployment.`;
 }
-
 //#endregion
 //#region src/prompts.ts
 function builtinTemplate(template) {
@@ -141,7 +138,7 @@ function operationPrompts({ targetDir, template, ci }) {
 		{
 			type: builtinTemplate(template) ? null : "select",
 			name: "framework",
-			message: template ? styleTitle(`${colors.red(template)} isn't a valid template. Please choose from below:`) : styleTitle("Select a framework:"),
+			message: styleTitle(template ? `${colors.red(template)} isn't a valid template. Please choose from below:` : "Select a framework:"),
 			initial: 0,
 			choices: [{
 				title: colors.green("Vue"),
@@ -154,7 +151,7 @@ function operationPrompts({ targetDir, template, ci }) {
 		{
 			type: checkCi(ci) ? null : "select",
 			name: "ci",
-			message: ci ? styleTitle(`${colors.red(ci)} isn't a valid CI/CD. Please choose from below:`) : styleTitle("Choose CI/CD:"),
+			message: styleTitle(ci ? `${colors.red(ci)} isn't a valid CI/CD. Please choose from below:` : "Choose CI/CD:"),
 			choices: [
 				{
 					title: "GitHub Actions",
@@ -173,7 +170,6 @@ function operationPrompts({ targetDir, template, ci }) {
 		}
 	], { onCancel });
 }
-
 //#endregion
 //#region src/index.ts
 const cwd = process.cwd();
@@ -223,9 +219,9 @@ async function writePackageJson(root, dir, packageName) {
 }
 async function copyFolder(root, dir, packageName, ci) {
 	const files = await readdir(dir);
-	const ignoreFiles = new Set(["package.json", ...ciFilters[ci] || ciFilters.none]);
+	const ignoreFiles = /* @__PURE__ */ new Set(["package.json", ...ciFilters[ci] || ciFilters.none]);
 	const filterFiles = files.filter((file) => !ignoreFiles.has(file));
-	const rewriteOrCopyFile = (file) => {
+	const rewriteOrCopyFile = async (file) => {
 		const targetPath = path.join(root, renameFiles?.[file] ?? file);
 		const templatePath = path.join(dir, file);
 		if (file.endsWith(".art")) {
@@ -240,8 +236,10 @@ async function copyFolder(root, dir, packageName, ci) {
 		}
 		if (statSync(templatePath).isDirectory()) {
 			const rewriteOrCopySubFilePromises = readdirSync(templatePath).map((subFile) => rewriteOrCopyFile(path.join(file, subFile)));
-			return Promise.all(rewriteOrCopySubFilePromises).then(() => {});
-		} else return copy(templatePath, targetPath);
+			await Promise.all(rewriteOrCopySubFilePromises);
+			return;
+		}
+		return copy(templatePath, targetPath);
 	};
 	return Promise.all(filterFiles.map((file) => rewriteOrCopyFile(file)));
 }
@@ -272,12 +270,13 @@ async function createApp() {
 	const filePath = fileURLToPath(import.meta.url);
 	const sharedDir = path.resolve(filePath, "../..", "template-shared");
 	const templateDir = path.resolve(filePath, "../..", `template-${framework}`);
-	Promise.all([
-		copyFolder(root, sharedDir, packageName, ciName),
-		copyFolder(root, templateDir, packageName, ciName),
-		writePackageJson(root, templateDir, packageName),
-		new Promise((resolve) => setTimeout(resolve, 300))
-	]).then(() => {
+	try {
+		await Promise.all([
+			copyFolder(root, sharedDir, packageName, ciName),
+			copyFolder(root, templateDir, packageName, ciName),
+			writePackageJson(root, templateDir, packageName),
+			new Promise((resolve) => setTimeout(resolve, 300))
+		]);
 		const cdProjectName = path.relative(cwd, root);
 		const formattedCdProjectName = cdProjectName.includes(" ") ? `"${cdProjectName}"` : cdProjectName;
 		spinner.succeed(`${colors.green("Scaffolded project in")} ${colors.yellow(root)}`);
@@ -291,13 +290,17 @@ async function createApp() {
 			console.log(colors.cyan(`  ${pkgManager} run dev`));
 		}
 		console.log();
-	}).catch(() => {
+	} catch {
 		spinner.fail(colors.red("Failed to scaffold project"));
-	});
+	}
 }
-createApp().catch((error) => {
-	console.error(colors.red(error.message));
-});
-
+async function bootstrap() {
+	try {
+		await createApp();
+	} catch (error) {
+		console.error(colors.red(error instanceof Error ? error.message : String(error)));
+	}
+}
+bootstrap();
 //#endregion
-export {  };
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@component-hook/create-app",
   "type": "module",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "description": "Scaffolding a basic typescript project",
   "author": "Tzuyi",
   "license": "MIT",
@@ -26,10 +26,10 @@
     "node": ">=20.19.6"
   },
   "dependencies": {
-    "art-template": "^4.13.4",
-    "fs-extra": "^11.3.3",
+    "art-template": "^4.13.7",
+    "fs-extra": "^11.3.6",
     "minimist": "^1.2.8",
-    "ora": "^9.3.0",
+    "ora": "^9.4.1",
     "picocolors": "^1.1.1",
     "prompts": "^2.4.2"
   },

package/template-react/.vscode/extensions.json

@@ -1,9 +0,0 @@
-{
-  "recommendations": [
-    "bradlc.vscode-tailwindcss",
-    "esbenp.prettier-vscode",
-    "csstools.postcss",
-    "cpylua.language-postcss",
-    "streetsidesoftware.code-spell-checker"
-  ]
-}

package/template-react/.vscode/settings.json

@@ -1,18 +0,0 @@
-{
-  "editor.tabSize": 2,
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-
-  "[json]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-
-  "debug.javascript.autoAttachFilter": "smart",
-
-  "typescript.tsdk": "node_modules/typescript/lib",
-
-  "workbench.editor.splitInGroupLayout": "vertical",
-  "terminal.integrated.shellIntegration.enabled": true,
-
-  "cSpell.words": ["dotenv", "unplugin", "Sonarjs", "typecheck", "pxtorem", "norem", "partialize"]
-}

package/template-react/README.md.art

@@ -1,84 +0,0 @@
-# {{projectName}}
-
-This project is built with [react](https://react.dev/) + [vite](https://vite.dev/), using [pnpm](https://pnpm.io/) for package management and [zustand](https://zustand-demo.pmnd.rs/) for state management.
-
-## Features
-
-- **Development Experience**: Written in [typeScript](https://www.typescriptlang.org/), styled with [tailwindcss](https://tailwindcss.com/), and structured with [react-router-dom](https://reactrouter.com/), and [react-i18next](https://react.i18next.com/). Supports SVGs ([vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons)).
-- **API & Mocking**: Handles requests with [axios](https://axios-http.com/docs/intro) and mocks APIs using [msw](https://mswjs.io/).
-- **Code Quality**: Enforces standards with [eslint](https://eslint.org/) and [prettier](https://prettier.io/), with [husky](https://www.npmjs.com/package/husky), [commitlint](https://commitlint.js.org/#/), and [lint-staged](https://github.com/okonet/lint-staged) for commit validation.
-- **Testing**: Uses [vitest](https://vitest.dev/) + [testing-library](https://testing-library.com/) for unit testing and [playwright](https://playwright.dev/) for E2E testing.
-- **Optimization**: Compresses CSS with [cssnano](https://cssnano.github.io/cssnano/), converts units with [postcss-pxtorem](https://www.npmjs.com/package/postcss-pxtorem), convert modern CSS into something most browsers can understand with [postcss-preset-env](https://www.npmjs.com/package/postcss-preset-env), and analyzes assets with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer).
-{{ciContent}}
-
-## Code Features / Opinions
-
-- Project root aliased as `@` to `<project_root>/src`
-- ESlint plugin use [@component-hook/eslint-plugin](https://www.npmjs.com/package/@component-hook/eslint-plugin?activeTab=readme)
-- if encounter npx: command not found, can execute `ln -s $(which npx) /usr/local/bin/npx` in zsh
-- Predefined and fully typed global variables:
-  - `VITE_APP_VERSION` is read from `package.json` version at build time
-  - `VITE_APP_LAST_COMMIT_HASH` is last commit hash at build time
-  - `VITE_APP_BUILD_EPOCH` is populated as `Date.now()` at build time
-  - `VITE_APP_MOCK` is use mock environment
-
-## Project Files
-
-```text
-src/
-├── __tests__/
-│   ├── __mocks__/
-│   ├── e2e/*
-│   └── unit/*
-├── assets/*
-│   └── svg-icons
-│          └── react.svg
-├── components/
-│   └── common
-│       ├── svg-icon/
-│       │   ├── src
-│       │   │   └── index.tsx
-│       │   └── index.ts
-│       └── index.ts
-├── constants/*
-├── hooks/*
-├── mocks/
-│   ├── handlers/*
-│   │   ├── modules/*
-│   │   └── index.ts
-│   │── browser.ts
-│   └── server.ts
-├── pages/
-│   └── home/
-│       ├── components
-│       │   └── hello-world
-│       │       └── index.tsx
-│       ├── index.module.css
-│       └── index.tsx
-├── plugins/
-│   └── i18n
-│       ├── locales
-│       │   ├── es-US.json
-│       │   └── zh-TW.json
-│       └── index.ts
-├── router/
-│   └── index.tsx
-├── stores/
-│   ├── modules
-│   │   └── config.ts
-│   ├── constants.ts
-│   ├── index.ts
-│   └── middleware.ts
-├── styles/
-│   ├── common/
-|   │   ├── all.css
-|   │   └── button.css
-│   ├── base.css
-│   ├── index.css
-│   └── tailwind.css
-├── types/*
-├── utils/*
-├── App.tsx
-├── vite-env.d.ts
-└── main.tsx
-```

package/template-react/eslint.config.js

@@ -1,18 +0,0 @@
-import componentHookPlugin from '@component-hook/eslint-plugin';
-
-export default [
-  ...componentHookPlugin.configs.basic,
-  ...componentHookPlugin.configs.react,
-  componentHookPlugin.configs.prettier,
-  ...componentHookPlugin.configs.sonarjs,
-  componentHookPlugin.configs.security,
-  ...componentHookPlugin.configs.markdown,
-  {
-    files: ['**/__tests__/unit/**/*.test.[jt]s?(x)'],
-    ...componentHookPlugin.configs['testing-library/react'],
-  },
-  {
-    files: ['**/__tests__/e2e/**/*.spec.[jt]s?(x)'],
-    ...componentHookPlugin.configs.playwright,
-  },
-];

package/template-react/index.html.art

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{projectName}}</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/template-react/lint-staged.config.js

@@ -1,6 +0,0 @@
-/** @type {import('lint-staged').Configuration} */
-
-export default {
-  '*.{ts,tsx}': () => 'pnpm typecheck',
-  '*.{ts,js,tsx,jsx}': () => 'pnpm lint',
-};

package/template-react/package.json

@@ -1,69 +0,0 @@
-{
-  "name": "react-starter",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "packageManager": "pnpm@10.29.2",
-  "scripts": {
-    "dev": "vite",
-    "dev:mock": "MOCK=true vite",
-    "build": "pnpm typecheck && vite build",
-    "lint": "eslint --fix .",
-    "test:unit": "vitest --coverage",
-    "test:e2e": "playwright test --headed",
-    "test:ui-e2e": "playwright test --ui",
-    "test:ci-e2e": "playwright test",
-    "typecheck": "tsc --noEmit",
-    "prepare": "husky",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "axios": "^1.13.5",
-    "i18next": "^25.8.4",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-i18next": "^16.5.4",
-    "react-router-dom": "^7.13.0",
-    "zustand": "^5.0.11"
-  },
-  "optionalDependencies": {
-    "@commitlint/cli": "^20.4.1",
-    "@commitlint/config-conventional": "^20.4.1",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.7"
-  },
-  "devDependencies": {
-    "@component-hook/eslint-plugin": "^1.4.2",
-    "@playwright/test": "^1.58.2",
-    "@tailwindcss/vite": "^4.1.18",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@tsconfig/node24": "^24.0.4",
-    "@types/node": "^22.19.11",
-    "@types/react": "^19.2.13",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react-swc": "^4.2.3",
-    "@vitest/coverage-v8": "^4.0.18",
-    "cssnano": "^7.1.2",
-    "eslint": "^9.39.2",
-    "fast-glob": "^3.3.3",
-    "jsdom": "^28.1.0",
-    "msw": "^2.12.10",
-    "postcss": "^8.5.6",
-    "postcss-preset-env": "^11.1.3",
-    "postcss-pxtorem": "^6.1.0",
-    "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vitest": "^4.0.18"
-  },
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
-  }
-}

package/template-react/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template-react/src/App.tsx

@@ -1,6 +0,0 @@
-import { RouterProvider } from 'react-router-dom';
-import router from './router';
-
-export function App() {
-  return <RouterProvider router={router} />;
-}

package/template-react/src/__tests__/e2e/home.spec.ts

@@ -1,40 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('/');
-});
-
-test('click Vite logo open Vite official website blank tab', async ({ page }) => {
-  const link = page.getByRole('link', { name: /vite logo/i });
-
-  await expect(link).toBeVisible();
-  const [popup] = await Promise.all([page.waitForEvent('popup'), link.evaluate((node: HTMLElement) => node.click())]);
-
-  await popup.waitForLoadState();
-  await expect(popup).toHaveTitle('Vite | Next Generation Frontend Tooling');
-});
-
-test('click React logo open React official website blank tab', async ({ page }) => {
-  await page.addStyleTag({ content: `* { animation: none !important; }` });
-  const link = page.getByLabel(/react link/i);
-
-  await expect(link).toBeVisible();
-  const [popup] = await Promise.all([page.waitForEvent('popup'), link.evaluate((node: HTMLElement) => node.click())]);
-
-  await popup.waitForLoadState();
-  await expect(popup).toHaveTitle('React');
-});
-
-test('homepage count button interact', async ({ page }) => {
-  await page.getByRole('button', { name: 'count is 0' }).click();
-  await expect(page.getByRole('button', { name: 'count is 1' })).toBeVisible();
-  await page.getByRole('button', { name: 'count is 1' }).click();
-  await expect(page.getByRole('button', { name: 'count is 2' })).toBeVisible();
-});
-
-test('locale change interact', async ({ page }) => {
-  await page.getByRole('button', { name: 'English' }).click();
-  await expect(page.getByRole('button', { name: '中文' })).toBeVisible();
-  await page.getByRole('button', { name: '中文' }).click();
-  await expect(page.getByRole('button', { name: 'English' })).toBeVisible();
-});

package/template-react/src/__tests__/unit/pages/home/components/HelloWorld.test.tsx

@@ -1,45 +0,0 @@
-import { screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { renderComponent } from '@/__tests__/unit/render';
-import { HelloWorld } from '@/pages/home/components/hello-world';
-import i18n from '@/plugins/i18n';
-import { useConfigStore } from '@/stores';
-
-describe('home page HelloWorld component', () => {
-  const { t } = i18n;
-
-  it('renders the correct content', () => {
-    const title = 'Hello World!';
-    const { appMeta } = useConfigStore.getState();
-
-    renderComponent(<HelloWorld title={title} />);
-    expect(screen.getByRole('heading', { name: title })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /count is 0/i })).toBeInTheDocument();
-    expect(screen.getByText(/edit/i)).toBeInTheDocument();
-    expect(screen.getByText(/src\/app\.tsx/i)).toBeInTheDocument();
-    expect(screen.getByText(/save to test hmr/i)).toBeInTheDocument();
-    expect(screen.getByText(/click on the vite and react logos to learn more/i)).toBeInTheDocument();
-    expect(screen.getByText(`${appMeta.version} - Built at: ${appMeta.builtAt.toLocaleString()}`)).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: t('language') })).toBeInTheDocument();
-  });
-
-  it('count button interact', async () => {
-    renderComponent(<HelloWorld />);
-    const countButton = screen.getByRole('button', { name: /count is 0/i });
-
-    await userEvent.click(countButton);
-    expect(countButton).toHaveTextContent(/count is 1/i);
-    await userEvent.click(countButton);
-    await userEvent.click(countButton);
-    expect(countButton).toHaveTextContent(/count is 3/i);
-  });
-
-  it('locale change interact', async () => {
-    renderComponent(<HelloWorld />);
-    const localeButton = screen.getByRole('button', { name: t('language') });
-
-    expect(localeButton).toHaveTextContent('English');
-    await userEvent.click(localeButton);
-    expect(localeButton).toHaveTextContent('中文');
-  });
-});

package/template-react/src/__tests__/unit/pages/home/index.test.tsx

@@ -1,19 +0,0 @@
-import { screen } from '@testing-library/react';
-import { renderComponent } from '@/__tests__/unit/render';
-import { Home } from '@/pages/home';
-
-describe('home page', () => {
-  it('renders the correct content', () => {
-    renderComponent(<Home />);
-    const viteLink = screen.getByRole('link', { name: /vite logo/i });
-    const reactLink = screen.getByLabelText(/react link/i);
-
-    expect(viteLink).toHaveAttribute('href', 'https://vite.dev');
-    expect(viteLink).toHaveAttribute('rel', 'noreferrer');
-    expect(viteLink).toHaveAttribute('target', '_blank');
-
-    expect(reactLink).toHaveAttribute('href', 'https://react.dev');
-    expect(reactLink).toHaveAttribute('rel', 'noreferrer');
-    expect(reactLink).toHaveAttribute('target', '_blank');
-  });
-});

package/template-react/src/__tests__/unit/render/index.tsx

@@ -1,15 +0,0 @@
-import { render } from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
-import type { RenderOptions } from '@testing-library/react/types';
-import type { ReactElement, ReactNode } from 'react';
-
-function ProvidersWrapper({ children }: { children: ReactNode }) {
-  return <MemoryRouter>{children}</MemoryRouter>;
-}
-
-export function renderComponent(
-  component: ReactElement,
-  options?: Omit<RenderOptions, 'wrapper'>,
-): ReturnType<typeof render> {
-  return render(component, { wrapper: ProvidersWrapper, ...options });
-}

package/template-react/src/assets/svg-icons/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

package/template-react/src/components/common/index.ts

@@ -1 +0,0 @@
-export * from './svg-icon';

package/template-react/src/components/common/svg-icon/index.ts

@@ -1 +0,0 @@
-export { SvgIcon } from './src/index';

package/template-react/src/components/common/svg-icon/src/index.tsx

@@ -1,23 +0,0 @@
-import type { HTMLAttributes } from 'react';
-
-type Props = HTMLAttributes<SVGElement> & {
-  name: string;
-  prefix?: string;
-  color?: string;
-};
-
-export function SvgIcon({ name, prefix = 'icon', color = '#333', ...props }: Props) {
-  const symbolId = `#${prefix}-${name}`;
-
-  return (
-    <svg
-      {...props}
-      aria-hidden="true"
-    >
-      <use
-        href={symbolId}
-        fill={color}
-      />
-    </svg>
-  );
-}

package/template-react/src/main.tsx

@@ -1,26 +0,0 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import { App } from './App.tsx';
-
-import 'virtual:svg-icons-register';
-import '@/plugins/i18n';
-import '@/styles/index.css';
-
-const root = createRoot(document.querySelector('#root') as HTMLElement);
-const isDev = import.meta.env.DEV;
-
-if (import.meta.env.VITE_APP_MOCK === 'service-worker') {
-  const { worker } = await import('@/mocks/browser');
-
-  worker.start();
-}
-
-if (isDev) {
-  root.render(<App />);
-} else {
-  root.render(
-    <StrictMode>
-      <App />
-    </StrictMode>,
-  );
-}

package/template-react/src/mocks/browser.ts

@@ -1,4 +0,0 @@
-import { setupWorker } from 'msw/browser';
-import { handlers } from './handlers';
-
-export const worker = setupWorker(...handlers);

package/template-react/src/mocks/handlers/index.ts

@@ -1 +0,0 @@
-export const handlers = [];

package/template-react/src/mocks/server.ts

@@ -1,4 +0,0 @@
-import { setupServer } from 'msw/node';
-import { handlers } from './handlers';
-
-export const mswServer = setupServer(...handlers);