@bleedingdev/modern-js-create 3.2.0-ultramodern.11 → 3.2.0-ultramodern.111

package/dist/types/locale/en.d.ts

@@ -35,6 +35,7 @@ export declare const EN_LOCALE: {
         optionUltramodernPackageSource: string;
         optionUltramodernPackageScope: string;
         optionUltramodernPackageNamePrefix: string;
+        optionVertical: string;
         optionSub: string;
         examples: string;
         example1: string;
@@ -47,6 +48,8 @@ export declare const EN_LOCALE: {
         example8: string;
         example9: string;
         example10: string;
+        example11: string;
+        example12: string;
         moreInfo: string;
     };
     version: {

package/dist/types/locale/index.d.ts

@@ -1,3 +1,118 @@
-declare const i18n: any;
-declare const localeKeys: any;
+import { I18n } from '@modern-js/i18n-utils';
+declare const i18n: I18n;
+declare const localeKeys: {
+    prompt: {
+        projectName: string;
+    };
+    error: {
+        projectNameEmpty: string;
+        directoryExists: string;
+        invalidRouter: string;
+        invalidBffRuntime: string;
+        createFailed: string;
+    };
+    message: {
+        welcome: string;
+        success: string;
+        nextSteps: string;
+        step1: string;
+        step2: string;
+        step3: string;
+    };
+    help: {
+        title: string;
+        description: string;
+        usage: string;
+        usageExample: string;
+        options: string;
+        optionHelp: string;
+        optionVersion: string;
+        optionLang: string;
+        optionRouter: string;
+        optionBff: string;
+        optionBffRuntime: string;
+        optionTailwind: string;
+        optionWorkspace: string;
+        optionUltramodernWorkspace: string;
+        optionUltramodernPackageSource: string;
+        optionUltramodernPackageScope: string;
+        optionUltramodernPackageNamePrefix: string;
+        optionVertical: string;
+        optionSub: string;
+        examples: string;
+        example1: string;
+        example2: string;
+        example3: string;
+        example4: string;
+        example5: string;
+        example6: string;
+        example7: string;
+        example8: string;
+        example9: string;
+        example10: string;
+        example11: string;
+        example12: string;
+        moreInfo: string;
+    };
+    version: {
+        message: string;
+    };
+} | {
+    prompt: {
+        projectName: string;
+    };
+    error: {
+        projectNameEmpty: string;
+        directoryExists: string;
+        invalidRouter: string;
+        invalidBffRuntime: string;
+        createFailed: string;
+    };
+    message: {
+        welcome: string;
+        success: string;
+        nextSteps: string;
+        step1: string;
+        step2: string;
+        step3: string;
+    };
+    help: {
+        title: string;
+        description: string;
+        usage: string;
+        usageExample: string;
+        options: string;
+        optionHelp: string;
+        optionVersion: string;
+        optionLang: string;
+        optionRouter: string;
+        optionBff: string;
+        optionBffRuntime: string;
+        optionTailwind: string;
+        optionWorkspace: string;
+        optionUltramodernWorkspace: string;
+        optionUltramodernPackageSource: string;
+        optionUltramodernPackageScope: string;
+        optionUltramodernPackageNamePrefix: string;
+        optionVertical: string;
+        optionSub: string;
+        examples: string;
+        example1: string;
+        example2: string;
+        example3: string;
+        example4: string;
+        example5: string;
+        example6: string;
+        example7: string;
+        example8: string;
+        example9: string;
+        example10: string;
+        example11: string;
+        example12: string;
+        moreInfo: string;
+    };
+    version: {
+        message: string;
+    };
+};
 export { i18n, localeKeys };

package/dist/types/locale/zh.d.ts

@@ -35,6 +35,7 @@ export declare const ZH_LOCALE: {
         optionUltramodernPackageSource: string;
         optionUltramodernPackageScope: string;
         optionUltramodernPackageNamePrefix: string;
+        optionVertical: string;
         optionSub: string;
         examples: string;
         example1: string;
@@ -47,6 +48,8 @@ export declare const ZH_LOCALE: {
         example8: string;
         example9: string;
         example10: string;
+        example11: string;
+        example12: string;
         moreInfo: string;
     };
     version: {

package/dist/types/ultramodern-package-source.d.ts

@@ -0,0 +1,28 @@
+export declare const WORKSPACE_PACKAGE_VERSION = "workspace:*";
+export declare const BLEEDINGDEV_CREATE_PACKAGE = "@bleedingdev/modern-js-create";
+export declare const BLEEDINGDEV_PACKAGE_SCOPE = "bleedingdev";
+export declare const BLEEDINGDEV_PACKAGE_NAME_PREFIX = "modern-js-";
+export declare const BLEEDINGDEV_FRAMEWORK_VERSION_ENV = "MODERN_CREATE_ULTRAMODERN_FRAMEWORK_VERSION";
+export declare const ULTRAMODERN_SINGLE_APP_MODERN_PACKAGES: readonly ['@modern-js/create', '@modern-js/code-tools', '@modern-js/runtime', '@modern-js/app-tools', '@modern-js/tsconfig', '@modern-js/plugin-i18n', '@modern-js/plugin-tanstack', '@modern-js/plugin-bff', '@modern-js/adapter-rstest'];
+export declare const ULTRAMODERN_WORKSPACE_MODERN_PACKAGES: readonly ['@modern-js/create', '@modern-js/code-tools', '@modern-js/app-tools', '@modern-js/plugin-bff', '@modern-js/plugin-i18n', '@modern-js/plugin-tanstack', '@modern-js/runtime'];
+export type UltramodernPackageSourceStrategy = 'workspace' | 'install';
+export type ResolvedUltramodernPackageSource = {
+    strategy: UltramodernPackageSourceStrategy;
+    modernPackageVersion: string;
+    registry?: string;
+    aliasScope?: string;
+    aliasPackageNamePrefix?: string;
+};
+export type UltramodernModernPackagesMetadata = {
+    packages: string[];
+    specifier: string;
+    registry?: string;
+    aliases?: Record<string, string>;
+};
+export declare function modernPackageVersion(packageSource: ResolvedUltramodernPackageSource): string;
+export declare function modernAliasPackageName(packageName: string, packageSource: ResolvedUltramodernPackageSource): string;
+export declare function modernPackageSpecifier(packageName: string, packageSource: ResolvedUltramodernPackageSource): string;
+export declare function modernPackageAliases(packageNames: readonly string[], packageSource: ResolvedUltramodernPackageSource): Record<string, string> | undefined;
+export declare function createModernPackagesMetadata(packageNames: readonly string[], packageSource: ResolvedUltramodernPackageSource, options?: {
+    includeAliases?: boolean;
+}): UltramodernModernPackagesMetadata;

package/dist/types/ultramodern-workspace.d.ts

@@ -1,8 +1,9 @@
-type UltramodernPackageSourceStrategy = 'workspace' | 'install';
+import { type UltramodernPackageSourceStrategy } from './ultramodern-package-source';
 export type UltramodernWorkspaceOptions = {
     targetDir: string;
     packageName: string;
     modernVersion: string;
+    enableTailwind?: boolean;
     packageSource?: {
         strategy?: UltramodernPackageSourceStrategy;
         modernPackageVersion?: string;
@@ -11,10 +12,19 @@ export type UltramodernWorkspaceOptions = {
         aliasPackageNamePrefix?: string;
     };
 };
+export type AddUltramodernVerticalOptions = {
+    workspaceRoot: string;
+    name: string;
+    modernVersion: string;
+    enableTailwind?: boolean;
+    packageSource?: UltramodernWorkspaceOptions['packageSource'];
+};
 export declare const ULTRAMODERN_WORKSPACE_FLAG = "--ultramodern-workspace";
+export declare function addUltramodernVertical(options: AddUltramodernVerticalOptions): void;
 export declare function generateUltramodernWorkspace(options: UltramodernWorkspaceOptions): void;
 export declare const ultramodernWorkspaceVersions: {
     tanstackRouter: string;
     moduleFederation: string;
+    tailwind: string;
+    tailwindPostcss: string;
 };
-export {};

package/package.json

@@ -21,14 +21,28 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "3.2.0-ultramodern.11",
+  "version": "3.2.0-ultramodern.111",
   "types": "./dist/types/index.d.ts",
-  "main": "./dist/index.js",
+  "main": "./dist/esm-node/index.js",
   "bin": {
     "create": "bin/run.js"
   },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types/index.d.ts"
+      ]
+    }
+  },
   "exports": {
-    ".": "./dist/index.js"
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "node": {
+        "import": "./dist/esm-node/index.js",
+        "require": "./dist/cjs/index.cjs"
+      },
+      "default": "./dist/esm-node/index.js"
+    }
   },
   "files": [
     "template",
@@ -38,10 +52,11 @@
   ],
   "devDependencies": {
     "@rslib/core": "0.21.5",
-    "@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.11"
+    "@types/node": "^25.9.1",
+    "@typescript/native-preview": "7.0.0-dev.20260606.1",
+    "tsx": "^4.22.3",
+    "@scripts/rstest-config": "2.66.0",
+    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.111"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -49,11 +64,12 @@
   },
   "modern:source": "./src/index.ts",
   "scripts": {
-    "build": "rslib build && pnpm -w tsgo:dts \"$PWD\"",
-    "dev": "rslib build -w",
-    "start": "node ./dist/index.js"
+    "build": "rm -rf dist && rslib build -c rslibconfig.mts && pnpm -w tsgo:dts \"$PWD\"",
+    "dev": "rslib build -c rslibconfig.mts -w",
+    "start": "node ./dist/esm-node/index.js",
+    "test": "rm -rf dist && rslib build -c rslibconfig.mts && rstest --passWithNoTests"
   },
   "ultramodern": {
-    "frameworkVersion": "3.2.0-ultramodern.11"
+    "frameworkVersion": "3.2.0-ultramodern.111"
   }
 }

