@multiplatform.one/core 7.7.3 → 7.7.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/core",
-  "version": "7.7.3",
+  "version": "7.7.4",
   "description": "Core framework shell, provider composition, and layout factories for multiplatform.one",
   "keywords": [
     "app",
@@ -47,11 +47,11 @@
     "@tanstack/react-devtools": "^0.10.2",
     "@tanstack/react-form-devtools": "0.2.22",
     "react-cookie": "^8.1.2",
-    "@multiplatform.one/i18n": "7.7.3",
-    "@multiplatform.one/logger": "7.7.3",
-    "@multiplatform.one/platform": "7.7.3",
-    "@multiplatform.one/store": "7.7.3",
-    "@multiplatform.one/theme": "7.7.3"
+    "@multiplatform.one/i18n": "7.7.4",
+    "@multiplatform.one/logger": "7.7.4",
+    "@multiplatform.one/platform": "7.7.4",
+    "@multiplatform.one/store": "7.7.4",
+    "@multiplatform.one/theme": "7.7.4"
   },
   "devDependencies": {
     "@sentry/react": "^10.51.0",
@@ -68,8 +68,8 @@
     "tamagui": "2.7.6",
     "typescript": "~5.9.3",
     "vitest": "^4.1.5",
-    "@multiplatform.one/frappe": "7.7.3",
-    "@multiplatform.one/web3": "7.7.3"
+    "@multiplatform.one/frappe": "7.7.4",
+    "@multiplatform.one/web3": "7.7.4"
   },
   "peerDependencies": {
     "@sentry/react": "^9.0.0",
@@ -85,10 +85,10 @@
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-safe-area-context": ">=4.0.0",
     "tamagui": "^2.0.0-rc",
-    "@multiplatform.one/frappe": "^7.7.3",
-    "@multiplatform.one/frappe-ui": "^7.7.3",
-    "@multiplatform.one/keycloak": "^7.7.3",
-    "@multiplatform.one/web3": "^7.7.3"
+    "@multiplatform.one/frappe": "^7.7.4",
+    "@multiplatform.one/frappe-ui": "^7.7.4",
+    "@multiplatform.one/keycloak": "^7.7.4",
+    "@multiplatform.one/web3": "^7.7.4"
   },
   "peerDependenciesMeta": {
     "@multiplatform.one/web3": {

package/src/app/CreateRootLayout.web.spec.tsx

@@ -0,0 +1,53 @@
+import { renderToStaticMarkup } from "react-dom/server";
+import { describe, expect, it, vi } from "vitest";
+import type { ReactNode } from "react";
+import { createRootLayout } from "./CreateRootLayout.web";
+
+vi.mock("one", () => ({ LoadProgressBar: () => null, Slot: () => null, useMatches: () => [] }));
+vi.mock("@vxrn/color-scheme", () => ({
+  SchemeProvider: ({ children }: { children: ReactNode }) => children,
+  setUserScheme: vi.fn(),
+  useUserScheme: () => ({ value: "light" }),
+}));
+vi.mock("i18next", () => ({
+  default: {
+    use: () => ({ init: () => Promise.resolve() }),
+    changeLanguage: vi.fn(),
+    language: "en",
+  },
+}));
+vi.mock("react-i18next", () => ({ initReactI18next: {} }));
+vi.mock("@multiplatform.one/platform", () => ({
+  config: { get: (_key: string, fallback?: string) => fallback },
+  isDev: false,
+  platform: { isServer: true },
+}));
+vi.mock("@multiplatform.one/i18n", () => ({ createI18nConfig: () => ({}) }));
+vi.mock("@multiplatform.one/logger", () => ({ logger: { error: vi.fn() } }));
+vi.mock("@multiplatform.one/store", () => ({ storage: {} }));
+vi.mock("./RuntimePublicConfigScript", () => ({ RuntimePublicConfigScript: () => null }));
+
+function renderRoot(head?: { favicon?: string; interFonts?: boolean }) {
+  const Wrapper = ({ children }: { children?: ReactNode }) => children;
+  const Layout = createRootLayout({
+    AppProvider: Wrapper,
+    RootLayout: Wrapper,
+    i18n: { defaultLanguage: "en" },
+    head,
+  } as Parameters<typeof createRootLayout>[0]);
+  return renderToStaticMarkup(<Layout />);
+}
+
+describe("web root viewport (MPO-257)", () => {
+  it("renders exactly one device-width viewport without optional head config", () => {
+    const html = renderRoot();
+    expect(html.match(/name="viewport"/g)).toHaveLength(1);
+    expect(html).toContain('content="width=device-width, initial-scale=1, maximum-scale=5"');
+  });
+  it("preserves custom favicon and font settings with exactly one viewport", () => {
+    const html = renderRoot({ favicon: "/custom.svg", interFonts: false });
+    expect(html.match(/name="viewport"/g)).toHaveLength(1);
+    expect(html).toContain('rel="icon" href="/custom.svg"');
+    expect(html).not.toContain("/fonts/inter-400.woff2");
+  });
+});

package/src/app/CreateRootLayout.web.tsx

@@ -187,13 +187,10 @@ export function createRootLayout(cfg: CreateRootLayoutConfig): ComponentType {
               "@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}",
             ].join("")}
           </style>
+          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
           {cfg.head && (
             <>
               <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
-              <meta
-                name="viewport"
-                content="width=device-width, initial-scale=1, maximum-scale=5"
-              />
               {cfg.head.favicon && <link rel="icon" href={cfg.head.favicon} />}
             </>
           )}

package/types/app/CreateRootLayout.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateRootLayout.web.d.ts","sourceRoot":"","sources":["../../src/app/CreateRootLayout.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAQtD,OAAO,KAAK,EAAE,sBAAsB,EAAkB,MAAM,oBAAoB,CAAC;AAEjF,YAAY,EACV,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,GACb,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,sBAAsB,GAAG,aAAa,CA4L3E"}
+{"version":3,"file":"CreateRootLayout.web.d.ts","sourceRoot":"","sources":["../../src/app/CreateRootLayout.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAQtD,OAAO,KAAK,EAAE,sBAAsB,EAAkB,MAAM,oBAAoB,CAAC;AAEjF,YAAY,EACV,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,GACb,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,sBAAsB,GAAG,aAAa,CAyL3E"}