@monkeyplus/flow 6.0.17 → 6.0.18

package/src/public/shared.mjs

@@ -16,3 +16,6 @@ export function resolvePackageFile(...candidates) {
   }
   return resolvePackagePath(candidates[0] || "");
 }
+export function resolvePath(projectRoot, pathRaw) {
+  return projectRoot === resolvePackagePath() ? resolve(projectRoot, `${pathRaw}.ts`) : resolvePackageFile(`${pathRaw}.ts`, `${pathRaw}.mjs`, `${pathRaw}.js`);
+}

package/src/public/vite.mjs

@@ -1,5 +1,6 @@
 import { existsSync, mkdirSync, writeFileSync } from "node:fs";
 import { relative, resolve } from "node:path";
+import process from "node:process";
 import ui from "@nuxt/ui/vite";
 import Vue from "@vitejs/plugin-vue";
 import { nitro } from "nitro/vite";
@@ -20,6 +21,15 @@ import {
   createVirtualServerStylesModule,
   createVirtualTemplatesModule
 } from "../runtime/virtual-pages.mjs";
+import { createFlowNitroConfig } from "./nitro.mjs";
+let schemaOrgImports = {};
+try {
+  const pkg = await import("@unhead/schema-org-vue");
+  schemaOrgImports = pkg.schemaOrgAutoImports || {};
+  console.log("--- SCHEMA ORG IMPORTS LOADED ---", typeof schemaOrgImports, Array.isArray(schemaOrgImports));
+} catch (e) {
+  console.log("--- SCHEMA ORG IMPORTS FAILED ---", e);
+}
 const flowRestartPatterns = [
   /^flow\.config\.ts$/,
   /^nitro\.config\.ts$/,
@@ -150,8 +160,13 @@ function createFlowHotReload(projectRoot, extraWatchPaths = []) {
     invalidateFileModules(server, filePath, event);
     invalidateVirtualModules(server, projectPath);
     if (matchesAny(flowRestartPatterns, projectPath)) {
-      scheduleRestart(server);
-      return true;
+      const isTemplateOrLayout = projectPath.startsWith("views/templates/") || projectPath.startsWith("views/layouts/");
+      const isPageDef = projectPath.startsWith("pages/");
+      if (event === "change" && (isTemplateOrLayout || isPageDef)) {
+      } else {
+        scheduleRestart(server);
+        return true;
+      }
     }
     const shouldReload = event === "change" ? matchesAny(flowFullReloadPatterns, projectPath) : matchesAny(flowStructureReloadPatterns, projectPath);
     if (!shouldReload) {
@@ -240,6 +255,27 @@ function createFlowVirtualClientPages(projectRoot) {
     }
   };
 }
+function createFlowEmptyFileFallback() {
+  return {
+    name: "flow:empty-file-fallback",
+    enforce: "pre",
+    transform(code, id) {
+      const normalizedId = id.split("?")[0];
+      if (normalizedId.endsWith(".vue") && code.trim() === "") {
+        return {
+          code: "<template><div></div></template>",
+          map: null
+        };
+      }
+      if (normalizedId.endsWith(".ts") && normalizedId.includes("/pages/") && code.trim() === "") {
+        return {
+          code: "export default {};",
+          map: null
+        };
+      }
+    }
+  };
+}
 function FlowComponentsResolver() {
   return {
     type: "component",
@@ -257,9 +293,13 @@ export function createFlowViteConfig(options = {}) {
   const projectRoot = resolve(options.projectRoot || process.cwd());
   const flowConfig = resolveFlowConfig(options.userFlowConfig || {});
   const flowModules = loadFlowModules(projectRoot, flowConfig);
+  const baseNitroConfig = createFlowNitroConfig({
+    projectRoot: options.projectRoot,
+    userFlowConfig: options.userFlowConfig
+  });
   const flowNitroConfig = {
-    typescript: { generateTsConfig: true },
-    ...flowConfig.nitro || {}
+    ...baseNitroConfig,
+    typescript: { generateTsConfig: true, ...baseNitroConfig.typescript || {} }
   };
   const flowNitroHooks = flowNitroConfig.hooks || {};
   const flowPackagePattern = /^@monkeyplus\/flow(?:\/.*)?$/;
@@ -288,7 +328,8 @@ export function createFlowViteConfig(options = {}) {
   const mappedNitroImports = {};
   if (flowModules.nitro.imports?.imports && Array.isArray(flowModules.nitro.imports.imports)) {
     for (const item of flowModules.nitro.imports.imports) {
-      if (!item.from || !item.name) continue;
+      if (!item.from || !item.name)
+        continue;
       if (!mappedNitroImports[item.from]) {
         mappedNitroImports[item.from] = [];
       }
@@ -299,6 +340,7 @@ export function createFlowViteConfig(options = {}) {
       }
     }
   }
+  const { imports: userImports, ...userAutoImport } = options.userFlowConfig?.autoImport || {};
   return defineConfig({
     plugins: [
       createFlowVirtualServerModules(projectRoot, flowConfig),
@@ -309,6 +351,7 @@ export function createFlowViteConfig(options = {}) {
         autoInstall: true,
         compiler: "vue3"
       }),
+      createFlowEmptyFileFallback(),
       Vue(),
       ui({
         router: false,
@@ -321,16 +364,19 @@ export function createFlowViteConfig(options = {}) {
             ...options.userFlowConfig?.components?.resolvers || []
           ]
         },
+        prose: true,
         autoImport: {
           dts: resolve(projectRoot, ".flow/types/auto-imports.d.ts"),
           imports: [
             {
-              "@monkeyplus/flow": ["definePage", "defineLayoutContext", "queryContent"],
+              "@monkeyplus/flow": ["definePage", "defineLayoutContext", "queryContent", "useSchemaOrg"],
               ...mappedNitroImports
             },
-            ...options.userFlowConfig?.autoImport?.imports || []
+            ...Array.isArray(schemaOrgImports) ? schemaOrgImports : [],
+            "vue",
+            ...userImports || []
           ],
-          ...options.userFlowConfig?.autoImport
+          ...userAutoImport
         }
       }),
       nitro({
@@ -368,6 +414,15 @@ export function createFlowViteConfig(options = {}) {
         }
       }
     },
+    optimizeDeps: {
+      include: [
+        "@nuxt/ui > prosemirror-state",
+        "@nuxt/ui > prosemirror-transform",
+        "@nuxt/ui > prosemirror-model",
+        "@nuxt/ui > prosemirror-view",
+        "@nuxt/ui > prosemirror-gapcursor"
+      ]
+    },
     resolve: {
       alias: {
         "@": resolve(projectRoot, "src"),

package/src/runtime/components/FlowIsland.mjs

@@ -25,11 +25,38 @@ export default defineComponent({
   },
   setup(props, { slots }) {
     const attrs = useAttrs();
-    return () => h(props.tag, mergeProps(attrs, {
+    const wrappedSlots = {};
+    const slotNames = Object.keys(slots);
+    if (slotNames.length > 0) {
+      for (const [name, slotFn] of Object.entries(slots)) {
+        if (slotFn) {
+          wrappedSlots[name] = (slotProps) => {
+            return h("div", { "data-flow-slot": name, style: "display: contents;" }, slotFn(slotProps));
+          };
+        }
+      }
+    }
+    const islandAttrs = {
       "data-flow-island": props.name.toLowerCase(),
       "data-flow-props": serializeIslandProps(props.props)
-    }), [
-      h(props.component, props.props, slots)
-    ]);
+    };
+    if (slotNames.length > 0) {
+      islandAttrs["data-flow-slots"] = slotNames.join(",");
+    }
+    return () => {
+      const children = [
+        h(props.component, props.props, slotNames.length > 0 ? wrappedSlots : slots)
+      ];
+      if (slotNames.length > 0) {
+        children.push(
+          h(
+            "div",
+            { style: "display: none;", "data-flow-slot-templates": true },
+            slotNames.map((name) => h("div", { "data-flow-slot-template": name }, slots[name] ? slots[name]() : null))
+          )
+        );
+      }
+      return h(props.tag, mergeProps(attrs, islandAttrs), children);
+    };
   }
 });

package/src/runtime/components/MkImage.d.ts

@@ -1,3 +1,25 @@
+import type { PropType } from 'vue';
+import type { WatermarkOptions } from '../../../modules/images/runtime/types.ts';
+/**
+ * MkImage
+ *
+ * A powerful image component that integrates with IPX for automatic optimization,
+ * resizing, and format conversion. Supports native lazy loading and 'blur-up'
+ * low quality image placeholders (LQIP) via lazysizes.
+ *
+ * Supports standard IPX modifiers for dynamic image processing:
+ * - width / height: resize the image
+ * - quality: set the JPEG/WEBP compression quality (0-100)
+ * - format: convert format (auto, webp, avif, png, jpeg, gif)
+ * - fit: contain, cover, fill, inside, outside
+ * - position: crop position (top, right top, center, etc.)
+ * - background: set background color (hex)
+ * - blur: apply gaussian blur
+ * - grayscale: convert to grayscale
+ * - rotate: rotate image in degrees
+ * - trim: trim borders
+ * - watermark: add watermark composite to the image
+ */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
@@ -7,14 +29,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     eWidth: (StringConstructor | NumberConstructor)[];
     eHeight: (StringConstructor | NumberConstructor)[];
     sync: BooleanConstructor;
+    aspect: StringConstructor;
     strappi: BooleanConstructor;
     thumb: (StringConstructor | BooleanConstructor)[];
-    thumbnail: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: undefined;
-    };
     format: {
-        type: StringConstructor;
+        type: PropType<"auto" | "webp" | "jpeg" | "png" | "avif" | "gif">;
         default: undefined;
     };
     quality: {
@@ -26,9 +45,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     fit: {
+        type: PropType<"contain" | "cover" | "fill" | "inside" | "outside">;
+        default: undefined;
+    };
+    blur: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    trim: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: PropType<"top" | "right top" | "right" | "right bottom" | "bottom" | "left bottom" | "left" | "left top" | "center">;
+        default: undefined;
+    };
+    grayscale: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    rotate: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    size: {
         type: StringConstructor;
         default: undefined;
     };
+    watermark: {
+        type: PropType<boolean | string | WatermarkOptions>;
+        default: undefined;
+    };
     modifiers: {
         type: () => Record<string, any>;
         default: undefined;
@@ -62,7 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     referrerpolicy: {
-        type: StringConstructor;
+        type: PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
         default: undefined;
     };
     usemap: {
@@ -78,7 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     loading: {
-        type: StringConstructor;
+        type: PropType<"lazy" | "eager">;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -92,14 +139,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     eWidth: (StringConstructor | NumberConstructor)[];
     eHeight: (StringConstructor | NumberConstructor)[];
     sync: BooleanConstructor;
+    aspect: StringConstructor;
     strappi: BooleanConstructor;
     thumb: (StringConstructor | BooleanConstructor)[];
-    thumbnail: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: undefined;
-    };
     format: {
-        type: StringConstructor;
+        type: PropType<"auto" | "webp" | "jpeg" | "png" | "avif" | "gif">;
         default: undefined;
     };
     quality: {
@@ -111,9 +155,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     fit: {
+        type: PropType<"contain" | "cover" | "fill" | "inside" | "outside">;
+        default: undefined;
+    };
+    blur: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    trim: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: PropType<"top" | "right top" | "right" | "right bottom" | "bottom" | "left bottom" | "left" | "left top" | "center">;
+        default: undefined;
+    };
+    grayscale: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    rotate: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    size: {
         type: StringConstructor;
         default: undefined;
     };
+    watermark: {
+        type: PropType<boolean | string | WatermarkOptions>;
+        default: undefined;
+    };
     modifiers: {
         type: () => Record<string, any>;
         default: undefined;
@@ -147,7 +219,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     referrerpolicy: {
-        type: StringConstructor;
+        type: PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
         default: undefined;
     };
     usemap: {
@@ -163,29 +235,35 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     loading: {
-        type: StringConstructor;
+        type: PropType<"lazy" | "eager">;
         default: undefined;
     };
 }>> & Readonly<{}>, {
     width: string | number;
     height: string | number;
-    fit: string;
-    format: string;
+    fit: "contain" | "cover" | "fill" | "inside" | "outside";
+    format: "auto" | "webp" | "jpeg" | "png" | "avif" | "gif";
+    quality: string | number;
+    background: string;
+    blur: string | number;
+    trim: string | number;
+    position: "top" | "right top" | "right" | "right bottom" | "bottom" | "left bottom" | "left" | "left top" | "center";
+    grayscale: string | boolean;
+    rotate: string | number;
+    size: string;
+    watermark: string | boolean | WatermarkOptions;
     provider: string;
     preset: string;
     modifiers: Record<string, any>;
     sizes: string | Record<string, any>;
-    background: string;
-    quality: string | number;
     strappi: boolean;
     alt: string;
-    referrerpolicy: string;
+    referrerpolicy: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
     usemap: string;
     longdesc: string;
     ismap: boolean;
-    loading: string;
-    sync: boolean;
-    thumbnail: string | boolean;
+    loading: "lazy" | "eager";
     title: string;
+    sync: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/runtime/components/MkImage.mjs

@@ -1,6 +1,6 @@
 import { computed, defineComponent, h } from "vue";
 import { parseSize } from "../../../modules/images/runtime/helpers.mjs";
-import { useImage, useLazySizes } from "./image-shared.mjs";
+import { useImage } from "./image-shared.mjs";
 function resolveImageSource(value, fallback) {
   if (typeof value === "string" && value.length) {
     return value;
@@ -17,9 +17,6 @@ function isRuntimeLambda() {
   const runtimeProcess = typeof globalThis === "object" ? Reflect.get(globalThis, "process") : void 0;
   return !!(runtimeProcess?.env?.LAMBDA_TASK_ROOT || runtimeProcess?.env?.AWS_LAMBDA_FUNCTION_VERSION);
 }
-function resolveThumbnailValue(value, fallback) {
-  return value !== void 0 ? value : fallback;
-}
 export default defineComponent({
   name: "MkImage",
   inheritAttrs: false,
@@ -32,13 +29,21 @@ export default defineComponent({
     eWidth: [String, Number],
     eHeight: [String, Number],
     sync: Boolean,
+    aspect: String,
     strappi: Boolean,
     thumb: [Boolean, String],
-    thumbnail: { type: [Boolean, String], default: void 0 },
+    // thumbnail: { type: [Boolean, String], default: undefined },
     format: { type: String, default: void 0 },
     quality: { type: [Number, String], default: void 0 },
     background: { type: String, default: void 0 },
     fit: { type: String, default: void 0 },
+    blur: { type: [Number, String], default: void 0 },
+    trim: { type: [Number, String], default: void 0 },
+    position: { type: String, default: void 0 },
+    grayscale: { type: [Boolean, String], default: void 0 },
+    rotate: { type: [Number, String], default: void 0 },
+    size: { type: String, default: void 0 },
+    watermark: { type: [Boolean, String, Object], default: void 0 },
     modifiers: {
       type: Object,
       default: void 0
@@ -101,9 +106,9 @@ export default defineComponent({
         imageUtils.getImage?.(resolvedSrc.value, nModifiers.value, nOption.value),
         resolvedSrc.value
       );
-      const thumb = resolveThumbnailValue(props.thumbnail, props.thumb);
+      const thumb = props.thumb;
       const thumbnail = typeof thumb === "string" ? thumb : thumb ? resolveImageSource(
-        imageUtils.getImage?.(resolvedSrc.value, { quality: 10, width: 60 }, nOption.value),
+        imageUtils.getImage?.(resolvedSrc.value, { quality: 30, width: 80 }, nOption.value),
         resolvedSrc.value
       ) : void 0;
       return {
@@ -111,7 +116,6 @@ export default defineComponent({
         thumbnail
       };
     });
-    useLazySizes(() => !isRuntimeLambda() && !!nSrc.value.thumbnail);
     return () => {
       const compatibilityThumb = !isRuntimeLambda() && nSrc.value.thumbnail;
       return h("img", {
@@ -119,13 +123,17 @@ export default defineComponent({
         ...nAttrs.value,
         "src": isRuntimeLambda() ? resolvedSrc.value : compatibilityThumb || nSrc.value.normal,
         "data-src": compatibilityThumb ? nSrc.value.normal : void 0,
-        "data-thumb": compatibilityThumb,
         "alt": props.alt || image.value.alt,
         "title": props.title || image.value.title,
         "class": compatibilityThumb ? [attrs.class, "lazyload"] : attrs.class,
-        "width": props.eWidth || nAttrs.value.width,
-        "height": props.eHeight || nAttrs.value.height,
-        "x-src": getLocalSource(resolvedSrc.value)
+        "width": props.aspect ? "100%" : props.eWidth || nAttrs.value.width,
+        "height": props.aspect ? "auto" : props.eHeight || nAttrs.value.height,
+        "x-src": getLocalSource(resolvedSrc.value),
+        "style": {
+          aspectRatio: props.aspect,
+          objectFit: props.aspect ? "cover" : void 0,
+          objectPosition: props.aspect ? "center" : void 0
+        }
       });
     };
   }

package/src/runtime/components/MkLink.d.ts

@@ -1,5 +1,8 @@
+import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    isSlot: BooleanConstructor;
+    as: {
+        type: PropType<"a" | "slot">;
+    };
     to: {
         type: StringConstructor;
         required: true;
@@ -10,13 +13,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    isSlot: BooleanConstructor;
+    as: {
+        type: PropType<"a" | "slot">;
+    };
     to: {
         type: StringConstructor;
         required: true;
     };
     locale: StringConstructor;
-}>> & Readonly<{}>, {
-    isSlot: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/runtime/components/MkLink.mjs

@@ -1,3 +1,4 @@
+import { consola } from "consola";
 import { defineComponent, h, inject, onServerPrefetch, ref, watch } from "vue";
 const flowUtilsKey = "utils";
 function isExternalTarget(value) {
@@ -23,7 +24,9 @@ function normalizeNamedTarget(value, localeCode, lang, loc) {
 export default defineComponent({
   name: "MkLink",
   props: {
-    isSlot: Boolean,
+    as: {
+      type: String
+    },
     to: {
       type: String,
       required: true
@@ -54,7 +57,10 @@ export default defineComponent({
         href.value = namedTarget;
         return;
       }
-      href.value = await utils.getUrl(namedTarget, props.locale) || props.to;
+      href.value = await utils.getUrl(namedTarget, props.locale) || "/404";
+      if (href.value === "/404") {
+        consola.warn(`[MkLink] No se encontro la ruta para ${namedTarget}`);
+      }
     };
     onServerPrefetch(updateHref);
     if (isClient) {
@@ -63,7 +69,7 @@ export default defineComponent({
       }, { immediate: true });
     }
     return () => {
-      if (props.isSlot) {
+      if (props.as === "slot") {
         return slots.default?.({ href: href.value }) || null;
       }
       return h("a", { href: href.value }, slots.default ? slots.default() : href.value);