package/template/.codex/hooks.json

@@ -0,0 +1,16 @@
+{
+  "Stop": [
+    {
+      "command": "pnpm format && pnpm lint:fix && pnpm ultramodern:check",
+      "timeout": 600000,
+      "statusMessage": "Running UltraModern quality gates"
+    }
+  ],
+  "SubagentStop": [
+    {
+      "command": "pnpm format && pnpm lint:fix && pnpm ultramodern:check",
+      "timeout": 600000,
+      "statusMessage": "Running UltraModern quality gates"
+    }
+  ]
+}

package/template/.github/renovate.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended",
+    "helpers:pinGitHubActionDigests"
+  ],
+  "dependencyDashboard": true,
+  "minimumReleaseAge": "1 day",
+  "prConcurrentLimit": 5,
+  "prHourlyLimit": 2,
+  "rangeStrategy": "bump",
+  "schedule": [
+    "before 5am on monday"
+  ],
+  "timezone": "Etc/UTC",
+  "packageRules": [
+    {
+      "matchManagers": [
+        "github-actions"
+      ],
+      "groupName": "github-actions",
+      "labels": [
+        "dependencies",
+        "github-actions",
+        "security"
+      ]
+    },
+    {
+      "matchManagers": [
+        "npm"
+      ],
+      "matchUpdateTypes": [
+        "patch",
+        "minor"
+      ],
+      "groupName": "npm minor and patch updates",
+      "labels": [
+        "dependencies",
+        "npm"
+      ]
+    },
+    {
+      "matchUpdateTypes": [
+        "major"
+      ],
+      "dependencyDashboardApproval": true,
+      "labels": [
+        "dependencies",
+        "major"
+      ]
+    }
+  ]
+}

