@yoamigo.com/core 0.1.12 → 0.1.14

package/dist/{MarkdownText-mylt-QX-.d.ts → MarkdownText-BUTYfqXS.d.ts}

@@ -27,12 +27,18 @@ interface YaLinkProps {
     /** Default href if not set in content store */
     href?: string;
     className?: string;
+    /** Inline styles to apply to the link element */
+    style?: React$1.CSSProperties;
     as?: 'a' | 'span';
     children?: React$1.ReactNode;
     /** Available pages for href dropdown (injected by template) */
     availablePages?: PageInfo[];
     /** Optional click handler called after navigation */
     onClick?: () => void;
+    /** Target attribute for the link (e.g., "_blank" to open in new tab) */
+    target?: string;
+    /** Rel attribute for the link (e.g., "noopener noreferrer" for security) */
+    rel?: string;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
@@ -46,7 +52,7 @@ declare module '@tiptap/core' {
         };
     }
 }
-declare function YaLink({ fieldId, href: defaultHref, className, as: Component, children, availablePages, onClick }: YaLinkProps): react_jsx_runtime.JSX.Element;
+declare function YaLink({ fieldId, href: defaultHref, className, style, as: Component, children, availablePages, onClick, target, rel }: YaLinkProps): react_jsx_runtime.JSX.Element;
 
 /**
  * StaticText Component - Production-only static text renderer

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
-export { C as ContentStoreProviderProd, d as MarkdownText, e as MarkdownTextProps, P as PageInfo, b as StaticImage, c as StaticImageProps, M as StaticText, S as StaticTextProps, Y as YaLink, f as YaLinkProps, u as useContentStoreProd } from './MarkdownText-mylt-QX-.js';
+export { C as ContentStoreProviderProd, d as MarkdownText, e as MarkdownTextProps, P as PageInfo, b as StaticImage, c as StaticImageProps, M as StaticText, S as StaticTextProps, Y as YaLink, f as YaLinkProps, u as useContentStoreProd } from './MarkdownText-BUTYfqXS.js';
 export { Link, LinkProps, NavigateFunction, Router, RouterProps, useNavigate } from './router.js';
-export { Route, Switch } from 'wouter';
+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';
 export { i as initBuilderSelection } from './builder-selection-CYP91nRu.js';
 

package/dist/index.js

@@ -1824,7 +1824,8 @@ body.builder-selector-active .ya-text-editable:hover {
   color: var(--color-secondary, #5C4033);
 }
 .ProseMirror ::selection {
-  background: rgba(212, 165, 116, 0.3);
+  background: rgba(212, 165, 116, 0.3) !important;
+  color: inherit !important;
 }
 .ProseMirror p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
@@ -2516,6 +2517,16 @@ function getObjectPosition(imageData) {
   return imageData.objectPosition || "50% 50%";
 }
 var SMALL_IMAGE_THRESHOLD = 100;
+var PLACEHOLDER_SVG = `data:image/svg+xml,${encodeURIComponent(`
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+  <rect fill="#e5e7eb" width="400" height="300"/>
+  <g fill="#9ca3af" transform="translate(175, 125)">
+    <rect x="3" y="3" width="44" height="44" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
+    <circle cx="15" cy="15" r="4" fill="currentColor"/>
+    <path d="M47 35 L32 20 L17 35 L12 30 L3 39 L3 43 L47 43 Z" fill="currentColor"/>
+  </g>
+</svg>
+`)}`;
 function YaImage({
   fieldId,
   className,
@@ -2534,7 +2545,7 @@ function YaImage({
   const [isSmallImage, setIsSmallImage] = useState6(false);
   const rawValue = getValue(fieldId);
   const imageData = parseImageValue(rawValue);
-  const src = imageData.src || fallbackSrc || "";
+  const src = imageData.src || fallbackSrc || PLACEHOLDER_SVG;
   const altText = imageData.alt || alt || fallbackAlt || "";
   const objectFit = imageData.objectFit || propObjectFit || "cover";
   const objectPosition = getObjectPosition(imageData) || propObjectPosition || "50% 50%";
@@ -2745,6 +2756,12 @@ function isInternalPath(path) {
   if (path.startsWith("mailto:") || path.startsWith("tel:")) return false;
   return path.startsWith("/");
 }
+function isExternalHref(url) {
+  if (!url) return false;
+  if (url.startsWith("//")) return true;
+  if (url.startsWith("http://") || url.startsWith("https://")) return true;
+  return false;
+}
 var FontSize2 = Extension2.create({
   name: "fontSize",
   addOptions() {
@@ -2827,7 +2844,7 @@ function discoverSectionsFromDOM() {
   });
   return sections;
 }
-function YaLink({ fieldId, href: defaultHref = "#", className, as: Component = "a", children, availablePages, onClick }) {
+function YaLink({ fieldId, href: defaultHref = "#", className, style, as: Component = "a", children, availablePages, onClick, target, rel }) {
   const { getValue, setValue, mode, saveToWorker, getPages } = useContentStore();
   const [, navigate] = useLocation();
   const pages = availablePages ?? getPages();
@@ -2840,6 +2857,9 @@ function YaLink({ fieldId, href: defaultHref = "#", className, as: Component = "
   const isIconMode = children != null && typeof children !== "string";
   const text = storeText || (typeof children === "string" ? children : "");
   const href = storeHref || defaultHref;
+  const isExternal = isExternalHref(href);
+  const effectiveTarget = target ?? (isExternal ? "_blank" : void 0);
+  const effectiveRel = rel ?? (isExternal ? "noopener noreferrer" : void 0);
   const [editingMode, setEditingMode] = useState7(null);
   const [showEditPopover, setShowEditPopover] = useState7(false);
   const [originalText, setOriginalText] = useState7(text);
@@ -2894,9 +2914,9 @@ function YaLink({ fieldId, href: defaultHref = "#", className, as: Component = "
   useEffect7(() => {
     if (editingMode !== "link") return;
     const handleClickOutside = (event) => {
-      const target = event.target;
-      if (hrefPopoverRef.current?.contains(target)) return;
-      if (containerRef.current?.contains(target)) return;
+      const target2 = event.target;
+      if (hrefPopoverRef.current?.contains(target2)) return;
+      if (containerRef.current?.contains(target2)) return;
       setCurrentHref(originalHref);
       setEditingMode(null);
       setIsExternalUrl(false);
@@ -3072,6 +3092,7 @@ function YaLink({ fieldId, href: defaultHref = "#", className, as: Component = "
         {
           href,
           className,
+          style,
           "data-ya-restricted": "true",
           "data-field-id": fieldId,
           children: content
@@ -3083,7 +3104,10 @@ function YaLink({ fieldId, href: defaultHref = "#", className, as: Component = "
       {
         ref: containerRef,
         href: Component === "a" ? href : void 0,
+        target: Component === "a" ? effectiveTarget : void 0,
+        rel: Component === "a" ? effectiveRel : void 0,
         className,
+        style,
         "data-ya-restricted": "true",
         "data-field-id": fieldId,
         children: content
@@ -3096,7 +3120,10 @@ function YaLink({ fieldId, href: defaultHref = "#", className, as: Component = "
       {
         ref: containerRef,
         href: Component === "a" ? href : void 0,
+        target: Component === "a" ? effectiveTarget : void 0,
+        rel: Component === "a" ? effectiveRel : void 0,
         className: `${className || ""} ${editingMode ? "ya-link-editing" : "ya-link-editable"}`,
+        style,
         "data-ya-restricted": "true",
         "data-field-id": fieldId,
         onClick: handleClick,
@@ -3475,7 +3502,7 @@ function Router({ children, base }) {
 }
 
 // src/router/index.ts
-import { Route, Switch } from "wouter";
+import { Route, Switch, useParams } from "wouter";
 export {
   AIEditProvider,
   ContentStoreProvider,
@@ -3515,5 +3542,6 @@ export {
   useAnimatedText,
   useContentStore,
   useContentStore2 as useContentStoreProd,
-  useNavigate
+  useNavigate,
+  useParams
 };

package/dist/plugin.js

@@ -69,9 +69,9 @@ function yoamigoPlugin(options = {}) {
             }
           },
           // Dynamic base URL for different deployment contexts:
-          // - Preview builds: /deploy-preview/{siteId}/ (passed via YA_BASE_URL env var)
+          // - Dev server: Use --base CLI arg (config option is less reliable)
+          // - Production builds: Uses YA_BASE_URL env var (passed via additionalEnv)
           // - Published builds: / (default, served from subdomain root)
-          // - Dev server: ignored (base only affects production builds)
           base: process.env.YA_BASE_URL || "/",
           build: {
             outDir: "dist",

package/dist/prod.d.ts

@@ -1,20 +1,22 @@
-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-mylt-QX-.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, u as useContentStore } from './MarkdownText-BUTYfqXS.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 export { Link, LinkProps, NavigateFunction, Router, RouterProps, useNavigate } from './router.js';
-export { Route, Switch } from 'wouter';
+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';
 
 interface StaticLinkProps {
     fieldId: string;
     href?: string;
     className?: string;
+    /** Inline styles to apply to the link element */
+    style?: React.CSSProperties;
     as?: 'a' | 'span';
     children?: React.ReactNode;
     /** Optional click handler called after navigation */
     onClick?: () => void;
 }
