@bleedingdev/modern-js-sandpack-react 3.2.0-ultramodern.45 → 3.2.0-ultramodern.46

package/dist/cjs/templates/common.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     commonFiles: ()=>commonFiles
 });
 const commonFiles = {
-    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n",
-    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n"
+    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n",
+    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
 };
 exports.commonFiles = __webpack_exports__.commonFiles;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/cjs/templates/mwa.js

@@ -54,8 +54,8 @@ const MWAFiles = {
     "api/effect/index.ts": "\n",
     "api/lambda/hello.ts": "",
     "shared/effect/api.ts": "\n",
-    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\nimport { createInstance } from 'i18next';\n\nconst i18nInstance = createInstance();\n\nexport default defineRuntimeConfig({\n  i18n: {\n    i18nInstance,\n    initOptions: {\n      defaultNS: 'translation',\n      fallbackLng: 'en',\n      interpolation: {\n        escapeValue: false,\n      },\n      ns: ['translation'],\n      supportedLngs: ['en', 'cs'],\n    },\n  },\n});\n",
     "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n\ndeclare const ULTRAMODERN_SITE_URL: string;\n",
+    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\nimport { createInstance } from 'i18next';\n\nconst i18nInstance = createInstance();\n\nexport default defineRuntimeConfig({\n  i18n: {\n    i18nInstance,\n    initOptions: {\n      defaultNS: 'translation',\n      fallbackLng: 'en',\n      interpolation: {\n        escapeValue: false,\n      },\n      ns: ['translation'],\n      supportedLngs: ['en', 'cs'],\n    },\n  },\n});\n",
     "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo,\n    Monaco,\n    Lucida Console,\n    Liberation Mono,\n    DejaVu Sans Mono,\n    Bitstream Vera Sans Mono,\n    Courier New,\n    monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
     "src/routes/layout.tsx": "import { Outlet } from '';\nimport './index.css';\n\nexport default function Layout() {\n  return (\n    <div>\n      <Outlet />\n    </div>\n  );\n}\n",
     "src/routes/[lang]/page.tsx": 'import { Helmet } from \'@modern-js/runtime/head\';\nimport { useModernI18n } from \'@modern-js/plugin-i18n/runtime\';\nimport { useLocation } from \'\';\nimport { useTranslation } from \'react-i18next\';\n\nconst fallbackLanguage = \'en\';\nconst supportedLanguages = [\'en\', \'cs\'] as const;\ntype SupportedLanguage = (typeof supportedLanguages)[number];\n\nconst isSupportedLanguage = (value: string): value is SupportedLanguage =>\n  supportedLanguages.includes(value as SupportedLanguage);\n\nconst stripLanguagePrefix = (pathname: string) => {\n  const segments = pathname.split(\'/\').filter(Boolean);\n  if (segments.length > 0 && isSupportedLanguage(segments[0] ?? \'\')) {\n    segments.shift();\n  }\n  return `/${segments.join(\'/\')}`;\n};\n\nconst localizedPath = (pathname: string, language: SupportedLanguage) => {\n  const pathWithoutLanguage = stripLanguagePrefix(pathname);\n  return pathWithoutLanguage === \'/\' ? `/${language}` : `/${language}${pathWithoutLanguage}`;\n};\n\nconst absoluteUrl = (pathname: string) => {\n  const origin = ULTRAMODERN_SITE_URL.replace(/\\/+$/u, \'\');\n  return `${origin}${pathname}`;\n};\n\nconst locationSuffix = (location: { hash?: unknown; search?: unknown; searchStr?: unknown }) => {\n  const { hash, search, searchStr } = location;\n  let locationSearch = \'\';\n  if (typeof searchStr === \'string\') {\n    locationSearch = searchStr;\n  } else if (typeof search === \'string\') {\n    locationSearch = search;\n  }\n  const locationHash = typeof hash === \'string\' ? hash : \'\';\n  return `${locationSearch}${locationHash}`;\n};\n\nconst Index = () => {\n  const { t } = useTranslation();\n  const { language } = useModernI18n();\n  const location = useLocation();\n  const currentLanguage = isSupportedLanguage(language) ? language : fallbackLanguage;\n  const canonicalPath = localizedPath(location.pathname, currentLanguage);\n  const suffix = locationSuffix(location);\n  const languageOptions = supportedLanguages.map((code) => ({\n    code,\n    href: `${localizedPath(location.pathname, code)}${suffix}`,\n    label: t(`home.language.${code}`),\n  }));\n  return (\n    <div className="container-box">\n      <Helmet>\n        <link\n          rel="icon"\n          type="image/x-icon"\n          href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"\n        />\n        <link rel="canonical" href={absoluteUrl(canonicalPath)} />\n        {supportedLanguages.map((code) => (\n          <link\n            href={absoluteUrl(localizedPath(location.pathname, code))}\n            hrefLang={code}\n            key={code}\n            rel="alternate"\n          />\n        ))}\n        <link\n          href={absoluteUrl(localizedPath(location.pathname, fallbackLanguage))}\n          hrefLang="x-default"\n          rel="alternate"\n        />\n      </Helmet>\n      <main>\n        <nav className="language-switcher" aria-label={t(\'home.language.switcher\')}>\n          {languageOptions.map((option) => (\n            <a\n              aria-current={currentLanguage === option.code ? \'page\' : undefined}\n              href={option.href}\n              key={option.code}\n            >\n              {option.label}\n            </a>\n          ))}\n        </nav>\n        <div className="title">\n          {t(\'home.title\')}\n          <img\n            alt={t(\'home.logoAlt\')}\n            className="logo"\n            src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"\n          />\n          <p className="name">{t(\'home.name\')}</p>\n        </div>\n        <p className="description">\n          {t(\'home.description.intro\')} <code className="code">presetUltramodern(...)</code>{\' \'}\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.afterPreset\')}\n          <code className="code">modern.config.ts</code>\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.afterConfig\')}\n          <code className="code">mise exec -- pnpm run ultramodern:check</code>\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.end\')}\n        </p>\n        <div className="grid">\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/guides/get-started/ultramodern.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              {t(\'home.cards.guide.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.guide.body\')}</p>\n          </a>\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/configure/app/usage.html"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              {t(\'home.cards.config.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.config.body\')}</p>\n          </a>\n          <a\n            href="https://github.com/BleedingDev/ultramodern.js/blob/main-ultramodern/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              {t(\'home.cards.gates.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.gates.body\')}</p>\n          </a>\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/configure/app/bff/effect.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              {t(\'home.cards.bff.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.bff.body\')}</p>\n          </a>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Index;\n',

package/dist/esm/templates/common.mjs

@@ -1,5 +1,5 @@
 const commonFiles = {
-    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n",
-    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n"
+    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n",
+    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
 };
 export { commonFiles };

package/dist/esm/templates/mwa.mjs

@@ -26,8 +26,8 @@ const MWAFiles = {
     "api/effect/index.ts": "\n",
     "api/lambda/hello.ts": "",
     "shared/effect/api.ts": "\n",
-    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\nimport { createInstance } from 'i18next';\n\nconst i18nInstance = createInstance();\n\nexport default defineRuntimeConfig({\n  i18n: {\n    i18nInstance,\n    initOptions: {\n      defaultNS: 'translation',\n      fallbackLng: 'en',\n      interpolation: {\n        escapeValue: false,\n      },\n      ns: ['translation'],\n      supportedLngs: ['en', 'cs'],\n    },\n  },\n});\n",
     "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n\ndeclare const ULTRAMODERN_SITE_URL: string;\n",
+    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\nimport { createInstance } from 'i18next';\n\nconst i18nInstance = createInstance();\n\nexport default defineRuntimeConfig({\n  i18n: {\n    i18nInstance,\n    initOptions: {\n      defaultNS: 'translation',\n      fallbackLng: 'en',\n      interpolation: {\n        escapeValue: false,\n      },\n      ns: ['translation'],\n      supportedLngs: ['en', 'cs'],\n    },\n  },\n});\n",
     "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo,\n    Monaco,\n    Lucida Console,\n    Liberation Mono,\n    DejaVu Sans Mono,\n    Bitstream Vera Sans Mono,\n    Courier New,\n    monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
     "src/routes/layout.tsx": "import { Outlet } from '';\nimport './index.css';\n\nexport default function Layout() {\n  return (\n    <div>\n      <Outlet />\n    </div>\n  );\n}\n",
     "src/routes/[lang]/page.tsx": 'import { Helmet } from \'@modern-js/runtime/head\';\nimport { useModernI18n } from \'@modern-js/plugin-i18n/runtime\';\nimport { useLocation } from \'\';\nimport { useTranslation } from \'react-i18next\';\n\nconst fallbackLanguage = \'en\';\nconst supportedLanguages = [\'en\', \'cs\'] as const;\ntype SupportedLanguage = (typeof supportedLanguages)[number];\n\nconst isSupportedLanguage = (value: string): value is SupportedLanguage =>\n  supportedLanguages.includes(value as SupportedLanguage);\n\nconst stripLanguagePrefix = (pathname: string) => {\n  const segments = pathname.split(\'/\').filter(Boolean);\n  if (segments.length > 0 && isSupportedLanguage(segments[0] ?? \'\')) {\n    segments.shift();\n  }\n  return `/${segments.join(\'/\')}`;\n};\n\nconst localizedPath = (pathname: string, language: SupportedLanguage) => {\n  const pathWithoutLanguage = stripLanguagePrefix(pathname);\n  return pathWithoutLanguage === \'/\' ? `/${language}` : `/${language}${pathWithoutLanguage}`;\n};\n\nconst absoluteUrl = (pathname: string) => {\n  const origin = ULTRAMODERN_SITE_URL.replace(/\\/+$/u, \'\');\n  return `${origin}${pathname}`;\n};\n\nconst locationSuffix = (location: { hash?: unknown; search?: unknown; searchStr?: unknown }) => {\n  const { hash, search, searchStr } = location;\n  let locationSearch = \'\';\n  if (typeof searchStr === \'string\') {\n    locationSearch = searchStr;\n  } else if (typeof search === \'string\') {\n    locationSearch = search;\n  }\n  const locationHash = typeof hash === \'string\' ? hash : \'\';\n  return `${locationSearch}${locationHash}`;\n};\n\nconst Index = () => {\n  const { t } = useTranslation();\n  const { language } = useModernI18n();\n  const location = useLocation();\n  const currentLanguage = isSupportedLanguage(language) ? language : fallbackLanguage;\n  const canonicalPath = localizedPath(location.pathname, currentLanguage);\n  const suffix = locationSuffix(location);\n  const languageOptions = supportedLanguages.map((code) => ({\n    code,\n    href: `${localizedPath(location.pathname, code)}${suffix}`,\n    label: t(`home.language.${code}`),\n  }));\n  return (\n    <div className="container-box">\n      <Helmet>\n        <link\n          rel="icon"\n          type="image/x-icon"\n          href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"\n        />\n        <link rel="canonical" href={absoluteUrl(canonicalPath)} />\n        {supportedLanguages.map((code) => (\n          <link\n            href={absoluteUrl(localizedPath(location.pathname, code))}\n            hrefLang={code}\n            key={code}\n            rel="alternate"\n          />\n        ))}\n        <link\n          href={absoluteUrl(localizedPath(location.pathname, fallbackLanguage))}\n          hrefLang="x-default"\n          rel="alternate"\n        />\n      </Helmet>\n      <main>\n        <nav className="language-switcher" aria-label={t(\'home.language.switcher\')}>\n          {languageOptions.map((option) => (\n            <a\n              aria-current={currentLanguage === option.code ? \'page\' : undefined}\n              href={option.href}\n              key={option.code}\n            >\n              {option.label}\n            </a>\n          ))}\n        </nav>\n        <div className="title">\n          {t(\'home.title\')}\n          <img\n            alt={t(\'home.logoAlt\')}\n            className="logo"\n            src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"\n          />\n          <p className="name">{t(\'home.name\')}</p>\n        </div>\n        <p className="description">\n          {t(\'home.description.intro\')} <code className="code">presetUltramodern(...)</code>{\' \'}\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.afterPreset\')}\n          <code className="code">modern.config.ts</code>\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.afterConfig\')}\n          <code className="code">mise exec -- pnpm run ultramodern:check</code>\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.end\')}\n        </p>\n        <div className="grid">\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/guides/get-started/ultramodern.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              {t(\'home.cards.guide.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.guide.body\')}</p>\n          </a>\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/configure/app/usage.html"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              {t(\'home.cards.config.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.config.body\')}</p>\n          </a>\n          <a\n            href="https://github.com/BleedingDev/ultramodern.js/blob/main-ultramodern/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              {t(\'home.cards.gates.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.gates.body\')}</p>\n          </a>\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/configure/app/bff/effect.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              {t(\'home.cards.bff.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.bff.body\')}</p>\n          </a>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Index;\n',

package/dist/esm-node/templates/common.mjs

@@ -1,6 +1,6 @@
 import "node:module";
 const commonFiles = {
-    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n",
-    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n"
+    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n",
+    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
 };
 export { commonFiles };

package/dist/esm-node/templates/mwa.mjs

@@ -27,8 +27,8 @@ const MWAFiles = {
     "api/effect/index.ts": "\n",
     "api/lambda/hello.ts": "",
     "shared/effect/api.ts": "\n",
-    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\nimport { createInstance } from 'i18next';\n\nconst i18nInstance = createInstance();\n\nexport default defineRuntimeConfig({\n  i18n: {\n    i18nInstance,\n    initOptions: {\n      defaultNS: 'translation',\n      fallbackLng: 'en',\n      interpolation: {\n        escapeValue: false,\n      },\n      ns: ['translation'],\n      supportedLngs: ['en', 'cs'],\n    },\n  },\n});\n",
     "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n\ndeclare const ULTRAMODERN_SITE_URL: string;\n",
+    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\nimport { createInstance } from 'i18next';\n\nconst i18nInstance = createInstance();\n\nexport default defineRuntimeConfig({\n  i18n: {\n    i18nInstance,\n    initOptions: {\n      defaultNS: 'translation',\n      fallbackLng: 'en',\n      interpolation: {\n        escapeValue: false,\n      },\n      ns: ['translation'],\n      supportedLngs: ['en', 'cs'],\n    },\n  },\n});\n",
     "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo,\n    Monaco,\n    Lucida Console,\n    Liberation Mono,\n    DejaVu Sans Mono,\n    Bitstream Vera Sans Mono,\n    Courier New,\n    monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
     "src/routes/layout.tsx": "import { Outlet } from '';\nimport './index.css';\n\nexport default function Layout() {\n  return (\n    <div>\n      <Outlet />\n    </div>\n  );\n}\n",
     "src/routes/[lang]/page.tsx": 'import { Helmet } from \'@modern-js/runtime/head\';\nimport { useModernI18n } from \'@modern-js/plugin-i18n/runtime\';\nimport { useLocation } from \'\';\nimport { useTranslation } from \'react-i18next\';\n\nconst fallbackLanguage = \'en\';\nconst supportedLanguages = [\'en\', \'cs\'] as const;\ntype SupportedLanguage = (typeof supportedLanguages)[number];\n\nconst isSupportedLanguage = (value: string): value is SupportedLanguage =>\n  supportedLanguages.includes(value as SupportedLanguage);\n\nconst stripLanguagePrefix = (pathname: string) => {\n  const segments = pathname.split(\'/\').filter(Boolean);\n  if (segments.length > 0 && isSupportedLanguage(segments[0] ?? \'\')) {\n    segments.shift();\n  }\n  return `/${segments.join(\'/\')}`;\n};\n\nconst localizedPath = (pathname: string, language: SupportedLanguage) => {\n  const pathWithoutLanguage = stripLanguagePrefix(pathname);\n  return pathWithoutLanguage === \'/\' ? `/${language}` : `/${language}${pathWithoutLanguage}`;\n};\n\nconst absoluteUrl = (pathname: string) => {\n  const origin = ULTRAMODERN_SITE_URL.replace(/\\/+$/u, \'\');\n  return `${origin}${pathname}`;\n};\n\nconst locationSuffix = (location: { hash?: unknown; search?: unknown; searchStr?: unknown }) => {\n  const { hash, search, searchStr } = location;\n  let locationSearch = \'\';\n  if (typeof searchStr === \'string\') {\n    locationSearch = searchStr;\n  } else if (typeof search === \'string\') {\n    locationSearch = search;\n  }\n  const locationHash = typeof hash === \'string\' ? hash : \'\';\n  return `${locationSearch}${locationHash}`;\n};\n\nconst Index = () => {\n  const { t } = useTranslation();\n  const { language } = useModernI18n();\n  const location = useLocation();\n  const currentLanguage = isSupportedLanguage(language) ? language : fallbackLanguage;\n  const canonicalPath = localizedPath(location.pathname, currentLanguage);\n  const suffix = locationSuffix(location);\n  const languageOptions = supportedLanguages.map((code) => ({\n    code,\n    href: `${localizedPath(location.pathname, code)}${suffix}`,\n    label: t(`home.language.${code}`),\n  }));\n  return (\n    <div className="container-box">\n      <Helmet>\n        <link\n          rel="icon"\n          type="image/x-icon"\n          href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"\n        />\n        <link rel="canonical" href={absoluteUrl(canonicalPath)} />\n        {supportedLanguages.map((code) => (\n          <link\n            href={absoluteUrl(localizedPath(location.pathname, code))}\n            hrefLang={code}\n            key={code}\n            rel="alternate"\n          />\n        ))}\n        <link\n          href={absoluteUrl(localizedPath(location.pathname, fallbackLanguage))}\n          hrefLang="x-default"\n          rel="alternate"\n        />\n      </Helmet>\n      <main>\n        <nav className="language-switcher" aria-label={t(\'home.language.switcher\')}>\n          {languageOptions.map((option) => (\n            <a\n              aria-current={currentLanguage === option.code ? \'page\' : undefined}\n              href={option.href}\n              key={option.code}\n            >\n              {option.label}\n            </a>\n          ))}\n        </nav>\n        <div className="title">\n          {t(\'home.title\')}\n          <img\n            alt={t(\'home.logoAlt\')}\n            className="logo"\n            src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"\n          />\n          <p className="name">{t(\'home.name\')}</p>\n        </div>\n        <p className="description">\n          {t(\'home.description.intro\')} <code className="code">presetUltramodern(...)</code>{\' \'}\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.afterPreset\')}\n          <code className="code">modern.config.ts</code>\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.afterConfig\')}\n          <code className="code">mise exec -- pnpm run ultramodern:check</code>\n          {/* i18n-ignore technical token */}\n          {t(\'home.description.end\')}\n        </p>\n        <div className="grid">\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/guides/get-started/ultramodern.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              {t(\'home.cards.guide.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.guide.body\')}</p>\n          </a>\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/configure/app/usage.html"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              {t(\'home.cards.config.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.config.body\')}</p>\n          </a>\n          <a\n            href="https://github.com/BleedingDev/ultramodern.js/blob/main-ultramodern/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              {t(\'home.cards.gates.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.gates.body\')}</p>\n          </a>\n          <a\n            href="https://bleedingdev.github.io/ultramodern.js/configure/app/bff/effect.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              {t(\'home.cards.bff.title\')}\n              <img\n                alt=""\n                className="arrow-right"\n                src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              />\n            </h2>\n            <p>{t(\'home.cards.bff.body\')}</p>\n          </a>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Index;\n',

package/dist/types/templates/common.d.ts

@@ -1,4 +1,4 @@
 export declare const commonFiles: {
-    ".codesandbox/tasks.json": string;
     ".codesandbox/environment.json": string;
+    ".codesandbox/tasks.json": string;
 };

package/dist/types/templates/mwa.d.ts

@@ -1,6 +1,6 @@
 export declare const MWAFiles: {
-    ".codesandbox/tasks.json": string;
     ".codesandbox/environment.json": string;
+    ".codesandbox/tasks.json": string;
     ".browserslistrc": string;
     ".gitignore": string;
     ".mise.toml": string;
@@ -26,8 +26,8 @@ export declare const MWAFiles: {
     "api/effect/index.ts": string;
     "api/lambda/hello.ts": string;
     "shared/effect/api.ts": string;
-    "src/modern.runtime.ts": string;
     "src/modern-app-env.d.ts": string;
+    "src/modern.runtime.ts": string;
     "src/routes/index.css": string;
     "src/routes/layout.tsx": string;
     "src/routes/[lang]/page.tsx": string;

package/package.json

@@ -17,7 +17,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.2.0-ultramodern.45",
+  "version": "3.2.0-ultramodern.46",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.mjs",
@@ -48,7 +48,7 @@
     "@types/recursive-readdir": "^2.2.4",
     "@typescript/native-preview": "7.0.0-dev.20260527.2",
     "recursive-readdir": "^2.2.3",
-    "@modern-js/create": "npm:@bleedingdev/modern-js-create@3.2.0-ultramodern.45"
+    "@modern-js/create": "npm:@bleedingdev/modern-js-create@3.2.0-ultramodern.46"
   },
   "sideEffects": false,
   "publishConfig": {