package/template/.github/workflows/ultramodern-gates.yml.handlebars

@@ -4,27 +4,51 @@ on:
   push:
   pull_request:
 
+permissions:
+  contents: read
+
+defaults:
+  run:
+    shell: bash
+
+env:
+  FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
+
+concurrency:
+  group: ultramodern-gates-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   ultramodern-gates:
     runs-on: ubuntu-latest
+    timeout-minutes: 20
     steps:
-      - name: Checkout
-        uses: actions/checkout@v4
+      - name: Harden Runner
+        uses: step-security/harden-runner@ab7a9404c0f3da075243ca237b5fac12c98deaa5 # v2
+        with:
+          egress-policy: audit
 
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
+      - name: Checkout
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        with:
+          fetch-depth: 1
+          persist-credentials: false
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
-          node-version: 20
-          cache: pnpm
+          node-version: 24
+
+      - name: Setup mise
+        uses: jdx/mise-action@5ac50f778e26fac95da98d50503682459e86d566 # v3.2.0
 
       - name: Install Dependencies
-        run: pnpm install
+        run: mise exec -- pnpm install --frozen-lockfile
 
       - name: Validate Ultramodern Contract
-        run: pnpm run ultramodern:check
+        run: mise exec -- pnpm run ultramodern:check
 
       - name: Build