-declare function StaticLink({ fieldId, href: defaultHref, className, as: Component, children, onClick }: StaticLinkProps): react_jsx_runtime.JSX.Element;
+declare function StaticLink({ fieldId, href: defaultHref, className, style, as: Component, children, onClick }: StaticLinkProps): react_jsx_runtime.JSX.Element;
 
 /**
  * SafeHtml (Production) - Renders trusted HTML without sanitization.

package/dist/prod.js

@@ -152,7 +152,7 @@ function isInternalPath(path) {
   if (path.startsWith("mailto:") || path.startsWith("tel:")) return false;
   return path.startsWith("/");
 }
-function StaticLink({ fieldId, href: defaultHref = "#", className, as: Component = "a", children, onClick }) {
+function StaticLink({ fieldId, href: defaultHref = "#", className, style, as: Component = "a", children, onClick }) {
   const { getValue, mode } = useContentStore();
   const [, navigate] = useLocation();
   const textFieldId = `${fieldId}.text`;
@@ -193,6 +193,7 @@ function StaticLink({ fieldId, href: defaultHref = "#", className, as: Component
       href: Component === "a" ? href : void 0,
       onClick: handleClick,
       className,
+      style,
       "data-ya-restricted": "true",
       "data-field-id": fieldId,
       children: hasStoreText || hasStringChildren ? /* @__PURE__ */ jsx5(SafeHtml, { content: storeText || children || "", mode }) : hasReactChildren ? children : null
@@ -340,7 +341,7 @@ function Router({ children, base }) {
 }
 
 // src/router/index.ts
-import { Route, Switch } from "wouter";
+import { Route, Switch, useParams } from "wouter";
 export {
   ContentStoreProvider,
   Link,
@@ -363,5 +364,6 @@ export {
   resolveAssetUrl,
   setAssetResolver,
   useContentStore,
-  useNavigate
+  useNavigate,
+  useParams
 };

package/dist/router.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, MouseEvent } from 'react';
-export { Route, Switch } from 'wouter';
+export { Route, Switch, useParams } from 'wouter';
 
 /**
  * Router Abstraction - Shared Types

package/dist/router.js

@@ -41,11 +41,12 @@ function Router({ children, base }) {
 }
 
 // src/router/index.ts
-import { Route, Switch } from "wouter";
+import { Route, Switch, useParams } from "wouter";
 export {
   Link,
   Route,
   Router,
   Switch,
-  useNavigate
+  useNavigate,
+  useParams
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoamigo.com/core",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Core components, router, and utilities for YoAmigo templates",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",