vyriy 0.5.2 → 0.5.3

package/commands/create/preset/spa.js

@@ -1,132 +0,0 @@
-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 = (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]
-extends @vyriy/browserslist-config
-
-[production]
-extends @vyriy/browserslist-config
-
-[modern]
-extends @vyriy/browserslist-config
-`,
-    'workspaces/spa/bin/build.sh': `#!/usr/bin/env sh
-
-set -e
-
-scriptdir="$PWD/workspaces/spa";
-
-NODE_ENV=production npx webpack --config $scriptdir/webpack.config.ts
-`,
-    'workspaces/spa/bin/start.sh': `#!/usr/bin/env sh
-
-set -e
-
-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';
-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';
-import { path } from '@vyriy/path';
-
-export default csr(
-  '@w/spa',
-  {
-    path: path('dist', 'spa'),
-    filename: 'index.js',
-  },
-  (config) => {
-    return {
-      ...config,
-      plugins: [
-        ...(config.plugins ?? []),
-        html({
-          title: '<title>SPA</title>',
-          body: '<div id="root"></div>',
-        }),
-      ],
-    };
-  },
-);
-`,
-    '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';
-
-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';
-import { describe, expect, it, jest } from '@jest/globals';
-
-const renderMock = jest.fn<(children: ReactNode) => void>();
-const createRootMock = jest.fn<(container: Element | DocumentFragment) => { render: typeof renderMock }>(() => ({
-  render: renderMock,
-}));
-const PageMock = jest.fn(({ content }: { content: string }) => <div>{content}</div>);
-
-jest.mock('react-dom/client', () => ({
-  createRoot: createRootMock,
-}));
-
-jest.mock('@p/components', () => ({
-  Page: PageMock,
-}));
-
-describe('workspaces/spa/index.tsx', () => {
-  it('mounts the page component into the root element', async () => {
-    document.body.innerHTML = '<div id="root"></div>';
-    const rootElement = document.getElementById('root');
-
-    if (!rootElement) {
-      throw new Error('Expected root element to exist.');
-    }
-
-    await import('./index.js');
-
-    expect(createRootMock).toHaveBeenCalledTimes(1);
-    expect(createRootMock.mock.calls[0]?.[0]).toBe(rootElement);
-    expect(renderMock).toHaveBeenCalledTimes(1);
-
-    const renderedElement = renderMock.mock.calls[0]?.[0] as ReactElement<{ content: string }>;
-
-    expect(renderedElement.type).toBe(PageMock);
-    expect(renderedElement.props.content).toBe('Test content');
-  });
-});
-`,
-});

package/commands/create/preset/ssg.d.ts

@@ -1,2 +0,0 @@
-import { Preset } from './types.js';
-export declare const ssg: Preset;

package/commands/create/preset/ssg.js

