create-bw-app 0.15.0 → 0.16.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-bw-app",
   "private": false,
-  "version": "0.15.0",
+  "version": "0.16.0",
   "type": "module",
   "bin": {
     "create-bw-app": "bin/create-bw-app.mjs",

package/src/generator.mjs

@@ -305,6 +305,35 @@ function createPlatformBrandConfigFile({ slug, brandValues }) {
     `  supportEmail: ${JSON.stringify(brandValues.supportEmail)},`,
     "};",
     "",
+    "export type StarterShellLogo = {",
+    "  src: string;",
+    "  width: number;",
+    "  height: number;",
+    "};",
+    "",
+    "export type StarterShellBrand = {",
+    "  href: string;",
+    "  ariaLabel: string;",
+    "  alt: string;",
+    "  collapsedLogo: StarterShellLogo;",
+    "  lightLogo: StarterShellLogo;",
+    "  darkLogo: StarterShellLogo;",
+    "};",
+    "",
+    "/**",
+    " * Shell brand marks. This file is written once when the app is scaffolded and",
+    " * is never regenerated, so swapping in client artwork here survives",
+    " * `create-bw-app update` — unlike editing config/shell.ts.",
+    " */",
+    "export const starterShellBrand: StarterShellBrand = {",
+    '  href: "/",',
+    "  ariaLabel: `${starterBrandConfig.companyName} public site`,",
+    "  alt: starterBrandConfig.companyName,",
+    '  collapsedLogo: { src: "/brand/logo-mark.svg", width: 48, height: 48 },',
+    '  lightLogo: { src: "/brand/logo-light.svg", width: 176, height: 44 },',
+    '  darkLogo: { src: "/brand/logo-dark.svg", width: 176, height: 44 },',
+    "};",
+    "",
   ].join("\n");
 }
 
@@ -904,7 +933,7 @@ export function createShellConfig(selectedModules) {
     "  type ShellModuleRegistration,",
     '} from "@brightweblabs/app-shell";',
     ...importLines,
-    'import { starterBrandConfig } from "./brand";',
+    'import { starterShellBrand } from "./brand";',
     'import { getEnabledStarterModules } from "./modules";',
     'import { additionalShellModules, shellRegistrationOverrides } from "./shell.overrides";',
     "",
@@ -936,31 +965,15 @@ export function createShellConfig(selectedModules) {
     "    shellRegistrationOverrides,",
     "  );",
     "  const shellRegistration: ClientAppShellRegistration<ShellContextualAction> = {",
-    "    brand: {",
-    '      href: "/",',
-    '      ariaLabel: `${starterBrandConfig.companyName} public site`,',
-    "      alt: starterBrandConfig.companyName,",
-    "      collapsedLogo: {",
-    '        src: "/brand/logo-mark.svg",',
-    "        width: 48,",
-    "        height: 48,",
-    "      },",
-    "      lightLogo: {",
-    '        src: "/brand/logo-light.svg",',
-    "        width: 176,",
-    "        height: 44,",
-    "      },",
-    "      darkLogo: {",
-    '        src: "/brand/logo-dark.svg",',
-    "        width: 176,",
-    "        height: 44,",
-    "      },",
-    "    },",
+    "    // Logos and the home href live in config/brand.ts, which is written once",
+    "    // at scaffold time and never regenerated — so rebranding survives update.",
+    "    brand: starterShellBrand,",
     "    toolsSection: {",
     '      key: "tools",',
     '      label: "Ferramentas",',
     "      icon: Wrench,",
-    '      collapsedHref: enabledModules.find((moduleConfig) => moduleConfig.routeHref)?.routeHref || "/",',
+    "      collapsedHref: additionalShellModules[0]?.navItems?.[0]?.href",
+    '        ?? enabledModules.find((moduleConfig) => moduleConfig.routeHref)?.routeHref ?? "/",',
     "    },",
     "    modules,",
     "  };",

package/template/base/config/brand.ts

@@ -15,3 +15,32 @@ export const starterBrandConfig: StarterBrandConfig = {
   contactEmail: "hello@example.com",
   supportEmail: "support@example.com",
 };
+
+export type StarterShellLogo = {
+  src: string;
+  width: number;
+  height: number;
+};
+
+export type StarterShellBrand = {
+  href: string;
+  ariaLabel: string;
+  alt: string;
+  collapsedLogo: StarterShellLogo;
+  lightLogo: StarterShellLogo;
+  darkLogo: StarterShellLogo;
+};
+
+/**
+ * Shell brand marks. This file is written once when the app is scaffolded and
+ * is never regenerated, so swapping in client artwork here survives
+ * `create-bw-app update` — unlike editing config/shell.ts.
+ */
+export const starterShellBrand: StarterShellBrand = {
+  href: "/",
+  ariaLabel: `${starterBrandConfig.companyName} public site`,
+  alt: starterBrandConfig.companyName,
+  collapsedLogo: { src: "/brand/logo-mark.svg", width: 48, height: 48 },
+  lightLogo: { src: "/brand/logo-light.svg", width: 176, height: 44 },
+  darkLogo: { src: "/brand/logo-dark.svg", width: 176, height: 44 },
+};