vyriy 0.5.0 → 0.5.2

package/commands/create/preset/mfe.js

@@ -124,12 +124,11 @@ const projectFiles = {
     'packages/components/styles.scss': "@use './avatar/styles' as avatar;\n@use './badge/styles' as badge;\n@use './button-link/styles' as button-link;\n@use './card/styles' as card;\n@use './icon-link/styles' as icon-link;\n@use './profile-card/styles' as profile-card;\n@use './profile-details/styles' as profile-details;\n@use './profile-header/styles' as profile-header;\n@use './profile-links/styles' as profile-links;\n@use './profile-meta/styles' as profile-meta;\n@use './profile-tags/styles' as profile-tags;\n",
     'packages/env/doc.mdx': "import { Meta, Markdown } from '@storybook/addon-docs/blocks';\nimport ReadMe from './README.md?raw';\n\n<Meta title=\"Packages/Env\" />\n\n<Markdown>{ReadMe}</Markdown>\n",
     'packages/env/env.test.ts': "import { afterEach, describe, expect, it } from '@jest/globals';\n\nimport { getApi, getCdn, getMode, getTag, getUi } from './env.js';\n\ndescribe('env getters', () => {\n  afterEach(() => {\n    delete process.env.API;\n    delete process.env.CDN;\n    delete process.env.MODE;\n    delete process.env.TAG;\n    delete process.env.UI;\n  });\n\n  it('reads required environment values', () => {\n    process.env.API = 'http://localhost:3000';\n    process.env.CDN = 'http://localhost:3001';\n    process.env.MODE = 'open';\n    process.env.TAG = 'vyriy-profile-card';\n    process.env.UI = 'http://localhost:3002';\n\n    expect(getApi()).toBe('http://localhost:3000');\n    expect(getCdn()).toBe('http://localhost:3001');\n    expect(getMode()).toBe('open');\n    expect(getTag()).toBe('vyriy-profile-card');\n    expect(getUi()).toBe('http://localhost:3002');\n  });\n\n  it('throws when a required environment value is missing', () => {\n    expect(() => getUi()).toThrow('Environment variable UI is not defined!');\n  });\n});\n",
-    'packages/env/env.ts': "import type { GetEnv, GetMode } from './types.js';\n\nconst getEnv = (name: string, value: string | undefined): string => {\n  if (value === undefined) {\n    throw new Error(`Environment variable ${name} is not defined!`);\n  }\n\n  return value;\n};\n\n/** Reads the configured custom element tag name. */\nexport const getTag: GetEnv = () => getEnv('TAG', process.env.TAG);\n\n/** Reads the configured shadow DOM mode. */\nexport const getMode: GetMode = () => getEnv('MODE', process.env.MODE) as ReturnType<GetMode>;\n\n/** Reads the API origin used for server endpoints. */\nexport const getApi: GetEnv = () => getEnv('API', process.env.API);\n\n/** Reads the CDN origin used for static assets. */\nexport const getCdn: GetEnv = () => getEnv('CDN', process.env.CDN);\n\n/** Reads the UI origin used for browser assets. */\nexport const getUi: GetEnv = () => getEnv('UI', process.env.UI);\n",
+    'packages/env/env.ts': "import { getEnv } from '@vyriy/env';\n\n/** Reads the configured custom element tag name. */\nexport const getTag = () => getEnv('TAG');\n\n/** Reads the configured shadow DOM mode. */\nexport const getMode = () => getEnv('MODE');\n\n/** Reads the API origin used for server endpoints. */\nexport const getApi = () => getEnv('API');\n\n/** Reads the CDN origin used for static assets. */\nexport const getCdn = () => getEnv('CDN');\n\n/** Reads the UI origin used for browser assets. */\nexport const getUi = () => getEnv('UI');\n",
     'packages/env/index.test.ts': "import { afterEach, describe, expect, it } from '@jest/globals';\n\nimport * as publicApi from './index.js';\n\nconst ENV_NAMES = [\n  'TAG',\n  'MODE',\n  'API',\n  'CDN',\n  'UI',\n] as const;\n\nconst clearEnv = () => {\n  for (const name of ENV_NAMES) {\n    delete process.env[name];\n  }\n};\n\ndescribe('env public API', () => {\n  afterEach(() => {\n    clearEnv();\n  });\n\n  it('exports env getters', () => {\n    expect(publicApi.getTag).toBeDefined();\n    expect(publicApi.getMode).toBeDefined();\n    expect(publicApi.getApi).toBeDefined();\n    expect(publicApi.getCdn).toBeDefined();\n    expect(publicApi.getUi).toBeDefined();\n  });\n\n  it('reads environment variables by public getter name', () => {\n    process.env.TAG = 'vyriy-profile-card';\n    process.env.MODE = 'open';\n    process.env.API = 'http://localhost:3000';\n    process.env.CDN = 'http://localhost:3001';\n    process.env.UI = 'http://localhost:3002';\n\n    expect(publicApi.getTag()).toBe('vyriy-profile-card');\n    expect(publicApi.getMode()).toBe('open');\n    expect(publicApi.getApi()).toBe('http://localhost:3000');\n    expect(publicApi.getCdn()).toBe('http://localhost:3001');\n    expect(publicApi.getUi()).toBe('http://localhost:3002');\n  });\n\n  it('throws when a required environment variable is missing', () => {\n    clearEnv();\n\n    expect(() => publicApi.getApi()).toThrow('Environment variable API is not defined!');\n  });\n});\n",
-    'packages/env/index.ts': "export * from './env.js';\nexport type * from './types.js';\n",
+    'packages/env/index.ts': "export * from './env.js';\n",
     'packages/env/package.json': '{\n  "name": "@p/env",\n  "type": "module",\n  "private": true\n}\n',
     'packages/env/README.md': '# @p/env\n\nRequired environment readers shared by API and UI workspaces.\n\n## Exports\n\n- `getTag()` reads `TAG`.\n- `getMode()` reads `MODE`.\n- `getApi()` reads `API`.\n- `getCdn()` reads `CDN`.\n- `getUi()` reads `UI`.\n\nEach getter throws when its environment variable is missing.\n',
-    'packages/env/types.ts': "/** Reads a required string environment variable. */\nexport type GetEnv = () => string | never;\n\n/** Reads the required declarative shadow DOM mode. */\nexport type GetMode = () => 'open' | 'closed' | never;\n",
     'packages/event/constants.test.ts': "import { describe, expect, it } from '@jest/globals';\n\nimport { PROFILE_CARD_ANALYTICS_EVENT_NAME, PROFILE_CARD_SELECT_EVENT_NAME } from './constants.js';\n\ndescribe('event constants', () => {\n  it('matches the manifest event names', () => {\n    expect(PROFILE_CARD_ANALYTICS_EVENT_NAME).toBe('openmfe.analytics');\n    expect(PROFILE_CARD_SELECT_EVENT_NAME).toBe('vyriy-profile-card.select');\n  });\n});\n",
     'packages/event/constants.ts': "/** Custom event emitted when the profile card is selected. */\nexport const PROFILE_CARD_SELECT_EVENT_NAME = 'vyriy-profile-card.select';\n\n/** Standard OpenMFE analytics event emitted for profile-card interactions. */\nexport const PROFILE_CARD_ANALYTICS_EVENT_NAME = 'openmfe.analytics';\n",
     'packages/event/doc.mdx': "import { Meta, Markdown } from '@storybook/addon-docs/blocks';\nimport ReadMe from './README.md?raw';\n\n<Meta title=\"Packages/Event\" />\n\n<Markdown>{ReadMe}</Markdown>\n",
@@ -159,7 +158,7 @@ const projectFiles = {
     'workspaces/api/README.md': '# app API\n\nCalm cloud-ready application\n',
     'workspaces/api/webpack.config.ts': "import { EnvironmentPlugin } from 'webpack';\nimport { path } from '@vyriy/path';\nimport { ssr, external } from '@vyriy/webpack-config';\n\nexport default ssr(\n  '@w/api',\n  {\n    path: path('dist', 'api'),\n    filename: 'index.js',\n    library: { type: 'commonjs2' },\n  },\n  (config) => ({\n    ...config,\n    externals: [external({ allowlist: [/^@p/, /^@w/, /^@vyriy/] })],\n    plugins: [\n      ...(config.plugins ?? []),\n      new EnvironmentPlugin([\n        'API',\n        'CDN',\n        'MODE',\n        'TAG',\n        'UI',\n      ]),\n    ],\n  }),\n);\n",
     'workspaces/env.sh': '#!/usr/bin/env sh\n\n: "${API_PORT:=3000}"\n: "${CDN_PORT:=3001}"\n: "${UI_PORT:=3002}"\n: "${API:=http://localhost:$API_PORT}"\n: "${CDN:=http://localhost:$CDN_PORT}"\n: "${UI:=http://localhost:$UI_PORT}"\n: "${TAG:=vyriy-profile-card}"\n: "${MODE:=open}"\n\nexport API_PORT\nexport CDN_PORT\nexport UI_PORT\nexport API\nexport CDN\nexport UI\nexport TAG\nexport MODE\n',
-    'workspaces/static/bin/build.sh': '#!/usr/bin/env sh\n\nset -e\n\nscriptdir="$PWD/workspaces/static";\ndistdir="$PWD/dist/ui";\n\n. "$PWD/workspaces/env.sh"\n\ncp -R $scriptdir/public/* $distdir/\n',
+    'workspaces/static/bin/build.sh': '#!/usr/bin/env sh\n\nset -e\n\nscriptdir="$PWD/workspaces/static";\ndistdir="$PWD/dist/cdn";\n\ncp -R $scriptdir/public/* $distdir/\n',
     'workspaces/static/bin/start.sh': '#!/usr/bin/env sh\n\nset -e\n\nscriptdir="$PWD/workspaces/static";\n\n. "$PWD/workspaces/env.sh"\n\nnpx serve --cors -p $CDN_PORT $scriptdir/public\n',
     'workspaces/static/doc.mdx': "import { Meta, Markdown } from '@storybook/addon-docs/blocks';\nimport ReadMe from './README.md?raw';\n\n<Meta title=\"Workspaces/Static\" />\n\n<Markdown>{ReadMe}</Markdown>\n",
     'workspaces/static/package.json': '{\n  "name": "@w/static",\n  "type": "module",\n  "private": true\n}\n',
@@ -177,89 +176,88 @@ const projectFiles = {
     'workspaces/ui/README.md': '# @w/ui\n\nDemo entry point.\n',
     'workspaces/ui/webpack.config.ts': "import { EnvironmentPlugin } from 'webpack';\n\nimport { csr, html } from '@vyriy/webpack-config';\nimport { path } from '@vyriy/path';\n\nexport default csr(\n  '@w/ui',\n  {\n    path: path('dist', 'cdn'),\n    filename: 'index.js',\n  },\n  (config) => ({\n    ...config,\n    plugins: [\n      ...(config.plugins ?? []),\n      new EnvironmentPlugin(['API', 'CDN', 'UI']),\n      html(\n        {\n          htmlAttributes: 'lang=\"en\"',\n          title: '<title>Demo</title>',\n          meta: '<meta charset=\"utf-8\" /><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />',\n          body: '<vyriy-profile-card name=\"Developer\" title=\"Senior IT Professional\" avatarUrl=\"http://localhost:3001/avatar.svg\"></vyriy-profile-card>',\n          script: [\n            '<script defer=\"defer\" src=\"/index.js\"></script>',\n            [\n              '<script type=\"module\">',\n              \"const card = document.querySelector('vyriy-profile-card');\",\n              \"card.addEventListener('vyriy-profile-card.select', (event) => {\",\n              \"  console.log('UI demo event:', event.detail);\",\n              '});',\n              '</scr' + 'ipt>',\n            ].join(''),\n          ].join(''),\n        },\n        { inject: false },\n      ),\n    ],\n  }),\n);\n",
 };
-export const mfe = {
-    files: (options) => ({
-        ...base.files(options),
-        ...projectFiles,
-        'package.json': JSON.stringify({
-            name: options.name,
-            version: '0.0.0',
-            description: options.description,
-            private: true,
-            type: 'module',
-            agents: './AGENTS.md',
-            packageManager: packageJson.packageManager,
-            engines: {
-                node: packageJson.engines.node,
-            },
-            workspaces: [
-                'packages/*',
-                'workspaces/*',
-            ],
-            scripts: {
-                storybook: 'cross-env STORYBOOK_DISABLE_TELEMETRY=1 storybook dev -p 6006 --disable-telemetry',
-                check: 'run-s lint build test',
-                fix: "run-s 'fix:*'",
-                start: "run-p 'start:*'",
-                lint: "run-s 'lint:*'",
-                build: "run-s 'build:*'",
-                test: "run-s 'test:*'",
-                'fix:prettier': 'prettier . --write',
-                'fix:eslint': 'eslint . --fix',
-                'fix:stylelint': "stylelint '**/*.{css,scss}' --fix",
-                'start:api': 'sh workspaces/api/bin/start.sh',
-                'start:static': 'sh workspaces/static/bin/start.sh',
-                'start:ui': 'sh workspaces/ui/bin/start.sh',
-                'lint:ts': 'tsc',
-                'lint:prettier': 'prettier . --check',
-                'lint:eslint': 'eslint .',
-                'lint:stylelint': "stylelint '**/*.{css,scss}'",
-                'build:api': 'sh workspaces/api/bin/build.sh',
-                'build:static': 'sh workspaces/api/bin/build.sh',
-                'build:ui': 'sh workspaces/ui/bin/build.sh',
-                'build:storybook': 'cross-env STORYBOOK_DISABLE_TELEMETRY=1 storybook build --quiet --disable-telemetry',
-                'test:jest': 'jest',
-                prebuild: 'rimraf dist',
-                postinstall: 'husky',
-            },
-            dependencies: {
-                '@testing-library/dom': packageJson.peerDependencies['@testing-library/dom'],
-                '@testing-library/react': packageJson.peerDependencies['@testing-library/react'],
-                '@types/jest': packageJson.peerDependencies['@types/jest'],
-                '@vyriy/browserslist-config': `^${packageJson.version}`,
-                '@vyriy/cn': `^${packageJson.version}`,
-                '@vyriy/env': `^${packageJson.version}`,
-                '@vyriy/eslint-config': `^${packageJson.version}`,
-                '@vyriy/event': `^${packageJson.version}`,
-                '@vyriy/handler': `^${packageJson.version}`,
-                '@vyriy/html': `^${packageJson.version}`,
-                '@vyriy/jest-config': `^${packageJson.version}`,
-                '@vyriy/path': `^${packageJson.version}`,
-                '@vyriy/prettier-config': `^${packageJson.version}`,
-                '@vyriy/render': `^${packageJson.version}`,
-                '@vyriy/router': `^${packageJson.version}`,
-                '@vyriy/server': `^${packageJson.version}`,
-                '@vyriy/storybook-config': `^${packageJson.version}`,
-                '@vyriy/stylelint-config': `^${packageJson.version}`,
-                '@vyriy/typescript-config': `^${packageJson.version}`,
-                '@vyriy/webpack-config': `^${packageJson.version}`,
-                'cross-env': packageJson.peerDependencies['cross-env'],
-                eslint: packageJson.peerDependencies['eslint'],
-                husky: packageJson.peerDependencies['husky'],
-                jest: packageJson.peerDependencies['jest'],
-                'npm-run-all2': packageJson.peerDependencies['npm-run-all2'],
-                prettier: packageJson.peerDependencies['prettier'],
-                rimraf: packageJson.peerDependencies['rimraf'],
-                serve: packageJson.peerDependencies['serve'],
-                storybook: packageJson.peerDependencies['storybook'],
-                stylelint: packageJson.peerDependencies['stylelint'],
-                tsx: packageJson.peerDependencies['tsx'],
-                typescript: packageJson.peerDependencies['typescript'],
-                webpack: packageJson.peerDependencies['webpack'],
-                'webpack-cli': packageJson.peerDependencies['webpack-cli'],
-            },
-        }, null, 2) + '\n',
-        'README.md': `# ${options.name}
+export const mfe = (options) => ({
+    ...base(options),
+    ...projectFiles,
+    'package.json': JSON.stringify({
+        name: options.name,
+        version: '0.0.0',
+        description: options.description,
+        private: true,
+        type: 'module',
+        agents: './AGENTS.md',
+        packageManager: packageJson.packageManager,
+        engines: {
+            node: packageJson.engines.node,
+        },
+        workspaces: [
+            'packages/*',
+            'workspaces/*',
+        ],
+        scripts: {
+            storybook: 'cross-env STORYBOOK_DISABLE_TELEMETRY=1 storybook dev -p 6006 --disable-telemetry',
+            check: 'run-s lint build test',
+            fix: "run-s 'fix:*'",
+            start: "run-p 'start:*'",
+            lint: "run-s 'lint:*'",
+            build: "run-s 'build:*'",
+            test: "run-s 'test:*'",
+            'fix:prettier': 'prettier . --write',
+            'fix:eslint': 'eslint . --fix',
+            'fix:stylelint': "stylelint '**/*.{css,scss}' --fix",
+            'start:api': 'sh workspaces/api/bin/start.sh',
+            'start:static': 'sh workspaces/static/bin/start.sh',
+            'start:ui': 'sh workspaces/ui/bin/start.sh',
+            'lint:ts': 'tsc',
+            'lint:prettier': 'prettier . --check',
+            'lint:eslint': 'eslint .',
+            'lint:stylelint': "stylelint '**/*.{css,scss}'",
+            'build:api': 'sh workspaces/api/bin/build.sh',
+            'build:ui': 'sh workspaces/ui/bin/build.sh',
+            'build:static': 'sh workspaces/static/bin/build.sh',
+            'build:storybook': 'cross-env STORYBOOK_DISABLE_TELEMETRY=1 storybook build --quiet --disable-telemetry',
+            'test:jest': 'jest',
+            prebuild: 'rimraf dist',
+            postinstall: 'husky',
+        },
+        dependencies: {
+            '@testing-library/dom': packageJson.peerDependencies['@testing-library/dom'],
+            '@testing-library/react': packageJson.peerDependencies['@testing-library/react'],
+            '@types/jest': packageJson.peerDependencies['@types/jest'],
+            '@vyriy/browserslist-config': `^${packageJson.version}`,
+            '@vyriy/cn': `^${packageJson.version}`,
+            '@vyriy/env': `^${packageJson.version}`,
+            '@vyriy/eslint-config': `^${packageJson.version}`,
+            '@vyriy/event': `^${packageJson.version}`,
+            '@vyriy/handler': `^${packageJson.version}`,
+            '@vyriy/html': `^${packageJson.version}`,
+            '@vyriy/jest-config': `^${packageJson.version}`,
+            '@vyriy/path': `^${packageJson.version}`,
+            '@vyriy/prettier-config': `^${packageJson.version}`,
+            '@vyriy/render': `^${packageJson.version}`,
+            '@vyriy/router': `^${packageJson.version}`,
+            '@vyriy/server': `^${packageJson.version}`,
+            '@vyriy/storybook-config': `^${packageJson.version}`,
+            '@vyriy/stylelint-config': `^${packageJson.version}`,
+            '@vyriy/typescript-config': `^${packageJson.version}`,
+            '@vyriy/webpack-config': `^${packageJson.version}`,
+            'cross-env': packageJson.peerDependencies['cross-env'],
+            eslint: packageJson.peerDependencies['eslint'],
+            husky: packageJson.peerDependencies['husky'],
+            jest: packageJson.peerDependencies['jest'],
+            'npm-run-all2': packageJson.peerDependencies['npm-run-all2'],
+            prettier: packageJson.peerDependencies['prettier'],
+            rimraf: packageJson.peerDependencies['rimraf'],
+            serve: packageJson.peerDependencies['serve'],
+            storybook: packageJson.peerDependencies['storybook'],
+            stylelint: packageJson.peerDependencies['stylelint'],
+            tsx: packageJson.peerDependencies['tsx'],
+            typescript: packageJson.peerDependencies['typescript'],
+            webpack: packageJson.peerDependencies['webpack'],
+            'webpack-cli': packageJson.peerDependencies['webpack-cli'],
+        },
+    }, null, 2) + '\n',
+    'README.md': `# ${options.name}
 
 ${options.description}
 
@@ -308,26 +306,21 @@ yarn test
 yarn build
 \`\`\`
 `,
-        'doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
+    'doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
 import ReadMe from './README.md?raw';
 
 <Meta title="${options.name}" />
 
 <Markdown>{ReadMe}</Markdown>
 `,
-        'packages/components/package.json': JSON.stringify({
-            name: '@p/components',
-            type: 'module',
-            private: true,
-        }, null, 2) + '\n',
-        'packages/event/package.json': JSON.stringify({
-            name: '@p/event',
-            type: 'module',
-            private: true,
-        }, null, 2) + '\n',
-    }),
-    ci: {
-        ...base.ci,
-    },
-    deploy: {},
-};
+    'packages/components/package.json': JSON.stringify({
+        name: '@p/components',
+        type: 'module',
+        private: true,
+    }, null, 2) + '\n',
+    'packages/event/package.json': JSON.stringify({
+        name: '@p/event',
+        type: 'module',
+        private: true,
+    }, null, 2) + '\n',
+});

package/commands/create/preset/rest.js

@@ -1,20 +1,19 @@
 import packageJson from '../../../package.json' with { type: 'json' };
 import { base } from './base.js';
 import { apiWorkspaceBaseFiles, baseToolingDeps, buildPackageJson, serverDeps, webpackDeps, workspaceScripts, } from './shared.js';
-export const rest = {
-    files: (options) => ({
-        ...base.files(options),
-        ...apiWorkspaceBaseFiles(options.name, options.description),
-        'package.json': buildPackageJson(options, [
-            'workspaces/*',
-        ], workspaceScripts('api'), {
-            ...baseToolingDeps(),
-            ...webpackDeps(),
-            ...serverDeps(),
-            '@vyriy/router': `^${packageJson.version}`,
-            '@vyriy/html': `^${packageJson.version}`,
-        }),
-        'workspaces/api/index.ts': `import { server } from '@vyriy/server';
+export const rest = (options) => ({
+    ...base(options),
+    ...apiWorkspaceBaseFiles(options.name, options.description),
+    'package.json': buildPackageJson(options, [
+        'workspaces/*',
+    ], workspaceScripts('api'), {
+        ...baseToolingDeps(),
+        ...webpackDeps(),
+        ...serverDeps(),
+        '@vyriy/router': `^${packageJson.version}`,
+        '@vyriy/html': `^${packageJson.version}`,
+    }),
+    'workspaces/api/index.ts': `import { server } from '@vyriy/server';
 import { api } from '@vyriy/handler';
 import { createRouter } from '@vyriy/router';
 import { html, minify } from '@vyriy/html';
@@ -110,7 +109,7 @@ router.get('/', async () => {
 
 server(api(async (event) => router.route(event)));
 `,
-        'workspaces/api/index.test.ts': `import { describe, expect, it, jest } from '@jest/globals';
+    'workspaces/api/index.test.ts': `import { describe, expect, it, jest } from '@jest/globals';
 import type { APIGatewayProxyEvent } from '@vyriy/router';
 
 const apiMock = jest.fn((handler) => ({
@@ -240,9 +239,4 @@ describe('workspaces/api/index.ts', () => {
   });
 });
 `,
-    }),
-    ci: {
-        ...base.ci,
-    },
-    deploy: {},
-};
+});

package/commands/create/preset/spa.js

@@ -1,25 +1,24 @@
 import packageJson from '../../../package.json' with { type: 'json' };
 import { base } from './base.js';
 import { assetsDeclarationFile, baseToolingDeps, buildPackageJson, reactComponentFiles, reactDeps, reactWorkspaceScripts, stylelintConfigFile, stylelintDeps, webpackDeps, } from './shared.js';
-export const spa = {
-    files: (options) => ({
-        ...base.files(options),
-        ...stylelintConfigFile(),
-        ...assetsDeclarationFile(),
-        ...reactComponentFiles(),
-        'package.json': buildPackageJson(options, [
-            'packages/*',
-            'workspaces/*',
-        ], reactWorkspaceScripts('spa'), {
-            ...baseToolingDeps(),
-            ...webpackDeps(),
-            ...reactDeps(),
-            ...stylelintDeps(),
-            '@vyriy/cn': `^${packageJson.version}`,
-            '@vyriy/html': `^${packageJson.version}`,
-            '@vyriy/browserslist-config': `^${packageJson.version}`,
-        }),
-        '.browserslistrc': `[development]
+export const spa = (options) => ({
+    ...base(options),
+    ...stylelintConfigFile(),
+    ...assetsDeclarationFile(),
+    ...reactComponentFiles(),
+    'package.json': buildPackageJson(options, [
+        'packages/*',
+        'workspaces/*',
+    ], reactWorkspaceScripts('spa'), {
+        ...baseToolingDeps(),
+        ...webpackDeps(),
+        ...reactDeps(),
+        ...stylelintDeps(),
+        '@vyriy/cn': `^${packageJson.version}`,
+        '@vyriy/html': `^${packageJson.version}`,
+        '@vyriy/browserslist-config': `^${packageJson.version}`,
+    }),
+    '.browserslistrc': `[development]
 extends @vyriy/browserslist-config
 
 [ssr]
@@ -31,7 +30,7 @@ extends @vyriy/browserslist-config
 [modern]
 extends @vyriy/browserslist-config
 `,
-        'workspaces/spa/bin/build.sh': `#!/usr/bin/env sh
+    'workspaces/spa/bin/build.sh': `#!/usr/bin/env sh
 
 set -e
 
@@ -39,7 +38,7 @@ scriptdir="$PWD/workspaces/spa";
 
 NODE_ENV=production npx webpack --config $scriptdir/webpack.config.ts
 `,
-        'workspaces/spa/bin/start.sh': `#!/usr/bin/env sh
+    'workspaces/spa/bin/start.sh': `#!/usr/bin/env sh
 
 set -e
 
@@ -47,15 +46,15 @@ scriptdir="$PWD/workspaces/spa";
 
 npx webpack serve --open --config $scriptdir/webpack.config.ts
 `,
-        'workspaces/spa/doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
+    'workspaces/spa/doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
 import ReadMe from './README.md?raw';
 
 <Meta title="Workspaces/SPA" />
 
 <Markdown>{ReadMe}</Markdown>
 `,
-        'workspaces/spa/README.md': `# ${options.name} SPA\n\n${options.description}\n`,
-        'workspaces/spa/webpack.config.ts': `import { csr, html } from '@vyriy/webpack-config';
+    'workspaces/spa/README.md': `# ${options.name} SPA\n\n${options.description}\n`,
+    'workspaces/spa/webpack.config.ts': `import { csr, html } from '@vyriy/webpack-config';
 import { path } from '@vyriy/path';
 
 export default csr(
@@ -78,12 +77,12 @@ export default csr(
   },
 );
 `,
-        'workspaces/spa/package.json': JSON.stringify({
-            name: '@w/spa',
-            type: 'module',
-            private: true,
-        }, null, 2) + '\n',
-        'workspaces/spa/index.tsx': `import { createRoot } from 'react-dom/client';
+    'workspaces/spa/package.json': JSON.stringify({
+        name: '@w/spa',
+        type: 'module',
+        private: true,
+    }, null, 2) + '\n',
+    'workspaces/spa/index.tsx': `import { createRoot } from 'react-dom/client';
 
 import { Page } from '@p/components';
 
@@ -91,7 +90,7 @@ import '@p/components/page/styles.scss';
 
 createRoot(document.getElementById('root')!).render(<Page content="Test content" />);
 `,
-        'workspaces/spa/index.test.tsx': `import type { ReactElement, ReactNode } from 'react';
+    'workspaces/spa/index.test.tsx': `import type { ReactElement, ReactNode } from 'react';
 import { describe, expect, it, jest } from '@jest/globals';
 
 const renderMock = jest.fn<(children: ReactNode) => void>();
@@ -130,9 +129,4 @@ describe('workspaces/spa/index.tsx', () => {
   });
 });
 `,
-    }),
-    ci: {
-        ...base.ci,
-    },
-    deploy: {},
-};
+});

package/commands/create/preset/ssg.js

@@ -1,27 +1,26 @@
 import packageJson from '../../../package.json' with { type: 'json' };
 import { base } from './base.js';
 import { assetsDeclarationFile, baseToolingDeps, buildPackageJson, reactComponentFiles, reactDeps, reactServiceFiles, reactWorkspaceScripts, stylelintConfigFile, stylelintDeps, webpackDeps, } from './shared.js';
-export const ssg = {
-    files: (options) => ({
-        ...base.files(options),
-        ...stylelintConfigFile(),
-        ...assetsDeclarationFile(),
-        ...reactComponentFiles(),
-        ...reactServiceFiles(),
-        'package.json': buildPackageJson(options, [
-            'packages/*',
-            'workspaces/*',
-        ], reactWorkspaceScripts('ssg'), {
-            ...baseToolingDeps(),
-            ...webpackDeps(),
-            '@vyriy/script': `^${packageJson.version}`,
-            ...reactDeps(),
-            ...stylelintDeps(),
-            '@vyriy/cn': `^${packageJson.version}`,
-            '@vyriy/html': `^${packageJson.version}`,
-            sass: packageJson.peerDependencies.sass,
-        }),
-        'workspaces/ssg/bin/build.sh': `#!/usr/bin/env sh
+export const ssg = (options) => ({
+    ...base(options),
+    ...stylelintConfigFile(),
+    ...assetsDeclarationFile(),
+    ...reactComponentFiles(),
+    ...reactServiceFiles(),
+    'package.json': buildPackageJson(options, [
+        'packages/*',
+        'workspaces/*',
+    ], reactWorkspaceScripts('ssg'), {
+        ...baseToolingDeps(),
+        ...webpackDeps(),
+        '@vyriy/script': `^${packageJson.version}`,
+        ...reactDeps(),
+        ...stylelintDeps(),
+        '@vyriy/cn': `^${packageJson.version}`,
+        '@vyriy/html': `^${packageJson.version}`,
+        sass: packageJson.peerDependencies.sass,
+    }),
+    'workspaces/ssg/bin/build.sh': `#!/usr/bin/env sh
 
 set -e
 
@@ -35,7 +34,7 @@ cp $scriptdir/package.json "$distdir/package.json"
 npm pkg delete "type" --prefix "$distdir"
 npm pkg delete "private" --prefix "$distdir"
 `,
-        'workspaces/ssg/bin/start.sh': `#!/usr/bin/env sh
+    'workspaces/ssg/bin/start.sh': `#!/usr/bin/env sh
 
 set -e
 
@@ -47,15 +46,15 @@ yarn exec sass packages/components/page/styles.scss "$distdir/styles.css" --no-s
 
 PROJECT_CWD="$distdir" NODE_ENV=production LOG_LEVEL=info "$PWD/node_modules/.bin/tsx" $scriptdir/index.tsx
 `,
-        'workspaces/ssg/doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
+    'workspaces/ssg/doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
 import ReadMe from './README.md?raw';
 
 <Meta title="Workspaces/SSG" />
 
 <Markdown>{ReadMe}</Markdown>
 `,
-        'workspaces/ssg/README.md': `# ${options.name} SSG\n\n${options.description}\n`,
-        'workspaces/ssg/webpack.config.ts': `import { path } from '@vyriy/path';
+    'workspaces/ssg/README.md': `# ${options.name} SSG\n\n${options.description}\n`,
+    'workspaces/ssg/webpack.config.ts': `import { path } from '@vyriy/path';
 import { ssr, external } from '@vyriy/webpack-config';
 
 export default ssr(
@@ -71,12 +70,12 @@ export default ssr(
   }),
 );
 `,
-        'workspaces/ssg/package.json': JSON.stringify({
-            name: '@w/ssg',
-            type: 'module',
-            private: true,
-        }, null, 2) + '\n',
-        'workspaces/ssg/index.tsx': `import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+    'workspaces/ssg/package.json': JSON.stringify({
+        name: '@w/ssg',
+        type: 'module',
+        private: true,
+    }, null, 2) + '\n',
+    'workspaces/ssg/index.tsx': `import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { renderToString } from 'react-dom/server';
 
 import { script } from '@vyriy/script';
@@ -108,7 +107,7 @@ void script(async () => {
   );
 });
 `,
-        'workspaces/ssg/index.test.tsx': `import { describe, expect, it, jest } from '@jest/globals';
+    'workspaces/ssg/index.test.tsx': `import { describe, expect, it, jest } from '@jest/globals';
 
 const getContentMock = jest.fn(() =>
   Promise.resolve({
@@ -169,9 +168,4 @@ describe('workspaces/ssg/index.tsx', () => {
   });
 });
 `,
-    }),
-    ci: {
-        ...base.ci,
-    },
-    deploy: {},
-};
+});