@bleedingdev/modern-js-create 3.2.0-ultramodern.99 → 3.4.0-ultramodern.1

package/template/src/routes/[lang]/page.tsx.handlebars

@@ -1,211 +0,0 @@
-import { Helmet } from '@modern-js/runtime/head';
-import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useLocation } from '{{routerRuntimeImport}}';
-{{#if useEffectBff}}import effectBff from '@api/effect/index';
-import { Effect } from '@modern-js/plugin-bff/effect-client';
-import { useEffect, useState } from 'react';
-{{/if}}
-import { useTranslation } from 'react-i18next';
-
-{{#if useEffectBff}}type GreetingResponse = Awaited<ReturnType<typeof effectBff.client.greetings.hello>>;
-
-{{/if}}
-const fallbackLanguage = 'en';
-const supportedLanguages = ['en', 'cs'] as const;
-type SupportedLanguage = (typeof supportedLanguages)[number];
-
-const isSupportedLanguage = (value: string): value is SupportedLanguage =>
-  supportedLanguages.includes(value as SupportedLanguage);
-
-const stripLanguagePrefix = (pathname: string) => {
-  const segments = pathname.split('/').filter(Boolean);
-  if (segments.length > 0 && isSupportedLanguage(segments[0] ?? '')) {
-    segments.shift();
-  }
-  return `/${segments.join('/')}`;
-};
-
-const localizedPath = (pathname: string, language: SupportedLanguage) => {
-  const pathWithoutLanguage = stripLanguagePrefix(pathname);
-  return pathWithoutLanguage === '/' ? `/${language}` : `/${language}${pathWithoutLanguage}`;
-};
-
-const absoluteUrl = (pathname: string) => {
-  const origin = ULTRAMODERN_SITE_URL.replace(/\/+$/u, '');
-  return `${origin}${pathname}`;
-};
-
-const locationSuffix = (location: { hash?: unknown; search?: unknown; searchStr?: unknown }) => {
-  const { hash, search, searchStr } = location;
-  let locationSearch = '';
-  if (typeof searchStr === 'string') {
-    locationSearch = searchStr;
-  } else if (typeof search === 'string') {
-    locationSearch = search;
-  }
-  const locationHash = typeof hash === 'string' ? hash : '';
-  return `${locationSearch}${locationHash}`;
-};
-
-const Index = () => {
-  const { t } = useTranslation();
-  const { language } = useModernI18n();
-  const location = useLocation();
-  const currentLanguage = isSupportedLanguage(language) ? language : fallbackLanguage;
-  const canonicalPath = localizedPath(location.pathname, currentLanguage);
-  const suffix = locationSuffix(location);
-  const languageOptions = supportedLanguages.map((code) => ({
-    code,
-    href: `${localizedPath(location.pathname, code)}${suffix}`,
-    label: t(`home.language.${code}`),
-  }));
-{{#if useEffectBff}}  const [effectMessage, setEffectMessage] = useState('loading...');
-
-  useEffect(() => {
-    let mounted = true;
-    Effect.runFork(
-      Effect.promise(() => effectBff.client.greetings.hello({})).pipe(
-        Effect.tap((data: GreetingResponse) =>
-          Effect.sync(() => {
-            if (mounted) {
-              setEffectMessage(data.message);
-            }
-          }),
-        ),
-      ),
-    );
-    return () => {
-      mounted = false;
-    };
-  }, []);
-{{/if}}
-  return (
-    <div className="container-box">
-      <Helmet>
-        <link
-          rel="icon"
-          type="image/x-icon"
-          href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
-        />
-        <link rel="canonical" href={absoluteUrl(canonicalPath)} />
-        {supportedLanguages.map((code) => (
-          <link
-            href={absoluteUrl(localizedPath(location.pathname, code))}
-            hrefLang={code}
-            key={code}
-            rel="alternate"
-          />
-        ))}
-        <link
-          href={absoluteUrl(localizedPath(location.pathname, fallbackLanguage))}
-          hrefLang="x-default"
-          rel="alternate"
-        />
-      </Helmet>
-      <main>
-        <nav className="language-switcher" aria-label={t('home.language.switcher')}>
-          {languageOptions.map((option) => (
-            <a
-              aria-current={currentLanguage === option.code ? 'page' : undefined}
-              href={option.href}
-              key={option.code}
-            >
-              {option.label}
-            </a>
-          ))}
-        </nav>
-        <div className="title">
-          {t('home.title')}
-          <img
-            alt={t('home.logoAlt')}
-            className="logo"
-            src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"
-          />
-          <p className="name">{t('home.name')}</p>
-        </div>
-        <p className="description{{#if enableTailwind}} text-emerald-700 font-semibold{{/if}}">
-          {t('home.description.intro')}{' '}
-          <code className="code">presetUltramodern(...)</code>{' '}
-          {t('home.description.afterPreset')}{' '}
-          <code className="code">modern.config.ts</code>{' '}
-          {t('home.description.afterConfig')}{' '}
-          <code className="code">pnpm run ultramodern:check</code>{' '}
-          {t('home.description.end')}
-        </p>
-{{#if useEffectBff}}
-        <p className="description effect-message{{#if enableTailwind}} text-emerald-700 font-semibold{{/if}}">
-          {t('home.bff.response')} <code className="code">{effectMessage}</code>
-        </p>
-{{/if}}
-        <div className="grid">
-          <a
-            href="https://bleedingdev.github.io/ultramodern.js/guides/get-started/ultramodern.html"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="card"
-          >
-            <h2>
-              {t('home.cards.guide.title')}
-              <img
-                alt=""
-                className="arrow-right"
-                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
-              />
-            </h2>
-            <p>{t('home.cards.guide.body')}</p>
-          </a>
-          <a
-            href="https://bleedingdev.github.io/ultramodern.js/configure/app/usage.html"
-            target="_blank"
-            className="card"
-            rel="noreferrer"
-          >
-            <h2>
-              {t('home.cards.config.title')}
-              <img
-                alt=""
-                className="arrow-right"
-                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
-              />
-            </h2>
-            <p>{t('home.cards.config.body')}</p>
-          </a>
-          <a
-            href="https://github.com/BleedingDev/ultramodern.js/blob/main-ultramodern/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"
-            target="_blank"
-            className="card"
-            rel="noreferrer"
-          >
-            <h2>
-              {t('home.cards.gates.title')}
-              <img
-                alt=""
-                className="arrow-right"
-                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
-              />
-            </h2>
-            <p>{t('home.cards.gates.body')}</p>
-          </a>
-          <a
-            href="https://bleedingdev.github.io/ultramodern.js/configure/app/bff/effect.html"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="card"
-          >
-            <h2>
-              {t('home.cards.bff.title')}
-              <img
-                alt=""
-                className="arrow-right"
-                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
-              />
-            </h2>
-            <p>{t('home.cards.bff.body')}</p>
-          </a>
-        </div>
-      </main>
-    </div>
-  );
-};
-
-export default Index;

package/template/src/routes/index.css.handlebars

@@ -1,129 +0,0 @@
-{{#if enableTailwind}}@import 'tailwindcss';
-
-{{/if}}html,
-body {
-  padding: 0;
-  margin: 0;
-  font-family:
-    PingFang SC,
-    Hiragino Sans GB,
-    Microsoft YaHei,
-    Arial,
-    sans-serif;
-  background: linear-gradient(to bottom, transparent, #fff) #eceeef;
-}
-
-p {
-  margin: 0;
-}
-
-* {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  box-sizing: border-box;
-}
-
-.container-box {
-  min-height: 100vh;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding-top: 10px;
-}
-
-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.title {
-  display: flex;
-  margin: 4rem 0 4rem;
-  align-items: center;
-  font-size: 4rem;
-  font-weight: 600;
-}
-
-.logo {
-  width: 6rem;
-  margin: 7px 0 0 1rem;
-}
-
-.name {
-  color: #4ecaff;
-}
-
-.description {
-  text-align: center;
-  line-height: 1.5;
-  font-size: 1.3rem;
-  color: #1b3a42;
-  margin-bottom: 5rem;
-}
-
-.code {
-  background: #fafafa;
-  border-radius: 12px;
-  padding: 0.6rem 0.9rem;
-  font-size: 1.05rem;
-  font-family:
-    Menlo,
-    Monaco,
-    Lucida Console,
-    Liberation Mono,
-    DejaVu Sans Mono,
-    Bitstream Vera Sans Mono,
-    Courier New,
-    monospace;
-}
-
-.container-box .grid {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1100px;
-  margin-top: 3rem;
-}
-
-.card {
-  padding: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  height: 100px;
-  color: inherit;
-  text-decoration: none;
-  transition: 0.15s ease;
-  width: 45%;
-}
-
-.card:hover,
-.card:focus {
-  transform: scale(1.05);
-}
-
-.card h2 {
-  display: flex;
-  align-items: center;
-  font-size: 1.5rem;
-  margin: 0;
-  padding: 0;
-}
-
-.card p {
-  opacity: 0.6;
-  font-size: 0.9rem;
-  line-height: 1.5;
-  margin-top: 1rem;
-}
-
-.arrow-right {
-  width: 1.3rem;
-  margin-left: 0.5rem;
-  margin-top: 3px;
-}

package/template/src/routes/layout.tsx.handlebars

@@ -1,10 +0,0 @@
-import { Outlet } from '{{routerRuntimeImport}}';
-import './index.css';
-
-export default function Layout() {
-  return (
-    <div>
-      <Outlet />
-    </div>
-  );
-}

package/template/tailwind.config.ts.handlebars

@@ -1,10 +0,0 @@
-{{#if enableTailwind}}import type { Config } from 'tailwindcss';
-
-export default {
-  content: ['./src/**/*.{js,ts,jsx,tsx}'],
-  plugins: [],
-  theme: {
-    extend: {},
-  },
-} satisfies Config;
-{{/if}}

package/template/tests/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "types": ["@rstest/core/globals"]
-  },
-  "include": ["./"]
-}

package/template/tests/ultramodern.contract.test.ts.handlebars

@@ -1,78 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-import { describe, expect, test } from '@rstest/core';
-
-const root = process.cwd();
-const readText = (relativePath: string) =>
-  fs.readFileSync(path.join(root, relativePath), 'utf-8');
-const readJson = <T>(relativePath: string): T =>
-  JSON.parse(readText(relativePath)) as T;
-
-describe('generated UltraModern contract', () => {
-  test('keeps localized route metadata and Rstest wiring', () => {
-    expect(fs.existsSync(path.join(root, 'src/routes/[lang]/page.tsx'))).toBe(
-      true,
-    );
-    expect(fs.existsSync(path.join(root, 'src/routes/page.tsx'))).toBe(false);
-    expect(fs.existsSync(path.join(root, 'src/routes/layout.tsx'))).toBe(true);
-{{#if enableTailwind}}
-    expect(fs.existsSync(path.join(root, 'postcss.config.mjs'))).toBe(true);
-    expect(fs.existsSync(path.join(root, 'tailwind.config.ts'))).toBe(true);
-{{/if}}
-{{#unless enableTailwind}}
-    expect(fs.existsSync(path.join(root, 'postcss.config.mjs'))).toBe(false);
-    expect(fs.existsSync(path.join(root, 'tailwind.config.ts'))).toBe(false);
-{{/unless}}
-  });
-
-  test('retains package-source metadata for generated Modern.js packages', () => {
-    const packageJson = readJson<{
-      dependencies?: Record<string, string>;
-      devDependencies?: Record<string, string>;
-      modernjs?: {
-        packageSource?: {
-          config?: string;
-        };
-        preset?: string;
-      };
-    }>('package.json');
-    const packageSource = readJson<{
-      modernPackages?: {
-        packages?: string[];
-        specifier?: string;
-      };
-      strategy?: string;
-    }>('.modernjs/ultramodern-package-source.json');
-
-    expect(packageJson.modernjs?.preset).toBe('presetUltramodern');
-    expect(packageJson.modernjs?.packageSource?.config).toBe(
-      './.modernjs/ultramodern-package-source.json',
-    );
-    expect(packageSource.strategy).toMatch(/^(workspace|install)$/u);
-    expect(packageSource.modernPackages?.packages).toContain(
-      '@modern-js/runtime',
-    );
-    expect(packageSource.modernPackages?.packages).toContain(
-      '@modern-js/app-tools',
-    );
-    expect(packageSource.modernPackages?.packages).toContain(
-      '@modern-js/adapter-rstest',
-    );
-    expect(packageSource.modernPackages?.specifier).toBeTruthy();
-    expect(
-      packageJson.devDependencies?.['@modern-js/adapter-rstest'],
-    ).toBeTruthy();
-{{#if enableTailwind}}
-    expect(packageJson.devDependencies?.tailwindcss).toBe('^4.3.0');
-    expect(packageJson.devDependencies?.['@tailwindcss/postcss']).toBe(
-      '^4.3.0',
-    );
-{{/if}}
-{{#unless enableTailwind}}
-    expect(packageJson.devDependencies?.tailwindcss).toBeUndefined();
-    expect(
-      packageJson.devDependencies?.['@tailwindcss/postcss'],
-    ).toBeUndefined();
-{{/unless}}
-  });
-});

package/template/tsconfig.json

@@ -1,120 +0,0 @@
-{
-  "extends": "@modern-js/tsconfig/base",
-  "compilerOptions": {
-    "declaration": false,
-    "jsx": "preserve",
-    "target": "ESNext",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "module": "preserve",
-    "moduleResolution": "Bundler",
-    "moduleDetection": "force",
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "noEmit": true,
-    "allowJs": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noUncheckedIndexedAccess": true,
-    "exactOptionalPropertyTypes": true,
-    "noImplicitOverride": true,
-    "noFallthroughCasesInSwitch": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "paths": {
-      "@/*": ["./src/*"],
-      "@api/*": ["./api/*"],
-      "@shared/*": ["./shared/*"]
-    },
-    "rootDir": ".",
-    "plugins": [
-      {
-        "name": "@effect/language-service",
-        "diagnostics": true,
-        "includeSuggestionsInTsc": true,
-        "ignoreEffectSuggestionsInTscExitCode": false,
-        "ignoreEffectWarningsInTscExitCode": false,
-        "ignoreEffectErrorsInTscExitCode": false,
-        "skipDisabledOptimization": true,
-        "diagnosticSeverity": {
-          "anyUnknownInErrorContext": "error",
-          "classSelfMismatch": "error",
-          "duplicatePackage": "error",
-          "effectFnImplicitAny": "error",
-          "floatingEffect": "error",
-          "genericEffectServices": "error",
-          "missingEffectContext": "error",
-          "missingEffectError": "error",
-          "missingLayerContext": "error",
-          "missingReturnYieldStar": "error",
-          "missingStarInYieldEffectGen": "error",
-          "nonObjectEffectServiceType": "error",
-          "outdatedApi": "error",
-          "overriddenSchemaConstructor": "error",
-          "catchUnfailableEffect": "error",
-          "effectFnIife": "error",
-          "effectGenUsesAdapter": "error",
-          "effectInFailure": "error",
-          "effectInVoidSuccess": "error",
-          "globalErrorInEffectCatch": "error",
-          "globalErrorInEffectFailure": "error",
-          "layerMergeAllWithDependencies": "error",
-          "lazyPromiseInEffectSync": "error",
-          "leakingRequirements": "error",
-          "multipleEffectProvide": "error",
-          "returnEffectInGen": "error",
-          "runEffectInsideEffect": "error",
-          "schemaSyncInEffect": "error",
-          "scopeInLayerEffect": "error",
-          "strictEffectProvide": "error",
-          "tryCatchInEffectGen": "error",
-          "unknownInEffectCatch": "error",
-          "asyncFunction": "error",
-          "cryptoRandomUUID": "error",
-          "cryptoRandomUUIDInEffect": "error",
-          "extendsNativeError": "error",
-          "globalConsole": "error",
-          "globalConsoleInEffect": "error",
-          "globalDate": "error",
-          "globalDateInEffect": "error",
-          "globalFetch": "error",
-          "globalFetchInEffect": "error",
-          "globalRandom": "error",
-          "globalRandomInEffect": "error",
-          "globalTimers": "error",
-          "globalTimersInEffect": "error",
-          "instanceOfSchema": "error",
-          "newPromise": "error",
-          "nodeBuiltinImport": "error",
-          "preferSchemaOverJson": "error",
-          "processEnv": "error",
-          "processEnvInEffect": "error",
-          "unsafeEffectTypeAssertion": "error",
-          "catchAllToMapError": "error",
-          "deterministicKeys": "error",
-          "effectDoNotation": "error",
-          "effectFnOpportunity": "error",
-          "effectMapFlatten": "error",
-          "effectMapVoid": "error",
-          "effectSucceedWithVoid": "error",
-          "missedPipeableOpportunity": "error",
-          "missingEffectServiceDependency": "error",
-          "nestedEffectGenYield": "error",
-          "redundantSchemaTagIdentifier": "error",
-          "schemaStructWithTag": "error",
-          "schemaUnionOfLiterals": "error",
-          "serviceNotAsClass": "error",
-          "strictBooleanExpressions": "error",
-          "unnecessaryArrowBlock": "error",
-          "unnecessaryEffectGen": "error",
-          "unnecessaryFailYieldableError": "error",
-          "unnecessaryPipe": "error",
-          "unnecessaryPipeChain": "error"
-        }
-      }
-    ]
-  },
-  "include": ["src", "api", "shared", "config", "modern.config.ts"],
-  "exclude": ["**/node_modules"]
-}

package/template-workspace/pnpm-workspace.yaml

@@ -1,35 +0,0 @@
-packages:
-  - apps/*
-  - verticals/*
-  - packages/*
-
-minimumReleaseAge: 1440
-minimumReleaseAgeStrict: true
-minimumReleaseAgeIgnoreMissingTime: false
-minimumReleaseAgeExclude:
-  - '@bleedingdev/modern-js-*'
-trustPolicy: no-downgrade
-trustPolicyIgnoreAfter: 1440
-blockExoticSubdeps: true
-engineStrict: true
-pmOnFail: error
-verifyDepsBeforeRun: error
-strictDepBuilds: true
-
-peerDependencyRules:
-  allowedVersions:
-    react: '>=19.0.0'
-    typescript: '>=6.0.0'
-
-overrides:
-  '@tanstack/react-router': 1.170.11
-  node-fetch: '^3.3.2'
-
-allowBuilds:
-  '@swc/core': true
-  core-js: true
-  esbuild: true
-  lefthook: true
-  msgpackr-extract: true
-  sharp: true
-  workerd: true