-        run: pnpm run build
+        env:
+          MODERN_PUBLIC_SITE_URL: http://localhost:8080
+        run: mise exec -- pnpm run build

package/template/.mise.toml.handlebars

@@ -0,0 +1,2 @@
+[tools]
+pnpm = "{{pnpmVersion}}"

package/template/AGENTS.md

@@ -7,14 +7,17 @@ This project is generated for Codex-first UltraModern.js work.
 - `pnpm lint` runs Oxlint with the Ultracite preset.
 - `pnpm format` runs oxfmt.
 - `pnpm typecheck` runs effect-tsgo as the TypeScript checker.
+- `pnpm i18n:check` rejects hardcoded user-visible JSX text.
 - `pnpm ultramodern:check` verifies the generated contract.
+- Generated Codex stop hooks and subagent-stop hooks run `pnpm format && pnpm lint:fix && pnpm ultramodern:check`.
+- `postinstall` formats the generated tree, installs private orchestration skills when available, initializes a Git repository when needed, and installs `lefthook`. Generated `lefthook.yml` runs `pnpm format && pnpm lint:fix && pnpm ultramodern:check` on pre-commit; pre-push runs `pnpm ultramodern:check`.
 
-## Private Skills
+## Internationalization
+
+Runtime i18n is enabled by default. Agents must put user-visible UI copy in `config/public/locales/<lang>/translation.json` and render it through `react-i18next` or `@modern-js/plugin-i18n/runtime`. Do not add hardcoded JSX text, `aria-label`, `title`, `alt`, or `placeholder` strings unless the value is a non-translatable technical token.
 
-Private orchestration skills are not vendored into this template. If you are authorized for `TechsioCZ/skills`, run:
+Routes are locale-prefixed by default through `localePathRedirect: true`. Keep localized pages under `src/routes/[lang]`, use links for language switching, and preserve canonical plus `hreflang` metadata. Production builds fail unless `MODERN_PUBLIC_SITE_URL` is set, so deployed canonical URLs always use the production origin.
 
-```bash
-pnpm skills:install
-```
+## Private Skills
 
-The installer clones that private repository and copies only the allowlisted skills from `.agents/skills-lock.json`.
+Private orchestration skills are installed automatically during `pnpm install` when the current developer is authorized for `TechsioCZ/skills`. The installer clones that private repository and copies only the allowlisted skills from `.agents/skills-lock.json`; unauthorized developers get a warning and can continue with the public contract.

package/template/README.md

@@ -1,10 +1,16 @@
 # UltraModern.js 3.0 Starter
 
+This generated app is a simple UltraModern.js starting point. It gives one app
+with localized routes, production URL metadata, optional BFF support, Rstest,
+Oxlint, oxfmt, and a local contract check. You can build a useful product here
+without deleting fake product areas, shell packages, or deployment topology.
+
 ## Setup
 
 Install the dependencies:
 
 ```bash
+mise install
 pnpm install
 ```
 
@@ -19,61 +25,87 @@ pnpm dev
 Build the app for production:
 
 ```bash
-pnpm build
+MODERN_PUBLIC_SITE_URL=https://example.com pnpm build
 ```
 
-Validate the generated Ultramodern preset contract locally:
+Preview the production build locally:
 
 ```bash
-pnpm run ultramodern:check
+pnpm serve
 ```
 