@@ -1,171 +0,0 @@
-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 = (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
-
-scriptdir="$PWD/workspaces/ssg";
-distdir="$PWD/dist/ssg";
-
-NODE_ENV=production npx webpack --config $scriptdir/webpack.config.ts
-
-yarn exec sass packages/components/page/styles.scss "$distdir/styles.css" --no-source-map --style=compressed
-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
-
-set -e
-
-scriptdir="$PWD/workspaces/ssg";
-distdir="$PWD/dist/ssg";
-
-mkdir -p "$distdir"
-yarn exec sass packages/components/page/styles.scss "$distdir/styles.css" --no-source-map
-
-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';
-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';
-import { ssr, external } from '@vyriy/webpack-config';
-
-export default ssr(
-  '@w/ssg',
-  {
-    path: path('dist', 'ssg'),
-    filename: 'index.js',
-    library: { type: 'commonjs2' },
-  },
-  (config) => ({
-    ...config,
-    externals: [external({ allowlist: [/^@p/, /^@w/, /^@vyriy/] })],
-  }),
-);
-`,
-    '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';
-import { html, minify } from '@vyriy/html';
-import { path } from '@vyriy/path';
-
-import { cms } from '@p/services/cms';
-import { Page } from '@p/components';
-
-const dashboardStyles = readFileSync(path('styles.css'), 'utf8');
-const staticPath = path('static');
-
-void script(async () => {
-  const content = await cms.getContent();
-
-  mkdirSync(staticPath, { recursive: true });
-
-  writeFileSync(
-    path(staticPath, 'index.html'),
-    minify(
-      html({
-        htmlAttributes: 'lang="en"',
-        title: \`<title>\${content.title}</title>\`,
-        meta: '<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />',
-        style: \`<style>\${dashboardStyles.trim()}</style>\`,
-        body: renderToString(<Page content={content.body} />),
-      }),
-    ),
-  );
-});
-`,
-    'workspaces/ssg/index.test.tsx': `import { describe, expect, it, jest } from '@jest/globals';
-
-const getContentMock = jest.fn(() =>
-  Promise.resolve({
-    title: 'Sample Content',
-    body: 'This is a sample content fetched from the CMS.',
-  }),
-);
-let scriptPromise: Promise<void> | undefined;
-const scriptMock = jest.fn((handler: () => Promise<void>) => {
-  scriptPromise = handler();
-
-  return scriptPromise;
-});
-const nodeFs = jest.requireActual<typeof import('node:fs')>('node:fs');
-const mkdirSyncMock = jest.fn();
-const readFileSyncMock = jest.fn<(path: string | URL, encoding: 'utf8') => string>(
-  () => '.content { display: block; }',
-);
-const writeFileSyncMock = jest.fn();
-
-jest.mock('node:fs', () => ({
-  ...nodeFs,
-  mkdirSync: mkdirSyncMock,
-  readFileSync: readFileSyncMock,
-  writeFileSync: writeFileSyncMock,
-}));
-
-jest.mock('@vyriy/script', () => ({
-  script: scriptMock,
-}));
-
-jest.mock('@p/services/cms', () => ({
-  cms: {
-    getContent: getContentMock,
-  },
-}));
-
-describe('workspaces/ssg/index.tsx', () => {
-  it('generates a static index HTML file', async () => {
-    await import('./index.js');
-    await scriptPromise;
-
-    expect(scriptMock).toHaveBeenCalledTimes(1);
-    expect(readFileSyncMock).toHaveBeenCalledWith(expect.stringContaining('styles.css'), 'utf8');
-    expect(getContentMock).toHaveBeenCalledTimes(1);
-    expect(mkdirSyncMock).toHaveBeenCalledWith(expect.stringContaining('static'), {
-      recursive: true,
-    });
-    expect(writeFileSyncMock).toHaveBeenCalledWith(
-      expect.stringContaining('static/index.html'),
-      expect.stringContaining('<title>Sample Content</title>'),
-    );
-
-    const generatedHtml = writeFileSyncMock.mock.calls[0]?.[1] as string;
-
-    expect(generatedHtml).toContain('<style>.content { display: block; }</style>');
-    expect(generatedHtml).toContain('This is a sample content fetched from the CMS.');
-  });
-});
-`,
-});

package/commands/create/preset/ssr.d.ts

@@ -1,2 +0,0 @@
-import { Preset } from './types.js';
-export declare const ssr: Preset;

package/commands/create/preset/ssr.js

