@monkeyplus/flow 6.0.52 → 6.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monkeyplus/flow",
-  "version": "6.0.52",
+  "version": "6.0.54",
   "description": "@monkeyplus/flow package-first runtime with Vite, Nitro, Vue and a workspace playground.",
   "license": "MIT",
   "publishConfig": {

package/server/lib/pages.mjs

@@ -4,6 +4,34 @@ import pageDefinitions from "virtual:flow/pages";
 import { getFlowImageRuntimeUtils } from "../../modules/images/runtime/server.mjs";
 import { mergeLayoutContextValues } from "../../src/runtime/layout-context.mjs";
 import { localizeRoutePattern, normalizePath, toPublicRoute } from "../../src/runtime/locale-routing.mjs";
+function mergeHeadDefinitions(...heads) {
+  const result = {};
+  for (const head of heads) {
+    if (!head) continue;
+    for (const [key, value] of Object.entries(head)) {
+      if (["meta", "link", "script", "style", "noscript"].includes(key)) {
+        result[key] = [...result[key] || [], ...Array.isArray(value) ? value : []];
+      } else if (["htmlAttrs", "bodyAttrs"].includes(key)) {
+        result[key] = { ...result[key], ...value };
+      } else if (key === "templateParams") {
+        result.templateParams = result.templateParams || {};
+        for (const [tpKey, tpValue] of Object.entries(value || {})) {
+          if (typeof tpValue === "object" && tpValue !== null && !Array.isArray(tpValue)) {
+            result.templateParams[tpKey] = {
+              ...result.templateParams[tpKey] || {},
+              ...tpValue
+            };
+          } else {
+            result.templateParams[tpKey] = tpValue;
+          }
+        }
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
 const dynamicRouteCache = /* @__PURE__ */ new Map();
 let runtimeConfigRequire;
 function getFlowRuntimeConfig() {
@@ -101,7 +129,12 @@ async function resolveLayoutContext(definition, ctx) {
   const layoutContext = layoutKey === "global" ? void 0 : layoutContexts[layoutKey];
   const resolvedGlobalContext = globalLayoutContext?.setup ? asContextRecord(await globalLayoutContext.setup(ctx)) : void 0;
   const resolvedLayoutContext = layoutContext?.setup ? asContextRecord(await layoutContext.setup(ctx)) : void 0;
-  return mergeLayoutContextValues(resolvedGlobalContext, resolvedLayoutContext);
+  const resolvedGlobalHead = globalLayoutContext?.head ? await globalLayoutContext.head(ctx) : void 0;
+  const resolvedLayoutHead = layoutContext?.head ? await layoutContext.head(ctx) : void 0;
+  return {
+    context: mergeLayoutContextValues(resolvedGlobalContext, resolvedLayoutContext),
+    head: { global: resolvedGlobalHead, layout: resolvedLayoutHead }
+  };
 }
 function mergeResolvedContext(context, layoutContext, dynamic, assign) {
   const resolvedContext = assign && dynamic?.context ? { ...context, [assign]: dynamic.context, dynamic } : dynamic ? { ...context, dynamic } : context;
@@ -277,11 +310,12 @@ export async function resolvePage(pathname, request) {
       continue;
     }
     const ctx = createContext(match.definition, locale, match.localePage, pathname, match.params, dynamic, request);
-    const head = match.localePage.head ? await match.localePage.head(ctx) : match.localePage.seo ? await match.localePage.seo(ctx) : {};
+    const pageHead = match.localePage.head ? await match.localePage.head(ctx) : match.localePage.seo ? await match.localePage.seo(ctx) : {};
     const layoutContext = await resolveLayoutContext(match.definition, ctx);
     const context = match.localePage.context ? await match.localePage.context(ctx) : {};
     const assign = match.localePage.dynamic?.assign;
-    const resolvedContext = mergeResolvedContext(context, layoutContext, dynamic, assign);
+    const resolvedContext = mergeResolvedContext(context, layoutContext.context, dynamic, assign);
+    const head = mergeHeadDefinitions(layoutContext.head.global, layoutContext.head.layout, pageHead);
     return {
       definition: match.definition,
       locale,
@@ -311,9 +345,10 @@ export async function resolvePageByName(name, pathname, request) {
     const locale = createLocale(localeCode);
     const params = {};
     const ctx = createContext(definition, locale, localePage, pathname, params, void 0, request);
-    const head = localePage.head ? await localePage.head(ctx) : localePage.seo ? await localePage.seo(ctx) : {};
+    const pageHead = localePage.head ? await localePage.head(ctx) : localePage.seo ? await localePage.seo(ctx) : {};
     const layoutContext = await resolveLayoutContext(definition, ctx);
     const context = localePage.context ? await localePage.context(ctx) : {};
+    const head = mergeHeadDefinitions(layoutContext.head.global, layoutContext.head.layout, pageHead);
     return {
       definition,
       locale,
@@ -323,7 +358,7 @@ export async function resolvePageByName(name, pathname, request) {
       params,
       head,
       seo: head,
-      context: mergeResolvedContext(context, layoutContext)
+      context: mergeResolvedContext(context, layoutContext.context)
     };
   }
   return void 0;

package/src/public/vite.mjs

@@ -341,6 +341,7 @@ export function createFlowViteConfig(options = {}) {
     }
   }
   const { imports: userImports, ...userAutoImport } = options.userFlowConfig?.autoImport || {};
+  const uiOptions = options.userFlowConfig?.ui || {};
   return defineConfig({
     plugins: [
       createFlowVirtualServerModules(projectRoot, flowConfig),
@@ -354,7 +355,8 @@ export function createFlowViteConfig(options = {}) {
       createFlowEmptyFileFallback(),
       Vue(),
       ui({
-        router: false,
+        ...uiOptions,
+        router: uiOptions.router || false,
         components: {
           dts: resolve(projectRoot, ".flow/types/components.d.ts"),
           ...options.userFlowConfig?.components,
@@ -364,7 +366,7 @@ export function createFlowViteConfig(options = {}) {
             ...options.userFlowConfig?.components?.resolvers || []
           ]
         },
-        prose: true,
+        prose: uiOptions.prose || true,
         autoImport: {
           dts: resolve(projectRoot, ".flow/types/auto-imports.d.ts"),
           imports: [
@@ -391,6 +393,7 @@ export function createFlowViteConfig(options = {}) {
           ],
           ...userAutoImport
         }
+        // colorMode:
       }),
       nitro({
         ...flowNitroConfig,

package/src/runtime/config.d.ts

@@ -1,3 +1,4 @@
+import type { NuxtUIOptions } from '@nuxt/ui/unplugin';
 import type { NitroConfig } from 'nitro/types';
 import type { Options as AutoimportOptions } from 'unplugin-auto-import/types';
 import type { Options as ComponentOptions } from 'unplugin-vue-components/types';
@@ -66,6 +67,7 @@ export type UserFlowConfig = Partial<FlowConfig> & Record<string, unknown> & {
     siteUrl?: string;
     components?: Partial<ComponentOptions>;
     autoImport?: Partial<AutoimportOptions>;
+    ui?: Omit<NuxtUIOptions, 'components' | 'autoImport'>;
 };
 export type FlowModuleNitroConfig = NitroConfig & {
     runtimeConfig: any;

package/src/runtime/islands.mjs

@@ -1,5 +1,5 @@
 import islands from "virtual:flow/islands";
-import { createSSRApp, h, defineComponent } from "vue";
+import { createSSRApp, defineComponent, h } from "vue";
 import { createBootImageUtils } from "./components/image-shared.mjs";
 import { getClientHead } from "./head.mjs";
 import { installFlowVuePlugins } from "./vue.mjs";
@@ -47,7 +47,7 @@ async function hydrateIsland(element, boot) {
       const slotEl = element.querySelector(`div[data-flow-slot-template="${name}"]`);
       if (slotEl) {
         const html = slotEl.innerHTML;
-        clientSlots[name] = () => h("div", { "data-flow-slot": name, style: "display: contents;", innerHTML: html });
+        clientSlots[name] = () => h("div", { "data-flow-slot": name, "style": "display: contents;", "innerHTML": html });
       }
     }
   }

package/src/runtime/layout-context.d.ts

@@ -1,7 +1,8 @@
-import type { MaybePromise, PageContextInput } from './pages.ts';
+import type { HeadDefinition, MaybePromise, PageContextInput } from './pages.ts';
 export interface LayoutContextDefinition {
-    setup: (ctx: PageContextInput) => MaybePromise<Record<string, unknown>>;
+    setup?: (ctx: PageContextInput) => MaybePromise<Record<string, unknown>>;
+    head?: (ctx: PageContextInput) => MaybePromise<HeadDefinition>;
 }
-export type LayoutContextValue<T extends LayoutContextDefinition> = Awaited<ReturnType<T['setup']>>;
+export type LayoutContextValue<T extends LayoutContextDefinition> = T['setup'] extends (...args: any) => any ? Awaited<ReturnType<T['setup']>> : Record<string, unknown>;
 export declare function defineLayoutContext(context: LayoutContextDefinition): LayoutContextDefinition;
 export declare function mergeLayoutContextValues(...contexts: Array<Record<string, unknown> | undefined>): Record<string, unknown>;