-The generated preset defaults are opt-out. Disable specific contracts via env vars:
+Run the local gates before treating the scaffold as ready:
 
 ```bash
-MODERN_BASELINE_ENABLE_MF_SSR=false
-MODERN_BASELINE_ENABLE_BFF_REQUEST_ID=false
-MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS=false
+pnpm run ultramodern:check
+MODERN_PUBLIC_SITE_URL=https://example.com pnpm run build
 ```
 
-The generated starter also includes `.github/workflows/ultramodern-gates.yml`.
-That workflow runs `pnpm run ultramodern:check` and `pnpm run build` on every
-push and pull request so the `presetUltramodern(...)` contract stays explicit.
+## What You Get
 
-## Micro Vertical Workspaces
+The default app is intentionally monolith-friendly:
 
-Inside a Micro Vertical workspace, generate shell, remote, and service packages
-with `--sub` so the workspace root owns package-manager and CI policy:
+| Area | Starting Point |
+| --- | --- |
+| App routes | Locale-prefixed pages under `src/routes/[lang]` |
+| Copy | English and Czech resources in `config/public/locales` |
+| Web defaults | Local favicon/logo assets, localized metadata, semantic starter markup |
+| Styling | App-local CSS, with Tailwind files only when selected |
+| Server logic | Optional BFF entrypoints under `api/` |
+| Tests | Rstest smoke coverage in `tests/` |
+| Agent workflow | Generated `AGENTS.md`, hooks, and local quality gates |
 
-```bash
-npx @modern-js/create apps/shell --router tanstack --tailwind --workspace --sub
-npx @modern-js/create apps/remotes/catalog --router tanstack --tailwind --workspace --sub
-npx @modern-js/create apps/remotes/design-system --router tanstack --tailwind --workspace --sub
-npx @modern-js/create services/catalog-api --bff-runtime effect --workspace --sub
-```
+Keep feature code in the app while one team owns the workflow, release train,
+and operational behavior. Add ordinary workspace packages for shared tokens,
+small UI primitives, generated clients, or domain-neutral utilities when that
+keeps the app easier to understand.
 
-The canonical topology is documented in
-`docs/super-app-rfc-adr/WORKSPACE-0001-micro-vertical-workspace-scaffolding.md`.
-Shell packages own route assembly and topology selection, remote packages own
-route subtrees and degraded UI, service packages own Effect or explicit Hono
-contracts, and shared packages are limited to tokens, primitives, generated
-clients, or domain-neutral utilities.
+## Customize The App
 
-If the design system needs independent deployment, keep it as a horizontal
-Module Federation remote with the same topology, trust, SSR compatibility, and
-fallback rules as the vertical remotes. Do not add a second preset or a
-design-system-specific framework mode.
+Start with the generated page and replace the placeholder cards with your first
+real routes, actions, and API calls. Put user-visible text in
+`config/public/locales/<lang>/translation.json`, then render it through
+`react-i18next` or `@modern-js/plugin-i18n/runtime`.
 
-The public opinionated entrypoint is `presetUltramodern(...)`. It is the default
-UltraModern.js SuperApp surface for Effect, TanStack, SSR, BFF, and Micro
-Verticals.
+The starter keeps favicon and logo assets local in `config/favicon.svg` and
+`config/public/assets/ultramodern-logo.svg`. Replace those files when your app
+has product branding. The localized page title and description live in the same
+translation resources as the visible UI copy.
 
-Preview the production build locally:
+Tune the preset in `modern.config.ts`. Production builds require
+`MODERN_PUBLIC_SITE_URL` so canonical and `hreflang` URLs use your deployed
+origin. The local fallback is `http://localhost:8080`.
+
+The generated preset defaults are opt-out. Disable specific contracts via env
+vars when your app needs a softer lane:
 
 ```bash
-pnpm serve
+MODERN_BASELINE_ENABLE_MF_SSR=false
+MODERN_BASELINE_ENABLE_BFF_REQUEST_ID=false
+MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS=false
 ```
 
