@bleedingdev/modern-js-create 3.2.0-ultramodern.6 → 3.2.0-ultramodern.8

package/dist/index.js

@@ -556,10 +556,32 @@ const ultramodern_workspace_dirname = node_path.dirname(fileURLToPath(import.met
 const workspaceTemplateDir = node_path.resolve(ultramodern_workspace_dirname, '..', 'template-workspace');
 const TANSTACK_ROUTER_VERSION = '1.170.1';
 const MODULE_FEDERATION_VERSION = '2.4.0';
-const TYPESCRIPT_VERSION = '6.0.3';
+const EFFECT_TSGO_VERSION = '0.7.3';
+const TYPESCRIPT_NATIVE_PREVIEW_VERSION = '7.0.0-dev.20260518.1';
+const OXLINT_VERSION = '1.65.0';
+const OXFMT_VERSION = '0.50.0';
+const ULTRACITE_VERSION = '7.7.0';
 const REACT_VERSION = '^19.2.6';
 const REACT_DOM_VERSION = '^19.2.6';
 const WORKSPACE_PACKAGE_VERSION = 'workspace:*';
+const RSTACK_AGENT_SKILLS_COMMIT = '61c948b42512e223bad44b83af4080eba48b2677';
+const baselineAgentSkills = [
+    'rsbuild-best-practices',
+    'rspack-best-practices',
+    'rspack-tracing',
+    'rsdoctor-analysis',
+    'rslib-best-practices',
+    'rslib-modern-package',
+    'rstest-best-practices'
+];
+const privateAgentSkills = [
+    'plan-graph',
+    'dag',
+    'subagent-graph',
+    'helm',
+    'debugger-mode'
+];
+const effectTsgoTypecheckCommand = "node -e \"const fs = require('node:fs'); const { execFileSync, spawnSync } = require('node:child_process'); const bin = execFileSync('effect-tsgo', ['get-exe-path'], { encoding: 'utf8' }).trim(); if (process.platform !== 'win32') fs.chmodSync(bin, 0o755); const result = spawnSync(bin, ['--noEmit', '-p', 'tsconfig.json'], { stdio: 'inherit' }); process.exit(result.status ?? 1);\"";
 const modernPackageNames = [
     '@modern-js/app-tools',
     '@modern-js/plugin-bff',
@@ -706,6 +728,81 @@ const effectService = {
         }
     }
 };
+const effectDiagnostics = [
+    'anyUnknownInErrorContext',
+    'classSelfMismatch',
+    'duplicatePackage',
+    'effectFnImplicitAny',
+    'floatingEffect',
+    'genericEffectServices',
+    'missingEffectContext',
+    'missingEffectError',
+    'missingLayerContext',
+    'missingReturnYieldStar',
+    'missingStarInYieldEffectGen',
+    'nonObjectEffectServiceType',
+    'outdatedApi',
+    'overriddenSchemaConstructor',
+    'catchUnfailableEffect',
+    'effectFnIife',
+    'effectGenUsesAdapter',
+    'effectInFailure',
+    'effectInVoidSuccess',
+    'globalErrorInEffectCatch',
+    'globalErrorInEffectFailure',
+    'layerMergeAllWithDependencies',
+    'lazyPromiseInEffectSync',
+    'leakingRequirements',
+    'multipleEffectProvide',
+    'returnEffectInGen',
+    'runEffectInsideEffect',
+    'schemaSyncInEffect',
+    'scopeInLayerEffect',
+    'strictEffectProvide',
+    'tryCatchInEffectGen',
+    'unknownInEffectCatch',
+    'asyncFunction',
+    'cryptoRandomUUID',
+    'cryptoRandomUUIDInEffect',
+    'extendsNativeError',
+    'globalConsole',
+    'globalConsoleInEffect',
+    'globalDate',
+    'globalDateInEffect',
+    'globalFetch',
+    'globalFetchInEffect',
+    'globalRandom',
+    'globalRandomInEffect',
+    'globalTimers',
+    'globalTimersInEffect',
+    'instanceOfSchema',
+    'newPromise',
+    'nodeBuiltinImport',
+    'preferSchemaOverJson',
+    'processEnv',
+    'processEnvInEffect',
+    'unsafeEffectTypeAssertion',
+    'catchAllToMapError',
+    'deterministicKeys',
+    'effectDoNotation',
+    'effectFnOpportunity',
+    'effectMapFlatten',
+    'effectMapVoid',
+    'effectSucceedWithVoid',
+    'missedPipeableOpportunity',
+    'missingEffectServiceDependency',
+    'nestedEffectGenYield',
+    'redundantSchemaTagIdentifier',
+    'schemaStructWithTag',
+    'schemaUnionOfLiterals',
+    'serviceNotAsClass',
+    'strictBooleanExpressions',
+    'unnecessaryArrowBlock',
+    'unnecessaryEffectGen',
+    'unnecessaryFailYieldableError',
+    'unnecessaryPipe',
+    'unnecessaryPipeChain'
+];
 const sharedPackages = [
     {
         id: 'shared-contracts',
@@ -834,10 +931,11 @@ function appDependencies(scope, packageSource) {
 function appDevDependencies(packageSource) {
     return {
         '@modern-js/app-tools': modernPackageSpecifier('@modern-js/app-tools', packageSource),
+        '@effect/tsgo': EFFECT_TSGO_VERSION,
+        "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
         '@types/node': '^20',
         '@types/react': '^19.1.8',
-        '@types/react-dom': '^19.1.6',
-        typescript: TYPESCRIPT_VERSION
+        '@types/react-dom': '^19.1.6'
     };
 }
 function createRootPackageJson(scope, packageSource) {
@@ -854,9 +952,15 @@ function createRootPackageJson(scope, packageSource) {
             'dev:design-system': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'remote-design-system')} dev`,
             'dev:recommendations': `pnpm --filter ${ultramodern_workspace_packageName(scope, effectService.packageSuffix)} dev`,
             build: 'pnpm -r --filter ./apps/** --filter ./services/** build',
+            format: 'oxfmt .',
+            'format:check': 'oxfmt --check .',
+            lint: 'oxlint .',
+            'lint:fix': 'oxlint . --fix',
             typecheck: 'pnpm -r --filter ./apps/** --filter ./services/** --filter ./packages/** typecheck',
+            'skills:install': "node ./scripts/bootstrap-agent-skills.mjs",
+            'skills:check': "node ./scripts/bootstrap-agent-skills.mjs --check",
             'ultramodern:check': "node ./scripts/validate-ultramodern-workspace.mjs",
-            check: 'pnpm ultramodern:check'
+            check: 'pnpm format:check && pnpm lint && pnpm typecheck && pnpm skills:check && pnpm ultramodern:check'
         },
         engines: {
             node: '>=20',
@@ -879,35 +983,62 @@ function createRootPackageJson(scope, packageSource) {
             }
         },
         devDependencies: {
-            '@biomejs/biome': '1.9.4',
-            typescript: TYPESCRIPT_VERSION
+            '@effect/tsgo': EFFECT_TSGO_VERSION,
+            "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
+            oxlint: OXLINT_VERSION,
+            oxfmt: OXFMT_VERSION,
+            ultracite: ULTRACITE_VERSION
         }
     };
 }
 function createTsConfigBase(scope) {
     return {
         compilerOptions: {
-            target: 'ES2022',
+            target: 'ESNext',
             lib: [
+                'ESNext',
                 'DOM',
-                'DOM.Iterable',
-                'ES2022'
+                'DOM.Iterable'
             ],
-            module: 'ESNext',
+            module: 'preserve',
             moduleResolution: 'Bundler',
+            moduleDetection: 'force',
             jsx: 'preserve',
+            isolatedModules: true,
+            verbatimModuleSyntax: true,
             strict: true,
             noEmit: true,
+            allowJs: true,
             esModuleInterop: true,
+            noUncheckedIndexedAccess: true,
+            exactOptionalPropertyTypes: true,
+            noImplicitOverride: true,
+            noFallthroughCasesInSwitch: true,
+            noPropertyAccessFromIndexSignature: true,
+            noImplicitReturns: true,
             skipLibCheck: true,
             resolveJsonModule: true,
-            baseUrl: '.',
             paths: Object.fromEntries(sharedPackages.map((sharedPackage)=>[
                     ultramodern_workspace_packageName(scope, sharedPackage.id),
                     [
                         `${sharedPackage.directory}/src/index.ts`
                     ]
-                ]))
+                ])),
+            plugins: [
+                {
+                    name: '@effect/language-service',
+                    diagnostics: true,
+                    includeSuggestionsInTsc: true,
+                    ignoreEffectSuggestionsInTscExitCode: false,
+                    ignoreEffectWarningsInTscExitCode: false,
+                    ignoreEffectErrorsInTscExitCode: false,
+                    skipDisabledOptimization: true,
+                    diagnosticSeverity: Object.fromEntries(effectDiagnostics.map((name)=>[
+                            name,
+                            'error'
+                        ]))
+                }
+            ]
         }
     };
 }
@@ -946,7 +1077,7 @@ function createAppPackage(scope, app, packageSource) {
             dev: 'modern dev',
             build: 'modern build',
             serve: 'modern serve',
-            typecheck: 'tsgo --noEmit -p tsconfig.json'
+            typecheck: effectTsgoTypecheckCommand
         },
         modernjs: {
             preset: 'presetUltramodern',
@@ -967,7 +1098,7 @@ function createServicePackage(scope, packageSource) {
             dev: 'modern dev',
             build: 'modern build',
             serve: 'modern serve',
-            typecheck: 'tsgo --noEmit -p tsconfig.json'
+            typecheck: effectTsgoTypecheckCommand
         },
         modernjs: {
             preset: 'presetUltramodern',
@@ -984,10 +1115,11 @@ function createServicePackage(scope, packageSource) {
         devDependencies: {
             '@modern-js/app-tools': modernPackageSpecifier('@modern-js/app-tools', packageSource),
             '@modern-js/plugin-bff': modernPackageSpecifier('@modern-js/plugin-bff', packageSource),
+            '@effect/tsgo': EFFECT_TSGO_VERSION,
+            "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
             '@types/node': '^20',
             '@types/react': '^19.1.8',
-            '@types/react-dom': '^19.1.6',
-            typescript: TYPESCRIPT_VERSION
+            '@types/react-dom': '^19.1.6'
         }
     };
 }
@@ -1002,20 +1134,22 @@ function createSharedPackage(scope, id, description) {
             '.': './src/index.ts'
         },
         scripts: {
-            typecheck: 'tsgo --noEmit -p tsconfig.json'
+            typecheck: effectTsgoTypecheckCommand
         },
         devDependencies: {
-            typescript: TYPESCRIPT_VERSION
+            '@effect/tsgo': EFFECT_TSGO_VERSION,
+            "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION
         }
     };
 }
 function createAppModernConfig(app) {
-    return `import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
+    return `// @effect-diagnostics processEnv:off
+import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
 import { tanstackRouterPlugin } from '@modern-js/plugin-tanstack';
 import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
 
 const appId = '${app.id}';
-const port = Number(process.env.${app.portEnv} ?? ${app.port});
+const port = Number(process.env['${app.portEnv}'] ?? ${app.port});
 
 export default defineConfig(
   presetUltramodern(
@@ -1050,7 +1184,8 @@ export default defineConfig(
 `;
 }
 function createShellModuleFederationConfig() {
-    return `import { createRequire } from 'node:module';
+    return `// @effect-diagnostics nodeBuiltinImport:off processEnv:off
+import { createRequire } from 'node:module';
 import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
 import { dependencies } from './package.json';
 
@@ -1069,13 +1204,13 @@ export default createModuleFederationConfig({
   dts: false,
   remotes: {
     commerce:
-      process.env.REMOTE_COMMERCE_MF_MANIFEST ??
+      process.env['REMOTE_COMMERCE_MF_MANIFEST'] ??
       'remoteCommerce@http://localhost:3021/mf-manifest.json',
     identity:
-      process.env.REMOTE_IDENTITY_MF_MANIFEST ??
+      process.env['REMOTE_IDENTITY_MF_MANIFEST'] ??
       'remoteIdentity@http://localhost:3022/mf-manifest.json',
     designSystem:
-      process.env.REMOTE_DESIGN_SYSTEM_MF_MANIFEST ??
+      process.env['REMOTE_DESIGN_SYSTEM_MF_MANIFEST'] ??
       'remoteDesignSystem@http://localhost:3023/mf-manifest.json',
   },
   shared: {
@@ -1105,7 +1240,8 @@ export default createModuleFederationConfig({
 }
 function createRemoteModuleFederationConfig(app) {
     const exposes = JSON.stringify(app.exposes ?? {}, null, 4).replace(/^/gm, '  ');
-    return `import { createRequire } from 'node:module';
+    return `// @effect-diagnostics nodeBuiltinImport:off
+import { createRequire } from 'node:module';
 import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
 import { dependencies } from './package.json';
 
@@ -1150,11 +1286,12 @@ export default createModuleFederationConfig({
 `;
 }
 function createServiceModernConfig() {
-    return `import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
+    return `// @effect-diagnostics processEnv:off
+import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
 import { bffPlugin } from '@modern-js/plugin-bff';
 
 const appId = '${effectService.id}';
-const port = Number(process.env.${effectService.portEnv} ?? ${effectService.port});
+const port = Number(process.env['${effectService.portEnv}'] ?? ${effectService.port});
 
 export default defineConfig(
   presetUltramodern(
@@ -1309,7 +1446,7 @@ import { recommendationsEffectApi } from '../../shared/effect/api';
 const recommendationsLayer = HttpApiBuilder.group(
   recommendationsEffectApi,
   'recommendations',
-  (handlers: any) =>
+  handlers =>
     handlers.handle('list', () =>
       Effect.succeed({
         items: [
@@ -1533,11 +1670,15 @@ function createTemplateManifest(modernVersion, packageSource) {
         materialization: {
             targetRoot: 'generated-project-root',
             allowedPaths: [
+                '.agents/**',
                 '.modernjs/**',
+                'AGENTS.md',
                 'README.md',
                 'apps/**',
                 'packages/**',
                 'package.json',
+                'oxfmt.config.ts',
+                'oxlint.config.ts',
                 'pnpm-workspace.yaml',
                 "scripts/**",
                 'services/**',
@@ -1562,6 +1703,22 @@ function createTemplateManifest(modernVersion, packageSource) {
             modernPackageSpecifier: modernPackageVersion(packageSource),
             generatedWorkspacePackageSpecifier: WORKSPACE_PACKAGE_VERSION
         },
+        agentSkills: {
+            installDir: '.agents/skills',
+            source: {
+                repository: 'https://github.com/rstackjs/agent-skills',
+                commit: RSTACK_AGENT_SKILLS_COMMIT,
+                license: 'MIT',
+                licensePath: '.agents/rstackjs-agent-skills-LICENSE'
+            },
+            baseline: baselineAgentSkills,
+            privateSource: {
+                repository: 'https://github.com/TechsioCZ/skills',
+                install: 'clone-if-authorized',
+                baseline: privateAgentSkills
+            },
+            lockFile: '.agents/skills-lock.json'
+        },
         validation: {
             schemaValidation: true,
             sourceValidation: [
@@ -1858,14 +2015,17 @@ function createBuiltinTemplateManifest(version) {
         materialization: {
             targetRoot: 'generated-project-root',
             allowedPaths: [
+                '.agents/**',
                 '.browserslistrc',
                 '.gitignore',
                 '.modernjs/**',
                 '.nvmrc',
+                'AGENTS.md',
                 'README.md',
                 'api/**',
-                'biome.json',
                 'modern.config.ts',
+                'oxfmt.config.ts',
+                'oxlint.config.ts',
                 'package.json',
                 'postcss.config.mjs',
                 "scripts/**",
@@ -2121,6 +2281,17 @@ function detectUltramodernPackageSource(args, defaultPackageVersion, createPacka
         ]) ?? 'modern-js-'
     };
 }
+function src_modernAliasPackageName(packageName, packageSource) {
+    if (!packageSource.aliasScope) return packageName;
+    const scope = packageSource.aliasScope.replace(/^@/, '');
+    const unscopedName = packageName.split('/').at(-1);
+    return `@${scope}/${packageSource.aliasPackageNamePrefix ?? ''}${unscopedName}`;
+}
+function singleAppModernPackageSpecifier(packageName, packageSource, useWorkspaceProtocol) {
+    if (useWorkspaceProtocol) return 'workspace:*';
+    if ('install' !== packageSource.strategy || !packageSource.aliasScope) return packageSource.modernPackageVersion;
+    return `npm:${src_modernAliasPackageName(packageName, packageSource)}@${packageSource.modernPackageVersion}`;
+}
 function isDirectoryEmpty(dirPath) {
     if (!node_fs.existsSync(dirPath)) return false;
     try {
@@ -2235,12 +2406,17 @@ async function main() {
     const bffRuntime = detectBffRuntime();
     const enableTailwind = detectTailwindFlag();
     const useWorkspaceProtocol = detectWorkspaceProtocolFlag();
-    const dependencyVersion = useWorkspaceProtocol ? 'workspace:*' : version;
+    const packageSource = detectUltramodernPackageSource(args, ultramodernPackageVersion, createPackage);
     const templateManifest = createBuiltinTemplateManifest(version);
     validateTemplateManifest(templateManifest);
     copyTemplate(templateDir, targetDir, {
         packageName: generatedPackageName,
-        version: dependencyVersion,
+        version: useWorkspaceProtocol ? 'workspace:*' : packageSource.modernPackageVersion,
+        runtimeVersion: singleAppModernPackageSpecifier('@modern-js/runtime', packageSource, useWorkspaceProtocol),
+        appToolsVersion: singleAppModernPackageSpecifier('@modern-js/app-tools', packageSource, useWorkspaceProtocol),
+        tsconfigVersion: singleAppModernPackageSpecifier('@modern-js/tsconfig', packageSource, useWorkspaceProtocol),
+        pluginTanstackVersion: singleAppModernPackageSpecifier('@modern-js/plugin-tanstack', packageSource, useWorkspaceProtocol),
+        pluginBffVersion: singleAppModernPackageSpecifier('@modern-js/plugin-bff', packageSource, useWorkspaceProtocol),
         isSubproject,
         routerFramework,
         bffRuntime,
@@ -2255,12 +2431,19 @@ async function main() {
         delete packageJson['simple-git-hooks'];
         if (packageJson.scripts) {
             delete packageJson.scripts.prepare;
+            delete packageJson.scripts.format;
+            delete packageJson.scripts['format:check'];
             delete packageJson.scripts.lint;
+            delete packageJson.scripts['lint:fix'];
+            delete packageJson.scripts['skills:install'];
+            delete packageJson.scripts['skills:check'];
         }
         if (packageJson.devDependencies) {
             delete packageJson.devDependencies['lint-staged'];
             delete packageJson.devDependencies['simple-git-hooks'];
-            delete packageJson.devDependencies['@biomejs/biome'];
+            delete packageJson.devDependencies.oxlint;
+            delete packageJson.devDependencies.oxfmt;
+            delete packageJson.devDependencies.ultracite;
         }
     }
     node_fs.writeFileSync(targetPackageJson, `${JSON.stringify(packageJson, null, 2)}\n`);
@@ -2280,10 +2463,13 @@ function copyTemplate(src, dest, options) {
         recursive: true
     });
     const excludeInSubproject = [
+        '.agents',
         '.gitignore.handlebars',
-        'biome.json',
+        'AGENTS.md',
         '.npmrc',
-        '.nvmrc'
+        '.nvmrc',
+        'oxfmt.config.ts',
+        'oxlint.config.ts'
     ];
     function copyRecursive(srcDir, destDir) {
         const entries = node_fs.readdirSync(srcDir, {
@@ -2305,6 +2491,11 @@ function copyTemplate(src, dest, options) {
                 const rendered = src_renderTemplate(templateContent, {
                     packageName: options.packageName,
                     version: options.version,
+                    runtimeVersion: options.runtimeVersion,
+                    appToolsVersion: options.appToolsVersion,
+                    tsconfigVersion: options.tsconfigVersion,
+                    pluginTanstackVersion: options.pluginTanstackVersion,
+                    pluginBffVersion: options.pluginBffVersion,
                     isSubproject: options.isSubproject,
                     isTanstackRouter: 'tanstack' === options.routerFramework,
                     enableBff: 'none' !== options.bffRuntime,

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "3.2.0-ultramodern.6",
+  "version": "3.2.0-ultramodern.8",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.js",
   "bin": {
@@ -41,7 +41,7 @@
     "@types/node": "^25.8.0",
     "@typescript/native-preview": "7.0.0-dev.20260516.1",
     "tsx": "^4.22.0",
-    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.5"
+    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.8"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -54,6 +54,6 @@
     "start": "node ./dist/index.js"
   },
   "ultramodern": {
-    "frameworkVersion": "3.2.0-ultramodern.5"
+    "frameworkVersion": "3.2.0-ultramodern.8"
   }
 }

package/template/.agents/skills-lock.json

@@ -0,0 +1,34 @@
+{
+  "schemaVersion": 2,
+  "installDir": ".agents/skills",
+  "sources": [
+    {
+      "id": "techsiocz-private",
+      "visibility": "private",
+      "repository": "https://github.com/TechsioCZ/skills",
+      "install": "clone-if-authorized",
+      "baseline": [
+        {
+          "name": "plan-graph",
+          "reason": "Build and validate DAGs from .plan.md files"
+        },
+        {
+          "name": "dag",
+          "reason": "Inspect current plan frontiers and blocked lanes"
+        },
+        {
+          "name": "subagent-graph",
+          "reason": "Design dependency-aware multi-agent launch graphs"
+        },
+        {
+          "name": "helm",
+          "reason": "Steer already-running multi-agent work"
+        },
+        {
+          "name": "debugger-mode",
+          "reason": "Run hypothesis-driven debugging with runtime evidence"
+        }
+      ]
+    }
+  ]
+}

package/template/AGENTS.md

@@ -0,0 +1,20 @@
+# UltraModern Agent Contract
+
+This project is generated for Codex-first UltraModern.js work.
+
+## Quality Gates
+
+- `pnpm lint` runs Oxlint with the Ultracite preset.
+- `pnpm format` runs oxfmt.
+- `pnpm typecheck` runs effect-tsgo as the TypeScript checker.
+- `pnpm ultramodern:check` verifies the generated contract.
+
+## Private Skills
+
+Private orchestration skills are not vendored into this template. If you are authorized for `TechsioCZ/skills`, run:
+
+```bash
+pnpm skills:install
+```
+
+The installer clones that private repository and copies only the allowlisted skills from `.agents/skills-lock.json`.

package/template/api/effect/index.ts.handlebars

@@ -2,56 +2,24 @@
   Effect,
   HttpApiBuilder,
   Layer,
-  Schema,
-  ServiceMap,
   defineEffectBff,
 } from '@modern-js/plugin-bff/effect-server';
 import { bffEffectApi } from '../../shared/effect/api';
 
-class GreetingUnavailableError extends Schema.TaggedError<GreetingUnavailableError>()(
-  'GreetingUnavailableError',
-  {
-    message: Schema.String,
-  },
-) {}
-
-class GreetingService extends ServiceMap.Service<GreetingService>()('GreetingService', {
-  make: Effect.succeed({
-    hello: Effect.fn('GreetingService.hello')(function* () {
-      if (Date.now() < 0) {
-        return yield* Effect.fail(
-          new GreetingUnavailableError({
-            message: 'Greeting service is unavailable',
-          }),
-        );
-      }
-
-      return {
+const greetingsLayer = HttpApiBuilder.group(
+  bffEffectApi,
+  'greetings',
+  (handlers: any) =>
+    handlers.handle('hello', () =>
+      Effect.succeed({
         message: 'Hello from Effect HttpApi',
         runtime: 'effect' as const,
-      };
-    }),
-  }),
-}) {
-  static readonly layer = Layer.effect(this, this.make);
-}
-
-const greetingsLayer = HttpApiBuilder.group(bffEffectApi, 'greetings', handlers =>
-  handlers.handle('hello', () =>
-    GreetingService.use(service => service.hello()).pipe(
-      Effect.catchTag('GreetingUnavailableError', error =>
-        Effect.succeed({
-          message: error.message,
-          runtime: 'effect' as const,
-        }),
-      ),
+      }),
     ),
-  ),
 );
 
 const layer = HttpApiBuilder.layer(bffEffectApi).pipe(
   Layer.provide(greetingsLayer),
-  Layer.provide(GreetingService.layer),
 );
 
 export default defineEffectBff({

package/template/modern.config.ts.handlebars

@@ -1,18 +1,19 @@
+// @effect-diagnostics nodeBuiltinImport:off processEnv:off
 import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
 import path from 'node:path';
 {{#if enableBff}}import { bffPlugin } from '@modern-js/plugin-bff';
 {{/if}}{{#if isTanstackRouter}}import { tanstackRouterPlugin } from '@modern-js/plugin-tanstack';
 {{/if}}
 
-const appId = process.env.MODERN_BASELINE_APP_ID || path.basename(process.cwd());
+const appId = process.env['MODERN_BASELINE_APP_ID'] || path.basename(process.cwd());
 const enableModuleFederationSSR =
-  process.env.MODERN_BASELINE_ENABLE_MF_SSR !== 'false';
+  process.env['MODERN_BASELINE_ENABLE_MF_SSR'] !== 'false';
 const enableBffRequestId =
-  process.env.MODERN_BASELINE_ENABLE_BFF_REQUEST_ID !== 'false';
+  process.env['MODERN_BASELINE_ENABLE_BFF_REQUEST_ID'] !== 'false';
 const enableTelemetryExporters =
-  process.env.MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS !== 'false';
+  process.env['MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS'] !== 'false';
 const telemetryFailLoudStartup =
-  process.env.MODERN_TELEMETRY_FAIL_LOUD_STARTUP !== 'false';
+  process.env['MODERN_TELEMETRY_FAIL_LOUD_STARTUP'] !== 'false';
 
 // https://bleedingdev.github.io/ultramodern.js/configure/app/usage.html
 export default defineConfig(
@@ -43,8 +44,8 @@ export default defineConfig(
       enableModuleFederationSSR,
       enableTelemetryExporters,
       telemetryFailLoudStartup,
-      otlpEndpoint: process.env.MODERN_TELEMETRY_OTLP_ENDPOINT,
-      victoriaMetricsEndpoint: process.env.MODERN_TELEMETRY_VICTORIA_ENDPOINT,
+      otlpEndpoint: process.env['MODERN_TELEMETRY_OTLP_ENDPOINT'],
+      victoriaMetricsEndpoint: process.env['MODERN_TELEMETRY_VICTORIA_ENDPOINT'],
     },
   ),
 );

package/template/oxfmt.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "oxfmt";
+import ultracite from "ultracite/oxfmt";
+
+export default defineConfig({
+  extends: [ultracite],
+  ignorePatterns: ["dist", "node_modules", ".modern", ".modernjs", "**/routeTree.gen.ts"],
+});