@yoamigo.com/core 0.3.0 → 0.3.3

package/dist/lib.js

@@ -116,6 +116,9 @@ var BuilderSelectionManager = class {
   elementMap = /* @__PURE__ */ new Map();
   // Current selections from parent (for re-rendering on mode change)
   currentSelections = [];
+  // Throttle screenshot captures to prevent overlapping
+  lastCaptureTime = 0;
+  CAPTURE_THROTTLE_MS = 3e3;
   constructor() {
     if (window.parent === window) {
       console.log("[BuilderSelection] Not in iframe, skipping initialization");
@@ -239,6 +242,16 @@ var BuilderSelectionManager = class {
     });
   };
   handleKeyDown = (e) => {
+    const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+    const modifier = isMac ? e.metaKey : e.ctrlKey;
+    if (modifier) {
+      if (e.key === "=" || e.key === "+" || e.key === "-" || e.key === "0" || e.key === "1") {
+        e.preventDefault();
+        const normalizedKey = e.key === "=" ? "+" : e.key;
+        this.sendToParent({ type: "IFRAME_KEYBOARD_ZOOM", key: normalizedKey });
+        return;
+      }
+    }
     if (e.key === "Shift") {
       const activeElement = document.activeElement;
       const isEditing = activeElement?.closest(".ya-text-editing") || activeElement?.closest(".ya-link-editing");
@@ -555,10 +568,16 @@ var BuilderSelectionManager = class {
   /**
    * Capture a full-page screenshot for loading placeholder
    * Uses html2canvas to render the page at reduced quality for smaller file size
+   * Throttled to prevent overlapping captures (3 second minimum between captures)
    */
   async captureFullPageScreenshot() {
+    const now = Date.now();
+    if (now - this.lastCaptureTime < this.CAPTURE_THROTTLE_MS) {
+      console.log("[BuilderSelection] Screenshot throttled");
+      return;
+    }
+    this.lastCaptureTime = now;
     try {
-      console.log("[BuilderSelection] Capturing full-page screenshot");
       const html2canvas = (await import("html2canvas-pro")).default;
       const overlays = document.querySelectorAll(".builder-selection-container, #builder-hover-overlay");
       overlays.forEach((el) => {
@@ -571,14 +590,14 @@ var BuilderSelectionManager = class {
         logging: false,
         useCORS: true,
         allowTaint: true,
-        backgroundColor: null
+        backgroundColor: "#ffffff"
+        // White background for JPEG (null would render as black)
       });
       overlays.forEach((el) => {
         ;
         el.style.display = "";
       });
       const dataUrl = canvas.toDataURL("image/jpeg", 0.6);
-      console.log("[BuilderSelection] Full-page screenshot captured, size:", dataUrl.length);
       this.sendToParent({
         type: "SCREENSHOT_READY",
         dataUrl
@@ -698,12 +717,18 @@ var BuilderSelectionManager = class {
     this.selections.set(selectionId, { element, container, badge, border });
   }
 };
+var instance = null;
 function initBuilderSelection() {
   if (typeof window !== "undefined" && window.parent !== window) {
+    if (instance) {
+      return;
+    }
     if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", () => new BuilderSelectionManager());
+      document.addEventListener("DOMContentLoaded", () => {
+        instance = new BuilderSelectionManager();
+      });
     } else {
-      new BuilderSelectionManager();
+      instance = new BuilderSelectionManager();
     }
   }
 }

package/dist/plugin.js

@@ -108,6 +108,12 @@ if (import.meta.hot) {
             outDir: "dist",
             emptyOutDir: true,
             rollupOptions: {
+              onwarn(warning, warn) {
+                if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes('"use client"')) {
+                  return;
+                }
+                warn(warning);
+              },
               output: {
                 // Output to build/ to avoid confusion with public/assets/ (source images)
                 entryFileNames: "build/[name].[hash].js",

package/dist/prod.d.ts

@@ -1,6 +1,6 @@
-export { a as ContentStore, E as ContentStoreMode, C as ContentStoreProvider, d as MarkdownText, e as MarkdownTextProps, P as PageInfo, b as StaticImage, c as StaticImageProps, M as StaticText, S as StaticTextProps, b as YaImage, c as YaImageProps, M as YaText, S as YaTextProps, u as useContentStore } from './MarkdownText-BUTYfqXS.js';
+export { a as ContentStore, E as ContentStoreMode, C as ContentStoreProvider, d as MarkdownText, e as MarkdownTextProps, P as PageInfo, b as StaticImage, c as StaticImageProps, M as StaticText, S as StaticTextProps, b as YaImage, c as YaImageProps, M as YaText, S as YaTextProps, p as parseEmbedUrl, u as useContentStore } from './MarkdownText-Nvkeyr1z.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export { Link, LinkProps, NavigateFunction, Router, RouterProps, useNavigate } from './router.js';
 export { Route, Switch, useParams } from 'wouter';
 export { A as AssetResolverFn, C as ContentRegistry, c as contentRegistry, a as getAllContent, g as getContent, h as hasContent, r as registerContent, b as resolveAssetUrl, s as setAssetResolver } from './asset-resolver-BnIvDkVv.js';
@@ -33,4 +33,137 @@ interface SafeHtmlProps {
 }
 declare function SafeHtml({ content, className }: SafeHtmlProps): react_jsx_runtime.JSX.Element;
 
-export { SafeHtml, type SafeHtmlProps, StaticLink, type StaticLinkProps, StaticLink as YaLink, type StaticLinkProps as YaLinkProps };
+interface BackgroundImageConfig {
+    src: string;
+    objectFit?: 'cover' | 'contain' | 'fill';
+    objectPosition?: string;
+    focalPoint?: {
+        x: number;
+        y: number;
+    };
+}
+interface OverlayConfig {
+    color: string;
+    opacity: number;
+}
+interface BackgroundConfig {
+    type: 'none' | 'color' | 'image';
+    backgroundColor?: string;
+    backgroundImage?: BackgroundImageConfig;
+    overlay?: OverlayConfig;
+}
+interface StaticContainerProps {
+    fieldId: string;
+    className?: string;
+    style?: CSSProperties;
+    as?: 'section' | 'div' | 'article' | 'header' | 'footer' | 'main' | 'aside';
+    children: ReactNode;
+    /** Fallback background config if not in store */
+    defaultBackground?: BackgroundConfig;
+}
+/**
+ * Parse background config from content store
+ */
+declare function parseBackgroundConfig(value: string): BackgroundConfig;
+/**
+ * Serialize background config for storage
+ */
+declare function serializeBackgroundConfig(config: BackgroundConfig): string;
+declare function StaticContainer({ fieldId, className, style, as: Tag, children, defaultBackground, }: StaticContainerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * StaticVideo Component - Production version of YaVideo
+ *
+ * Renders video statically (uploaded, YouTube, or Vimeo embeds).
+ * No editing capabilities - pure display.
+ */
+interface VideoFieldValue {
+    /** Video source type */
+    type: 'upload' | 'youtube' | 'vimeo';
+    /** Video URL (for upload) or video ID (for embeds) */
+    src: string;
+    /** Poster image URL */
+    poster?: string;
+    /** Autoplay video (requires muted for browser policy) */
+    autoplay?: boolean;
+    /** Mute video audio */
+    muted?: boolean;
+    /** Loop video playback */
+    loop?: boolean;
+    /** Show video controls */
+    controls?: boolean;
+    /** Play inline on mobile (prevent fullscreen hijack) */
+    playsinline?: boolean;
+    /** Preload strategy */
+    preload?: 'none' | 'metadata' | 'auto';
+    /** CSS object-fit */
+    objectFit?: 'cover' | 'contain' | 'fill';
+    /** CSS aspect-ratio (e.g., "16/9") */
+    aspectRatio?: string;
+    /** Start playback at this time (seconds) */
+    startTime?: number;
+    /** End playback at this time (seconds) */
+    endTime?: number;
+}
+interface StaticVideoProps {
+    fieldId: string;
+    className?: string;
+    /** Default aspect ratio from props */
+    aspectRatio?: string;
+    /** Default object-fit */
+    objectFit?: 'cover' | 'contain' | 'fill';
+    /** Loading strategy */
+    loading?: 'lazy' | 'eager';
+    /** Default video value (used when nothing in content store) */
+    defaultValue?: VideoFieldValue;
+    /** Fallback for backward compatibility (deprecated: use defaultValue) */
+    fallbackSrc?: string;
+    /** Fallback poster image */
+    fallbackPoster?: string;
+}
+/**
+ * Serialize video field value for storage
+ */
+declare function serializeVideoValue(value: VideoFieldValue): string;
+declare function StaticVideo({ fieldId, className, aspectRatio: propAspectRatio, objectFit: propObjectFit, loading, defaultValue, fallbackSrc, fallbackPoster, }: StaticVideoProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * StaticEmbed Component - Production version of YaEmbed
+ *
+ * Renders embeds statically (Spotify, SoundCloud, Twitter, Instagram, custom).
+ * No editing capabilities - pure display.
+ */
+type EmbedType = 'spotify' | 'soundcloud' | 'twitter' | 'instagram' | 'custom';
+interface EmbedFieldValue {
+    /** Embed platform type */
+    type: EmbedType;
+    /** Embed URL or ID (platform-specific) */
+    src: string;
+    /** Original URL pasted by user (for editing) */
+    originalUrl?: string;
+    /** CSS aspect-ratio (e.g., "16/9", "1/1") */
+    aspectRatio?: string;
+    /** Fixed height in pixels (for audio players) */
+    height?: number;
+    /** Spotify-specific: content type */
+    spotifyType?: 'track' | 'album' | 'playlist' | 'episode' | 'show';
+}
+interface StaticEmbedProps {
+    fieldId: string;
+    className?: string;
+    /** Default aspect ratio from props */
+    aspectRatio?: string;
+    /** Max width constraint */
+    maxWidth?: number;
+    /** Loading strategy */
+    loading?: 'lazy' | 'eager';
+    /** Default embed value (used when nothing in content store) */
+    defaultValue?: EmbedFieldValue;
+}
+/**
+ * Serialize embed field value for storage
+ */
+declare function serializeEmbedValue(value: EmbedFieldValue): string;
+declare function StaticEmbed({ fieldId, className, aspectRatio: propAspectRatio, maxWidth, loading, defaultValue, }: StaticEmbedProps): react_jsx_runtime.JSX.Element;
+
+export { type BackgroundConfig, type BackgroundImageConfig, type EmbedFieldValue, type EmbedType, type OverlayConfig, SafeHtml, type SafeHtmlProps, StaticContainer, type StaticContainerProps, StaticEmbed, type StaticEmbedProps, StaticLink, type StaticLinkProps, StaticVideo, type StaticVideoProps, type VideoFieldValue, StaticContainer as YaContainer, type StaticContainerProps as YaContainerProps, StaticEmbed as YaEmbed, type StaticEmbedProps as YaEmbedProps, StaticLink as YaLink, type StaticLinkProps as YaLinkProps, StaticVideo as YaVideo, type StaticVideoProps as YaVideoProps, parseBackgroundConfig, serializeBackgroundConfig, serializeEmbedValue, serializeVideoValue };