+## Grow When Needed
+
+Stay in the single app until a boundary has a real owner and operational reason
+to split. A separate package is usually enough when you only need reusable code.
+Consider a larger workspace boundary later when a feature needs independent
+ownership, rollout, rollback, incident routing, or deployment evidence.
+
+The public opinionated entrypoint is `presetUltramodern(...)`. It keeps Effect,
+TanStack, SSR, BFF, i18n, and quality gates available without requiring a
+distributed app layout on day one.
+
+## Generated Automation
+
+The generated starter includes `.github/workflows/ultramodern-gates.yml` and
+`.github/renovate.json` for full app projects. The workflow runs
+`pnpm run ultramodern:check` and `pnpm run build` on every push and pull request
+with read-only permissions, commit-pinned actions, frozen installs, and
+StepSecurity audit-mode runner hardening. Renovate is configured for dependency
+dashboard review, one-day release age, grouped updates, action digest pinning,
+and manual approval for major upgrades.
+
 For more information, see the
 [UltraModern.js guide](https://bleedingdev.github.io/ultramodern.js/guides/get-started/ultramodern.html)
 and the [UltraModern.js documentation](https://bleedingdev.github.io/ultramodern.js/).

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

@@ -4,18 +4,29 @@
   Layer,
   defineEffectBff,
 } from '@modern-js/plugin-bff/effect-server';
-import { bffEffectApi } from '../../shared/effect/api';
+import type { HttpApi, HttpApiGroup } from '@modern-js/plugin-bff/effect-server';
+import { bffEffectApi } from '../../shared/effect/api.ts';
 
-const greetingsLayer = HttpApiBuilder.group(bffEffectApi, 'greetings', (handlers) =>
-  handlers.handle('hello', () =>
-    Effect.succeed({
-      message: 'Hello from Effect HttpApi',
-      runtime: 'effect' as const,
-    }),
-  ),
+type ApiGroups<TApi> = TApi extends HttpApi.HttpApi<string, infer TGroups> ? TGroups : never;
+type GreetingsHandlers = HttpApiBuilder.Handlers.FromGroup<
+  HttpApiGroup.WithName<ApiGroups<typeof bffEffectApi>, 'greetings'>
+>;
+
+const greetingsLayer = HttpApiBuilder.group(
+  bffEffectApi,
+  'greetings',
+  (handlers: GreetingsHandlers) =>
+    handlers.handle('hello', () =>
+      Effect.succeed({
+        message: 'Hello from Effect HttpApi',
+        runtime: 'effect' as const,
+      }),
+    ),
 );
 
-const layer = HttpApiBuilder.layer(bffEffectApi).pipe(Layer.provide(greetingsLayer));
+const layer = HttpApiBuilder.layer(bffEffectApi).pipe(
+  Layer.provide(greetingsLayer),
+);
 
 export default defineEffectBff({
   api: bffEffectApi,

package/template/api/lambda/hello.ts.handlebars

@@ -1,6 +1,6 @@
-{{#if useHonoBff}}export default async () => {
-  return {
-    message: 'Hello from UltraModern.js BFF ({{bffRuntime}})',
-  };
-};
+{{#if useHonoBff}}const hello = () => ({
+  message: 'Hello from UltraModern.js BFF ({{bffRuntime}})',
+});
+
+export default hello;
 {{/if}}

package/template/config/favicon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="UltraModern.js">
+  <rect width="64" height="64" rx="12" fill="#111827"/>
+  <path fill="#35d399" d="M14 17h9v21c0 5 3 8 9 8s9-3 9-8V17h9v22c0 11-8 18-18 18s-18-7-18-18V17Z"/>
+  <path fill="#ffffff" d="M28 17h8v25h-8z"/>
+</svg>

package/template/config/public/assets/ultramodern-logo.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="UltraModern.js logo">
+  <rect width="160" height="160" rx="28" fill="#111827"/>
+  <path fill="#35d399" d="M42 36h22v56c0 22 14 34 36 34s36-12 36-34V36h22v57c0 35-24 57-58 57S42 128 42 93V36Z"/>
+  <path fill="#ffffff" d="M76 36h20v74H76z"/>
+  <path fill="#8be8ff" d="M112 36h18v74h-18z"/>
+</svg>