@@ -1,179 +0,0 @@
-import packageJson from '../../../package.json' with { type: 'json' };
-import { base } from './base.js';
-import { assetsDeclarationFile, baseToolingDeps, buildPackageJson, reactComponentFiles, reactDeps, reactServiceFiles, reactWorkspaceScripts, serverDeps, stylelintConfigFile, stylelintDeps, webpackDeps, } from './shared.js';
-export const ssr = (options) => ({
-    ...base(options),
-    ...stylelintConfigFile(),
-    ...assetsDeclarationFile(),
-    ...reactComponentFiles(),
-    ...reactServiceFiles(),
-    'package.json': buildPackageJson(options, [
-        'packages/*',
-        'workspaces/*',
-    ], reactWorkspaceScripts('api'), {
-        ...baseToolingDeps(),
-        ...webpackDeps(),
-        ...serverDeps(),
-        ...reactDeps(),
-        ...stylelintDeps(),
-        '@vyriy/cn': `^${packageJson.version}`,
-        '@vyriy/html': `^${packageJson.version}`,
-        sass: packageJson.peerDependencies.sass,
-    }),
-    'workspaces/api/bin/build.sh': `#!/usr/bin/env sh
-
-set -e
-
-scriptdir="$PWD/workspaces/api";
-distdir="$PWD/dist/api";
-
-NODE_ENV=production npx webpack --config $scriptdir/webpack.config.ts
-
-yarn exec sass packages/components/page/styles.scss "$distdir/styles.css" --no-source-map --style=compressed
-cp $scriptdir/package.json "$distdir/package.json"
-npm pkg delete "type" --prefix "$distdir"
-npm pkg delete "private" --prefix "$distdir"
-`,
-    'workspaces/api/bin/start.sh': `#!/usr/bin/env sh
-
-set -e
-
-scriptdir="$PWD/workspaces/api";
-distdir="$PWD/dist/api";
-
-mkdir -p "$distdir"
-yarn exec sass packages/components/page/styles.scss "$distdir/styles.css" --no-source-map
-
-PROJECT_CWD="$distdir" NODE_ENV=production LOG_LEVEL=info "$PWD/node_modules/.bin/tsx" $scriptdir/index.tsx
-`,
-    'workspaces/api/doc.mdx': `import { Meta, Markdown } from '@storybook/addon-docs/blocks';
-import ReadMe from './README.md?raw';
-
-<Meta title="Workspaces/API" />
-
-<Markdown>{ReadMe}</Markdown>
-`,
-    'workspaces/api/README.md': `# ${options.name} API\n\n${options.description}\n`,
-    'workspaces/api/webpack.config.ts': `import { path } from '@vyriy/path';
-import { ssr, external } from '@vyriy/webpack-config';
-
-export default ssr(
-  '@w/api',
-  {
-    path: path('dist', 'api'),
-    filename: 'index.js',
-    library: { type: 'commonjs2' },
-  },
-  (config) => ({
-    ...config,
-    externals: [external({ allowlist: [/^@p/, /^@w/, /^@vyriy/] })],
-  }),
-);
-`,
-    'workspaces/api/package.json': JSON.stringify({
-        name: '@w/api',
-        type: 'module',
-        private: true,
-    }, null, 2) + '\n',
-    'workspaces/api/index.tsx': `import { readFileSync } from 'node:fs';
-import { renderToString } from 'react-dom/server';
-
-import { server } from '@vyriy/server';
-import { api } from '@vyriy/handler';
-import { html, minify } from '@vyriy/html';
-import { path } from '@vyriy/path';
-
-import { cms } from '@p/services/cms';
-import { Page } from '@p/components';
-
-const dashboardStyles = readFileSync(path('styles.css'), 'utf8');
-
-server(
-  api(async () => {
-    const content = await cms.getContent();
-
-    return {
-      statusCode: 200,
-      headers: {
-        'content-type': 'text/html; charset=utf-8',
-      },
-      body: minify(
-        html({
-          htmlAttributes: 'lang="en"',
-          title: \`<title>\${content.title}</title>\`,
-          meta: '<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />',
-          style: \`<style>\${dashboardStyles.trim()}</style>\`,
-          body: renderToString(<Page content={content.body} />),
-        }),
-      ),
-    };
-  }),
-);
-`,
-    'workspaces/api/index.test.tsx': `import { describe, expect, it, jest } from '@jest/globals';
-
-const apiMock = jest.fn((handler) => ({
-  handler,
-}));
-const getContentMock = jest.fn(() =>
-  Promise.resolve({
-    title: 'Sample Content',
-    body: 'This is a sample content fetched from the CMS.',
-  }),
-);
-const nodeFs = jest.requireActual<typeof import('node:fs')>('node:fs');
-const readFileSyncMock = jest.fn<(path: string | URL, encoding: 'utf8') => string>(
-  () => '.content { display: block; }',
-);
-const serverMock = jest.fn();
-
-jest.mock('node:fs', () => ({
-  ...nodeFs,
-  readFileSync: readFileSyncMock,
-}));
-
-jest.mock('@vyriy/handler', () => ({
-  api: apiMock,
-}));
-
-jest.mock('@vyriy/server', () => ({
-  server: serverMock,
-}));
-
-jest.mock('@p/services/cms', () => ({
-  cms: {
-    getContent: getContentMock,
-  },
-}));
-
-describe('workspaces/api/index.tsx', () => {
-  it('starts the server with a handler that returns rendered page HTML', async () => {
-    await import('./index.js');
-
-    expect(apiMock).toHaveBeenCalledTimes(1);
-    expect(serverMock).toHaveBeenCalledTimes(1);
-    expect(serverMock).toHaveBeenCalledWith(apiMock.mock.results[0]?.value);
-
-    const handler = apiMock.mock.calls[0]?.[0] as () => Promise<{
-      statusCode: number;
-      headers: Record<string, string>;
-      body: string;
-    }>;
-
-    const response = await handler();
-
-    expect(response).toEqual({
-      statusCode: 200,
-      headers: {
-        'content-type': 'text/html; charset=utf-8',
-      },
-      body: expect.stringContaining('<title>Sample Content</title>'),
-    });
-    expect(response.body).toContain('<style>.content { display: block; }</style>');
-    expect(response.body).toContain('This is a sample content fetched from the CMS.');
-    expect(readFileSyncMock).toHaveBeenCalledWith(expect.stringContaining('styles.css'), 'utf8');
-    expect(getContentMock).toHaveBeenCalledTimes(1);
-  });
-});
-`,
-});

package/commands/create/preset/types.d.ts

@@ -1,9 +0,0 @@
-import type { PlanResult } from '../plan/types.js';
-export type FileMap = Record<string, string>;
-export type Preset = (options: PlanResult) => FileMap;
-export type PresetKey = 'base' | 'library' | 'api' | 'ssr' | 'rest' | 'gql' | 'ssg' | 'spa' | 'mfe' | 'fullstack';
-export type Presets = Partial<Record<PresetKey, {
-    name: string;
-    description: string;
-    preset: Preset;
-}>>;

package/commands/create/prompt/conflict-strategy.d.ts

@@ -1,5 +0,0 @@
-export type ConflictStrategy = {
-    readonly overwrite: boolean;
-    readonly skipExisting: boolean;
-};
-export declare const conflictStrategy: () => Promise<ConflictStrategy | undefined>;

package/commands/create/prompt/conflict-strategy.js

@@ -1,22 +0,0 @@
-import { stdin, stdout } from 'node:process';
-import { createInterface } from 'node:readline/promises';
-export const conflictStrategy = async () => {
-    console.log('\nWhat should Vyriy do?\n');
-    console.log('  1. overwrite existing files');
-    console.log('  2. skip existing files');
-    console.log('  3. abort');
-    const readline = createInterface({ input: stdin, output: stdout });
-    try {
-        const answer = (await readline.question('\nWhat should Vyriy do? (abort): ')).trim().toLowerCase();
-        if (answer === '1' || answer === 'overwrite') {
-            return { overwrite: true, skipExisting: false };
-        }
-        if (answer === '2' || answer === 'skip') {
-            return { overwrite: false, skipExisting: true };
-        }
-        return undefined;
-    }
-    finally {
-        readline.close();
-    }
-};

package/commands/create/prompt/index.d.ts

@@ -1,6 +0,0 @@
-export * from './conflict-strategy.js';
-export * from './prompt.js';
-export * from './preset.js';
-export * from './resolve-option.js';
-export * from './scope.js';
-export type * from './types.js';

package/commands/create/prompt/index.js

@@ -1,5 +0,0 @@
-export * from './conflict-strategy.js';
-export * from './prompt.js';
-export * from './preset.js';
-export * from './resolve-option.js';
-export * from './scope.js';

package/commands/create/prompt/preset.d.ts

@@ -1,4 +0,0 @@
-import { presets as appPreset } from '../preset/index.js';
-import type { PromptOutput, PromptQuestion } from './types.js';
-export type PresetName = keyof typeof appPreset;
-export declare const preset: (question: PromptQuestion, output: PromptOutput) => Promise<PresetName>;

package/commands/create/prompt/preset.js

@@ -1,11 +0,0 @@
-import { presets as appPreset } from '../preset/index.js';
-import { prompt } from './prompt.js';
-import { resolveOption } from './resolve-option.js';
-export const preset = async (question, output) => {
-    const defaultPreset = 'base';
-    const presetNames = Object.keys(appPreset);
-    output.write('\nProject preset:\n\n');
-    presetNames.forEach((presetName, index) => output.write(`  ${index + 1}. ${appPreset[presetName].name} - ${appPreset[presetName].description}\n`));
-    const presetValue = await prompt(question, '\nPreset number or name', defaultPreset);
-    return resolveOption(presetValue, presetNames, defaultPreset);
-};

package/commands/create/prompt/prompt.d.ts

@@ -1,2 +0,0 @@
-import type { Prompt } from '../plan/types.js';
-export declare const prompt: Prompt;

package/commands/create/prompt/prompt.js

@@ -1,4 +0,0 @@
-export const prompt = async (question, label, defaultValue) => {
-    const answer = (await question(`${label} (${defaultValue}): `)).trim();
-    return answer || defaultValue;
-};

package/commands/create/prompt/resolve-option.d.ts

@@ -1,6 +0,0 @@
-type ResolveOption = {
-    <OptionName extends string>(value: string, optionNames: readonly OptionName[], fallback: OptionName): OptionName;
-    <OptionName extends string>(value: string, optionNames: readonly OptionName[]): OptionName | undefined;
-};
-export declare const resolveOption: ResolveOption;
-export {};

package/commands/create/prompt/resolve-option.js

@@ -1,8 +0,0 @@
-export const resolveOption = (value, optionNames, fallback) => {
-    const normalizedValue = value.trim();
-    const numericValue = Number.parseInt(normalizedValue, 10);
-    if (Number.isInteger(numericValue)) {
-        return optionNames[numericValue - 1] ?? fallback;
-    }
-    return optionNames.find((optionName) => optionName === normalizedValue) ?? fallback;
-};

package/commands/create/prompt/scope.d.ts

@@ -1,2 +0,0 @@
-import type { PromptQuestion } from './types.js';
-export declare const scope: (question: PromptQuestion, preset: string, name: string) => Promise<string | undefined>;

package/commands/create/prompt/scope.js

@@ -1,2 +0,0 @@
-import { prompt } from './prompt.js';
-export const scope = async (question, preset, name) => preset === 'library' ? prompt(question, 'Package scope', `@${name}`) : undefined;

package/commands/create/prompt/types.d.ts

@@ -1,4 +0,0 @@
-export type PromptQuestion = (query: string) => Promise<string>;
-export type PromptOutput = {
-    write: (chunk: string) => unknown;
-};

package/commands/dist.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from './types.js';
-export declare const dist: Command;