@gallop.software/studio 0.1.68 → 0.1.69

package/dist/handlers.d.mts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { F as FileItem } from './types-1m_7EjJU.mjs';
+import { F as FileItem } from './types-CNVLjvIw.mjs';
 
 /**
  * Unified GET handler for all Studio API routes

package/dist/handlers.d.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { F as FileItem } from './types-1m_7EjJU.js';
+import { F as FileItem } from './types-CNVLjvIw.js';
 
 /**
  * Unified GET handler for all Studio API routes

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { I as ImageSize, S as SizeEntry, a as ImageEntry, b as StudioMeta } from './types-1m_7EjJU.mjs';
-export { C as CdnStatus, F as FileItem, c as StudioConfig } from './types-1m_7EjJU.mjs';
+import { I as ImageEntry, S as StudioMeta, L as LeanMeta } from './types-CNVLjvIw.mjs';
+export { C as CdnStatus, F as FileItem, a as ImageSize, b as LeanImageEntry, c as LeanImageSize, d as SizeEntry, e as StudioConfig, g as getThumbnailPath, i as isLeanMeta, t as toLeanMeta } from './types-CNVLjvIw.mjs';
 
 /**
  * Floating button that opens the Studio modal.
@@ -9,26 +9,31 @@ export { C as CdnStatus, F as FileItem, c as StudioConfig } from './types-1m_7Ej
  */
 declare function StudioButton(): _emotion_react_jsx_runtime.JSX.Element | null;
 
+type UnifiedMeta = StudioMeta | LeanMeta;
 /**
- * The meta object containing all image metadata.
- * This is read from _data/_meta.json in the consuming project.
+ * The meta object in verbose format (for backward compatibility)
  */
 declare const meta: StudioMeta;
 /**
- * Initialize meta from a JSON object (called during build/runtime)
+ * Initialize meta from a JSON object (handles both formats)
  */
-declare function initializeMeta(data: StudioMeta): void;
+declare function initializeMeta(data: UnifiedMeta): void;
 /**
- * Get the resolved URL for an image, handling CDN vs local paths
+ * Get the resolved URL for an image
+ * Works with both verbose and lean formats
  */
-declare function getImageUrl(imageKey: string, size?: ImageSize): string | undefined;
+declare function getImageUrl(imageKey: string, size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'): string | undefined;
 /**
- * Get the full image entry for a key
+ * Get image entry (verbose format for backward compat)
  */
 declare function getStudioMeta(imageKey: string): ImageEntry | undefined;
 /**
- * Get size data for an image
+ * Get dimensions for an image
  */
-declare function getImageSize(imageKey: string, size?: ImageSize): SizeEntry | undefined;
+declare function getImageSize(imageKey: string, size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'): {
+    width: number;
+    height: number;
+    path?: string;
+} | undefined;
 
-export { ImageEntry, ImageSize, SizeEntry, StudioButton, StudioMeta, getImageSize, getImageUrl, getStudioMeta, initializeMeta, meta };
+export { ImageEntry, LeanMeta, StudioButton, StudioMeta, getImageSize, getImageUrl, getStudioMeta, initializeMeta, meta };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { I as ImageSize, S as SizeEntry, a as ImageEntry, b as StudioMeta } from './types-1m_7EjJU.js';
-export { C as CdnStatus, F as FileItem, c as StudioConfig } from './types-1m_7EjJU.js';
+import { I as ImageEntry, S as StudioMeta, L as LeanMeta } from './types-CNVLjvIw.js';
+export { C as CdnStatus, F as FileItem, a as ImageSize, b as LeanImageEntry, c as LeanImageSize, d as SizeEntry, e as StudioConfig, g as getThumbnailPath, i as isLeanMeta, t as toLeanMeta } from './types-CNVLjvIw.js';
 
 /**
  * Floating button that opens the Studio modal.
@@ -9,26 +9,31 @@ export { C as CdnStatus, F as FileItem, c as StudioConfig } from './types-1m_7Ej
  */
 declare function StudioButton(): _emotion_react_jsx_runtime.JSX.Element | null;
 
+type UnifiedMeta = StudioMeta | LeanMeta;
 /**
- * The meta object containing all image metadata.
- * This is read from _data/_meta.json in the consuming project.
+ * The meta object in verbose format (for backward compatibility)
  */
 declare const meta: StudioMeta;
 /**
- * Initialize meta from a JSON object (called during build/runtime)
+ * Initialize meta from a JSON object (handles both formats)
  */
-declare function initializeMeta(data: StudioMeta): void;
+declare function initializeMeta(data: UnifiedMeta): void;
 /**
- * Get the resolved URL for an image, handling CDN vs local paths
+ * Get the resolved URL for an image
+ * Works with both verbose and lean formats
  */
-declare function getImageUrl(imageKey: string, size?: ImageSize): string | undefined;
+declare function getImageUrl(imageKey: string, size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'): string | undefined;
 /**
- * Get the full image entry for a key
+ * Get image entry (verbose format for backward compat)
  */
 declare function getStudioMeta(imageKey: string): ImageEntry | undefined;
 /**
- * Get size data for an image
+ * Get dimensions for an image
  */
-declare function getImageSize(imageKey: string, size?: ImageSize): SizeEntry | undefined;
+declare function getImageSize(imageKey: string, size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'): {
+    width: number;
+    height: number;
+    path?: string;
+} | undefined;
 
-export { ImageEntry, ImageSize, SizeEntry, StudioButton, StudioMeta, getImageSize, getImageUrl, getStudioMeta, initializeMeta, meta };
+export { ImageEntry, LeanMeta, StudioButton, StudioMeta, getImageSize, getImageUrl, getStudioMeta, initializeMeta, meta };

package/dist/index.js

@@ -175,35 +175,104 @@ function LoadingState() {
   ] }) });
 }
 
+// src/types.ts
+function getThumbnailPath(originalPath, size) {
+  const ext = _optionalChain([originalPath, 'access', _ => _.match, 'call', _2 => _2(/\.\w+$/), 'optionalAccess', _3 => _3[0]]) || ".jpg";
+  const base = originalPath.replace(/\.\w+$/, "");
+  const outputExt = ext.toLowerCase() === ".png" ? ".png" : ".jpg";
+  return `/images${base}-${size}${outputExt}`;
+}
+function toLeanMeta(verbose) {
+  const lean = {};
+  for (const [key, entry] of Object.entries(verbose.images)) {
+    const pathKey = _optionalChain([entry, 'access', _4 => _4.original, 'optionalAccess', _5 => _5.path]) || `/${key}`;
+    lean[pathKey] = {
+      w: _optionalChain([entry, 'access', _6 => _6.original, 'optionalAccess', _7 => _7.width]) || 0,
+      h: _optionalChain([entry, 'access', _8 => _8.original, 'optionalAccess', _9 => _9.height]) || 0,
+      blur: entry.blurhash || ""
+    };
+    if (_optionalChain([entry, 'access', _10 => _10.cdn, 'optionalAccess', _11 => _11.synced])) {
+      lean[pathKey].s = 1;
+    }
+  }
+  return lean;
+}
+function isLeanMeta(meta2) {
+  if (!meta2 || typeof meta2 !== "object") return false;
+  return !("images" in meta2);
+}
+
 // src/lib/meta.ts
-var _meta = {
+var _verboseMeta = null;
+var _leanMeta = {};
+var meta = {
   $schema: "https://gallop.software/schemas/studio-meta.json",
   version: 1,
   generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
   images: {}
 };
-var meta = _meta;
 function initializeMeta(data) {
-  _meta = data;
-  Object.assign(meta, data);
+  if (isLeanMeta(data)) {
+    _leanMeta = data;
+    _verboseMeta = null;
+  } else {
+    _verboseMeta = data;
+    _leanMeta = toLeanMeta(data);
+    Object.assign(meta, data);
+  }
 }
-function getImageUrl(imageKey, size = "medium") {
-  const image = meta.images[imageKey];
-  if (!image) return void 0;
-  const sizeData = image.sizes[size] || image.sizes.full;
-  if (!sizeData) return void 0;
-  if (_optionalChain([image, 'access', _ => _.cdn, 'optionalAccess', _2 => _2.synced]) && image.cdn.baseUrl) {
-    return `${image.cdn.baseUrl}${sizeData.path}`;
+function getImageUrl(imageKey, size) {
+  const cdnUrl = process.env.CLOUDFLARE_R2_PUBLIC_URL || process.env.NEXT_PUBLIC_CDN_URL;
+  const leanEntry = _leanMeta[imageKey];
+  if (leanEntry) {
+    const sizeMap = {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    };
+    if (!size || size === "full") {
+      if (leanEntry.s && cdnUrl) {
+        return `${cdnUrl}${imageKey}`;
+      }
+      return imageKey;
+    }
+    const normalizedSize = sizeMap[size] || size;
+    const thumbPath = getThumbnailPath(imageKey, normalizedSize);
+    if (leanEntry.s && cdnUrl) {
+      return `${cdnUrl}${thumbPath}`;
+    }
+    return thumbPath;
+  }
+  if (_verboseMeta) {
+    const entry = _verboseMeta.images[imageKey];
+    if (!entry) return void 0;
+    const sizeData = entry.sizes[size || "medium"] || entry.sizes.full;
+    if (!sizeData) return void 0;
+    if (_optionalChain([entry, 'access', _12 => _12.cdn, 'optionalAccess', _13 => _13.synced]) && entry.cdn.baseUrl) {
+      return `${entry.cdn.baseUrl}${sizeData.path}`;
+    }
+    return sizeData.path;
   }
-  return sizeData.path;
+  return void 0;
 }
 function getStudioMeta(imageKey) {
-  return meta.images[imageKey];
+  if (_verboseMeta) {
+    return _verboseMeta.images[imageKey];
+  }
+  return void 0;
 }
-function getImageSize(imageKey, size = "medium") {
-  const image = meta.images[imageKey];
-  if (!image) return void 0;
-  return image.sizes[size] || image.sizes.full;
+function getImageSize(imageKey, size) {
+  const leanEntry = _leanMeta[imageKey];
+  if (leanEntry) {
+    return { width: leanEntry.w, height: leanEntry.h };
+  }
+  if (_verboseMeta) {
+    const entry = _verboseMeta.images[imageKey];
+    if (!entry) return void 0;
+    const sizeData = entry.sizes[size || "medium"] || entry.sizes.full;
+    return sizeData;
+  }
+  return void 0;
 }
 
 
@@ -212,5 +281,8 @@ function getImageSize(imageKey, size = "medium") {
 
 
 
-exports.StudioButton = StudioButton; exports.getImageSize = getImageSize; exports.getImageUrl = getImageUrl; exports.getStudioMeta = getStudioMeta; exports.initializeMeta = initializeMeta; exports.meta = meta;
+
+
+
+exports.StudioButton = StudioButton; exports.getImageSize = getImageSize; exports.getImageUrl = getImageUrl; exports.getStudioMeta = getStudioMeta; exports.getThumbnailPath = getThumbnailPath; exports.initializeMeta = initializeMeta; exports.isLeanMeta = isLeanMeta; exports.meta = meta; exports.toLeanMeta = toLeanMeta;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/chrisb/Sites/studio/dist/index.js","../src/components/StudioButton.tsx","../src/lib/meta.ts"],"names":[],"mappings":"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","file":"/Users/chrisb/Sites/studio/dist/index.js","sourcesContent":[null,"/** @jsxImportSource @emotion/react */\n'use client'\n\nimport { useState, useEffect, lazy, Suspense } from 'react'\nimport { css, keyframes } from '@emotion/react'\nimport { colors, fontStack, fontSize, baseReset } from './tokens'\n\n// Lazy load the full Studio UI to avoid bundling in production\nconst StudioUI = lazy(() => import('./StudioUI'))\n\nconst spin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst styles = {\n  button: css`\n    position: fixed;\n    bottom: 24px;\n    right: 24px;\n    z-index: 9998;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: ${colors.primary};\n    color: white;\n    box-shadow: 0 4px 12px ${colors.shadowDark}, 0 1px 3px ${colors.shadow};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    font-family: ${fontStack};\n    \n    &:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px ${colors.shadowDark}, 0 2px 6px ${colors.shadow};\n      background: ${colors.primaryHover};\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  buttonIcon: css`\n    width: 24px;\n    height: 24px;\n  `,\n  overlay: css`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9999;\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n  `,\n  overlayHidden: css`\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  `,\n  backdrop: css`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(26, 31, 54, 0.4);\n    backdrop-filter: blur(4px);\n  `,\n  modal: css`\n    ${baseReset}\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    bottom: 24px;\n    left: 24px;\n    background-color: ${colors.surface};\n    border-radius: 12px;\n    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  `,\n  loading: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    background: ${colors.background};\n    font-family: ${fontStack};\n  `,\n  loadingContent: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n  `,\n  spinner: css`\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    border: 3px solid ${colors.border};\n    border-top-color: ${colors.primary};\n    animation: ${spin} 0.8s linear infinite;\n  `,\n  loadingText: css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSize.base};\n    font-weight: 500;\n    margin: 0;\n    letter-spacing: -0.01em;\n  `,\n}\n\n/**\n * Floating button that opens the Studio modal.\n * Fixed position in bottom-right corner.\n * Only renders in development mode.\n */\nexport function StudioButton() {\n  const [mounted, setMounted] = useState(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const [hasBeenOpened, setHasBeenOpened] = useState(false)\n\n  // Only render on client to avoid hydration mismatch\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const handleOpen = () => {\n    setIsOpen(true)\n    setHasBeenOpened(true)\n  }\n\n  // Only render in development and on client\n  if (!mounted || process.env.NODE_ENV !== 'development') {\n    return null\n  }\n\n  return (\n    <>\n      {!isOpen && (\n        <button\n          css={styles.button}\n          onClick={handleOpen}\n          title=\"Open Studio\"\n          aria-label=\"Open Studio media manager\"\n        >\n          <ImageIcon />\n        </button>\n      )}\n\n      {/* Keep mounted once opened to preserve state */}\n      {hasBeenOpened && (\n        <div css={[styles.overlay, !isOpen && styles.overlayHidden]}>\n          <div css={styles.backdrop} onClick={() => setIsOpen(false)} />\n          <div css={styles.modal}>\n            <Suspense fallback={<LoadingState />}>\n              <StudioUI onClose={() => setIsOpen(false)} isVisible={isOpen} />\n            </Suspense>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n\nfunction ImageIcon() {\n  return (\n    <svg\n      css={styles.buttonIcon}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" />\n      <polyline points=\"21 15 16 10 5 21\" />\n    </svg>\n  )\n}\n\nfunction LoadingState() {\n  return (\n    <div css={styles.loading}>\n      <div css={styles.loadingContent}>\n        <div css={styles.spinner} />\n        <p css={styles.loadingText}>Loading Studio...</p>\n      </div>\n    </div>\n  )\n}\n","import type { StudioMeta, ImageEntry, ImageSize, SizeEntry } from '../types'\n\n// Default empty meta - will be populated when reading from project\nlet _meta: StudioMeta = {\n  $schema: 'https://gallop.software/schemas/studio-meta.json',\n  version: 1,\n  generatedAt: new Date().toISOString(),\n  images: {},\n}\n\n/**\n * The meta object containing all image metadata.\n * This is read from _data/_meta.json in the consuming project.\n */\nexport const meta: StudioMeta = _meta\n\n/**\n * Initialize meta from a JSON object (called during build/runtime)\n */\nexport function initializeMeta(data: StudioMeta): void {\n  _meta = data\n  Object.assign(meta, data)\n}\n\n/**\n * Get the resolved URL for an image, handling CDN vs local paths\n */\nexport function getImageUrl(\n  imageKey: string,\n  size: ImageSize = 'medium'\n): string | undefined {\n  const image = meta.images[imageKey]\n  if (!image) return undefined\n\n  const sizeData = image.sizes[size] || image.sizes.full\n  if (!sizeData) return undefined\n\n  // If synced to CDN, use CDN URL\n  if (image.cdn?.synced && image.cdn.baseUrl) {\n    return `${image.cdn.baseUrl}${sizeData.path}`\n  }\n\n  // Otherwise use local path\n  return sizeData.path\n}\n\n/**\n * Get the full image entry for a key\n */\nexport function getStudioMeta(imageKey: string): ImageEntry | undefined {\n  return meta.images[imageKey]\n}\n\n/**\n * Get size data for an image\n */\nexport function getImageSize(\n  imageKey: string,\n  size: ImageSize = 'medium'\n): SizeEntry | undefined {\n  const image = meta.images[imageKey]\n  if (!image) return undefined\n  return image.sizes[size] || image.sizes.full\n}\n"]}
+{"version":3,"sources":["/Users/chrisb/Sites/studio/dist/index.js","../src/components/StudioButton.tsx","../src/types.ts","../src/lib/meta.ts"],"names":["meta"],"mappings":"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","file":"/Users/chrisb/Sites/studio/dist/index.js","sourcesContent":[null,"/** @jsxImportSource @emotion/react */\n'use client'\n\nimport { useState, useEffect, lazy, Suspense } from 'react'\nimport { css, keyframes } from '@emotion/react'\nimport { colors, fontStack, fontSize, baseReset } from './tokens'\n\n// Lazy load the full Studio UI to avoid bundling in production\nconst StudioUI = lazy(() => import('./StudioUI'))\n\nconst spin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst styles = {\n  button: css`\n    position: fixed;\n    bottom: 24px;\n    right: 24px;\n    z-index: 9998;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: ${colors.primary};\n    color: white;\n    box-shadow: 0 4px 12px ${colors.shadowDark}, 0 1px 3px ${colors.shadow};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    font-family: ${fontStack};\n    \n    &:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px ${colors.shadowDark}, 0 2px 6px ${colors.shadow};\n      background: ${colors.primaryHover};\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  buttonIcon: css`\n    width: 24px;\n    height: 24px;\n  `,\n  overlay: css`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9999;\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n  `,\n  overlayHidden: css`\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  `,\n  backdrop: css`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(26, 31, 54, 0.4);\n    backdrop-filter: blur(4px);\n  `,\n  modal: css`\n    ${baseReset}\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    bottom: 24px;\n    left: 24px;\n    background-color: ${colors.surface};\n    border-radius: 12px;\n    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  `,\n  loading: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    background: ${colors.background};\n    font-family: ${fontStack};\n  `,\n  loadingContent: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n  `,\n  spinner: css`\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    border: 3px solid ${colors.border};\n    border-top-color: ${colors.primary};\n    animation: ${spin} 0.8s linear infinite;\n  `,\n  loadingText: css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSize.base};\n    font-weight: 500;\n    margin: 0;\n    letter-spacing: -0.01em;\n  `,\n}\n\n/**\n * Floating button that opens the Studio modal.\n * Fixed position in bottom-right corner.\n * Only renders in development mode.\n */\nexport function StudioButton() {\n  const [mounted, setMounted] = useState(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const [hasBeenOpened, setHasBeenOpened] = useState(false)\n\n  // Only render on client to avoid hydration mismatch\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const handleOpen = () => {\n    setIsOpen(true)\n    setHasBeenOpened(true)\n  }\n\n  // Only render in development and on client\n  if (!mounted || process.env.NODE_ENV !== 'development') {\n    return null\n  }\n\n  return (\n    <>\n      {!isOpen && (\n        <button\n          css={styles.button}\n          onClick={handleOpen}\n          title=\"Open Studio\"\n          aria-label=\"Open Studio media manager\"\n        >\n          <ImageIcon />\n        </button>\n      )}\n\n      {/* Keep mounted once opened to preserve state */}\n      {hasBeenOpened && (\n        <div css={[styles.overlay, !isOpen && styles.overlayHidden]}>\n          <div css={styles.backdrop} onClick={() => setIsOpen(false)} />\n          <div css={styles.modal}>\n            <Suspense fallback={<LoadingState />}>\n              <StudioUI onClose={() => setIsOpen(false)} isVisible={isOpen} />\n            </Suspense>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n\nfunction ImageIcon() {\n  return (\n    <svg\n      css={styles.buttonIcon}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" />\n      <polyline points=\"21 15 16 10 5 21\" />\n    </svg>\n  )\n}\n\nfunction LoadingState() {\n  return (\n    <div css={styles.loading}>\n      <div css={styles.loadingContent}>\n        <div css={styles.spinner} />\n        <p css={styles.loadingText}>Loading Studio...</p>\n      </div>\n    </div>\n  )\n}\n","/**\n * Image size variants (verbose format used by handlers)\n */\nexport type ImageSize = 'small' | 'medium' | 'large' | 'full'\n\n/**\n * Image size variants (lean format for consumers)\n */\nexport type LeanImageSize = 'sm' | 'md' | 'lg'\n\n/**\n * Size entry with path and dimensions\n */\nexport interface SizeEntry {\n  path: string\n  width: number\n  height: number\n}\n\n/**\n * CDN sync status\n */\nexport interface CdnStatus {\n  synced: boolean\n  baseUrl: string\n  syncedAt: string\n}\n\n/**\n * Image entry in meta (verbose format - used by Studio handlers)\n */\nexport interface ImageEntry {\n  original: {\n    path: string\n    width: number\n    height: number\n    fileSize: number\n  }\n  sizes: {\n    full: SizeEntry\n    large: SizeEntry\n    medium: SizeEntry\n    small: SizeEntry\n    [key: string]: SizeEntry\n  }\n  blurhash: string\n  dominantColor: string\n  cdn: CdnStatus | null\n}\n\n/**\n * Studio meta schema (verbose format - used by Studio handlers)\n */\nexport interface StudioMeta {\n  $schema: string\n  version: number\n  generatedAt: string\n  images: Record<string, ImageEntry>\n}\n\n/**\n * Lean image entry - minimal metadata for consumers\n * ~80 bytes per image vs ~500 bytes in verbose format\n */\nexport interface LeanImageEntry {\n  /** Original width */\n  w: number\n  /** Original height */\n  h: number\n  /** Blurhash for placeholder */\n  blur: string\n  /** Synced to CDN (present and 1 if synced, omit if not) */\n  s?: 1\n}\n\n/**\n * Lean meta schema - flat structure with path as key\n */\nexport type LeanMeta = Record<string, LeanImageEntry>\n\n/**\n * File/folder item for browser\n */\nexport interface FileItem {\n  name: string\n  path: string\n  type: 'file' | 'folder'\n  size?: number\n  dimensions?: { width: number; height: number }\n  cdnSynced?: boolean\n  fileCount?: number\n  totalSize?: number\n  thumbnail?: string\n  hasThumbnail?: boolean\n}\n\n/**\n * Studio configuration\n */\nexport interface StudioConfig {\n  r2AccountId?: string\n  r2AccessKeyId?: string\n  r2SecretAccessKey?: string\n  r2BucketName?: string\n  r2PublicUrl?: string\n  thumbnailSizes?: {\n    small: number\n    medium: number\n    large: number\n  }\n}\n\n/**\n * Helper to derive thumbnail path from original path\n */\nexport function getThumbnailPath(originalPath: string, size: LeanImageSize): string {\n  const ext = originalPath.match(/\\.\\w+$/)?.[0] || '.jpg'\n  const base = originalPath.replace(/\\.\\w+$/, '')\n  const outputExt = ext.toLowerCase() === '.png' ? '.png' : '.jpg'\n  return `/images${base}-${size}${outputExt}`\n}\n\n/**\n * Convert verbose StudioMeta to LeanMeta\n */\nexport function toLeanMeta(verbose: StudioMeta): LeanMeta {\n  const lean: LeanMeta = {}\n  \n  for (const [key, entry] of Object.entries(verbose.images)) {\n    const pathKey = entry.original?.path || `/${key}`\n    lean[pathKey] = {\n      w: entry.original?.width || 0,\n      h: entry.original?.height || 0,\n      blur: entry.blurhash || '',\n    }\n    if (entry.cdn?.synced) {\n      lean[pathKey].s = 1\n    }\n  }\n  \n  return lean\n}\n\n/**\n * Check if meta is in lean format (no 'images' wrapper)\n */\nexport function isLeanMeta(meta: unknown): meta is LeanMeta {\n  if (!meta || typeof meta !== 'object') return false\n  // Lean format doesn't have 'images' property\n  return !('images' in meta)\n}\n","import type { StudioMeta, ImageEntry, LeanMeta, LeanImageEntry } from '../types'\nimport { getThumbnailPath, toLeanMeta, isLeanMeta } from '../types'\n\n// Unified meta - can be either format\ntype UnifiedMeta = StudioMeta | LeanMeta\n\n// Store both formats\nlet _verboseMeta: StudioMeta | null = null\nlet _leanMeta: LeanMeta = {}\n\n/**\n * The meta object in verbose format (for backward compatibility)\n */\nexport const meta: StudioMeta = {\n  $schema: 'https://gallop.software/schemas/studio-meta.json',\n  version: 1,\n  generatedAt: new Date().toISOString(),\n  images: {},\n}\n\n/**\n * Get lean meta for efficient access\n */\nexport function getLeanMeta(): LeanMeta {\n  return _leanMeta\n}\n\n/**\n * Initialize meta from a JSON object (handles both formats)\n */\nexport function initializeMeta(data: UnifiedMeta): void {\n  if (isLeanMeta(data)) {\n    // Already lean format\n    _leanMeta = data\n    _verboseMeta = null\n  } else {\n    // Verbose format - convert to lean\n    _verboseMeta = data\n    _leanMeta = toLeanMeta(data)\n    // Also update the exported meta object for backward compat\n    Object.assign(meta, data)\n  }\n}\n\n/**\n * Get the resolved URL for an image\n * Works with both verbose and lean formats\n */\nexport function getImageUrl(\n  imageKey: string,\n  size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'\n): string | undefined {\n  const cdnUrl = process.env.CLOUDFLARE_R2_PUBLIC_URL || process.env.NEXT_PUBLIC_CDN_URL\n  \n  // Try lean meta first\n  const leanEntry = _leanMeta[imageKey]\n  if (leanEntry) {\n    // Map old size names to new\n    const sizeMap: Record<string, 'sm' | 'md' | 'lg'> = {\n      small: 'sm',\n      medium: 'md', \n      large: 'lg',\n    }\n    \n    if (!size || size === 'full') {\n      // Return original path\n      if (leanEntry.s && cdnUrl) {\n        return `${cdnUrl}${imageKey}`\n      }\n      return imageKey\n    }\n    \n    const normalizedSize = sizeMap[size] || size as 'sm' | 'md' | 'lg'\n    const thumbPath = getThumbnailPath(imageKey, normalizedSize)\n    \n    if (leanEntry.s && cdnUrl) {\n      return `${cdnUrl}${thumbPath}`\n    }\n    return thumbPath\n  }\n  \n  // Fall back to verbose meta\n  if (_verboseMeta) {\n    const entry = _verboseMeta.images[imageKey]\n    if (!entry) return undefined\n    \n    const sizeData = entry.sizes[size || 'medium'] || entry.sizes.full\n    if (!sizeData) return undefined\n    \n    if (entry.cdn?.synced && entry.cdn.baseUrl) {\n      return `${entry.cdn.baseUrl}${sizeData.path}`\n    }\n    return sizeData.path\n  }\n  \n  return undefined\n}\n\n/**\n * Get image entry (verbose format for backward compat)\n */\nexport function getStudioMeta(imageKey: string): ImageEntry | undefined {\n  if (_verboseMeta) {\n    return _verboseMeta.images[imageKey]\n  }\n  return undefined\n}\n\n/**\n * Get lean entry\n */\nexport function getLeanEntry(imageKey: string): LeanImageEntry | undefined {\n  return _leanMeta[imageKey]\n}\n\n/**\n * Get dimensions for an image\n */\nexport function getImageSize(\n  imageKey: string,\n  size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'\n): { width: number; height: number; path?: string } | undefined {\n  // Try lean meta first\n  const leanEntry = _leanMeta[imageKey]\n  if (leanEntry) {\n    // For lean, we only have original dimensions\n    return { width: leanEntry.w, height: leanEntry.h }\n  }\n  \n  // Fall back to verbose meta\n  if (_verboseMeta) {\n    const entry = _verboseMeta.images[imageKey]\n    if (!entry) return undefined\n    const sizeData = entry.sizes[size || 'medium'] || entry.sizes.full\n    return sizeData\n  }\n  \n  return undefined\n}\n"]}

package/dist/index.mjs

@@ -175,42 +175,114 @@ function LoadingState() {
   ] }) });
 }
 
+// src/types.ts
+function getThumbnailPath(originalPath, size) {
+  const ext = originalPath.match(/\.\w+$/)?.[0] || ".jpg";
+  const base = originalPath.replace(/\.\w+$/, "");
+  const outputExt = ext.toLowerCase() === ".png" ? ".png" : ".jpg";
+  return `/images${base}-${size}${outputExt}`;
+}
+function toLeanMeta(verbose) {
+  const lean = {};
+  for (const [key, entry] of Object.entries(verbose.images)) {
+    const pathKey = entry.original?.path || `/${key}`;
+    lean[pathKey] = {
+      w: entry.original?.width || 0,
+      h: entry.original?.height || 0,
+      blur: entry.blurhash || ""
+    };
+    if (entry.cdn?.synced) {
+      lean[pathKey].s = 1;
+    }
+  }
+  return lean;
+}
+function isLeanMeta(meta2) {
+  if (!meta2 || typeof meta2 !== "object") return false;
+  return !("images" in meta2);
+}
+
 // src/lib/meta.ts
-var _meta = {
+var _verboseMeta = null;
+var _leanMeta = {};
+var meta = {
   $schema: "https://gallop.software/schemas/studio-meta.json",
   version: 1,
   generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
   images: {}
 };
-var meta = _meta;
 function initializeMeta(data) {
-  _meta = data;
-  Object.assign(meta, data);
+  if (isLeanMeta(data)) {
+    _leanMeta = data;
+    _verboseMeta = null;
+  } else {
+    _verboseMeta = data;
+    _leanMeta = toLeanMeta(data);
+    Object.assign(meta, data);
+  }
 }
-function getImageUrl(imageKey, size = "medium") {
-  const image = meta.images[imageKey];
-  if (!image) return void 0;
-  const sizeData = image.sizes[size] || image.sizes.full;
-  if (!sizeData) return void 0;
-  if (image.cdn?.synced && image.cdn.baseUrl) {
-    return `${image.cdn.baseUrl}${sizeData.path}`;
+function getImageUrl(imageKey, size) {
+  const cdnUrl = process.env.CLOUDFLARE_R2_PUBLIC_URL || process.env.NEXT_PUBLIC_CDN_URL;
+  const leanEntry = _leanMeta[imageKey];
+  if (leanEntry) {
+    const sizeMap = {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    };
+    if (!size || size === "full") {
+      if (leanEntry.s && cdnUrl) {
+        return `${cdnUrl}${imageKey}`;
+      }
+      return imageKey;
+    }
+    const normalizedSize = sizeMap[size] || size;
+    const thumbPath = getThumbnailPath(imageKey, normalizedSize);
+    if (leanEntry.s && cdnUrl) {
+      return `${cdnUrl}${thumbPath}`;
+    }
+    return thumbPath;
+  }
+  if (_verboseMeta) {
+    const entry = _verboseMeta.images[imageKey];
+    if (!entry) return void 0;
+    const sizeData = entry.sizes[size || "medium"] || entry.sizes.full;
+    if (!sizeData) return void 0;
+    if (entry.cdn?.synced && entry.cdn.baseUrl) {
+      return `${entry.cdn.baseUrl}${sizeData.path}`;
+    }
+    return sizeData.path;
   }
-  return sizeData.path;
+  return void 0;
 }
 function getStudioMeta(imageKey) {
-  return meta.images[imageKey];
+  if (_verboseMeta) {
+    return _verboseMeta.images[imageKey];
+  }
+  return void 0;
 }
-function getImageSize(imageKey, size = "medium") {
-  const image = meta.images[imageKey];
-  if (!image) return void 0;
-  return image.sizes[size] || image.sizes.full;
+function getImageSize(imageKey, size) {
+  const leanEntry = _leanMeta[imageKey];
+  if (leanEntry) {
+    return { width: leanEntry.w, height: leanEntry.h };
+  }
+  if (_verboseMeta) {
+    const entry = _verboseMeta.images[imageKey];
+    if (!entry) return void 0;
+    const sizeData = entry.sizes[size || "medium"] || entry.sizes.full;
+    return sizeData;
+  }
+  return void 0;
 }
 export {
   StudioButton,
   getImageSize,
   getImageUrl,
   getStudioMeta,
+  getThumbnailPath,
   initializeMeta,
-  meta
+  isLeanMeta,
+  meta,
+  toLeanMeta
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StudioButton.tsx","../src/lib/meta.ts"],"sourcesContent":["/** @jsxImportSource @emotion/react */\n'use client'\n\nimport { useState, useEffect, lazy, Suspense } from 'react'\nimport { css, keyframes } from '@emotion/react'\nimport { colors, fontStack, fontSize, baseReset } from './tokens'\n\n// Lazy load the full Studio UI to avoid bundling in production\nconst StudioUI = lazy(() => import('./StudioUI'))\n\nconst spin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst styles = {\n  button: css`\n    position: fixed;\n    bottom: 24px;\n    right: 24px;\n    z-index: 9998;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: ${colors.primary};\n    color: white;\n    box-shadow: 0 4px 12px ${colors.shadowDark}, 0 1px 3px ${colors.shadow};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    font-family: ${fontStack};\n    \n    &:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px ${colors.shadowDark}, 0 2px 6px ${colors.shadow};\n      background: ${colors.primaryHover};\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  buttonIcon: css`\n    width: 24px;\n    height: 24px;\n  `,\n  overlay: css`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9999;\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n  `,\n  overlayHidden: css`\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  `,\n  backdrop: css`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(26, 31, 54, 0.4);\n    backdrop-filter: blur(4px);\n  `,\n  modal: css`\n    ${baseReset}\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    bottom: 24px;\n    left: 24px;\n    background-color: ${colors.surface};\n    border-radius: 12px;\n    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  `,\n  loading: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    background: ${colors.background};\n    font-family: ${fontStack};\n  `,\n  loadingContent: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n  `,\n  spinner: css`\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    border: 3px solid ${colors.border};\n    border-top-color: ${colors.primary};\n    animation: ${spin} 0.8s linear infinite;\n  `,\n  loadingText: css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSize.base};\n    font-weight: 500;\n    margin: 0;\n    letter-spacing: -0.01em;\n  `,\n}\n\n/**\n * Floating button that opens the Studio modal.\n * Fixed position in bottom-right corner.\n * Only renders in development mode.\n */\nexport function StudioButton() {\n  const [mounted, setMounted] = useState(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const [hasBeenOpened, setHasBeenOpened] = useState(false)\n\n  // Only render on client to avoid hydration mismatch\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const handleOpen = () => {\n    setIsOpen(true)\n    setHasBeenOpened(true)\n  }\n\n  // Only render in development and on client\n  if (!mounted || process.env.NODE_ENV !== 'development') {\n    return null\n  }\n\n  return (\n    <>\n      {!isOpen && (\n        <button\n          css={styles.button}\n          onClick={handleOpen}\n          title=\"Open Studio\"\n          aria-label=\"Open Studio media manager\"\n        >\n          <ImageIcon />\n        </button>\n      )}\n\n      {/* Keep mounted once opened to preserve state */}\n      {hasBeenOpened && (\n        <div css={[styles.overlay, !isOpen && styles.overlayHidden]}>\n          <div css={styles.backdrop} onClick={() => setIsOpen(false)} />\n          <div css={styles.modal}>\n            <Suspense fallback={<LoadingState />}>\n              <StudioUI onClose={() => setIsOpen(false)} isVisible={isOpen} />\n            </Suspense>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n\nfunction ImageIcon() {\n  return (\n    <svg\n      css={styles.buttonIcon}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" />\n      <polyline points=\"21 15 16 10 5 21\" />\n    </svg>\n  )\n}\n\nfunction LoadingState() {\n  return (\n    <div css={styles.loading}>\n      <div css={styles.loadingContent}>\n        <div css={styles.spinner} />\n        <p css={styles.loadingText}>Loading Studio...</p>\n      </div>\n    </div>\n  )\n}\n","import type { StudioMeta, ImageEntry, ImageSize, SizeEntry } from '../types'\n\n// Default empty meta - will be populated when reading from project\nlet _meta: StudioMeta = {\n  $schema: 'https://gallop.software/schemas/studio-meta.json',\n  version: 1,\n  generatedAt: new Date().toISOString(),\n  images: {},\n}\n\n/**\n * The meta object containing all image metadata.\n * This is read from _data/_meta.json in the consuming project.\n */\nexport const meta: StudioMeta = _meta\n\n/**\n * Initialize meta from a JSON object (called during build/runtime)\n */\nexport function initializeMeta(data: StudioMeta): void {\n  _meta = data\n  Object.assign(meta, data)\n}\n\n/**\n * Get the resolved URL for an image, handling CDN vs local paths\n */\nexport function getImageUrl(\n  imageKey: string,\n  size: ImageSize = 'medium'\n): string | undefined {\n  const image = meta.images[imageKey]\n  if (!image) return undefined\n\n  const sizeData = image.sizes[size] || image.sizes.full\n  if (!sizeData) return undefined\n\n  // If synced to CDN, use CDN URL\n  if (image.cdn?.synced && image.cdn.baseUrl) {\n    return `${image.cdn.baseUrl}${sizeData.path}`\n  }\n\n  // Otherwise use local path\n  return sizeData.path\n}\n\n/**\n * Get the full image entry for a key\n */\nexport function getStudioMeta(imageKey: string): ImageEntry | undefined {\n  return meta.images[imageKey]\n}\n\n/**\n * Get size data for an image\n */\nexport function getImageSize(\n  imageKey: string,\n  size: ImageSize = 'medium'\n): SizeEntry | undefined {\n  const image = meta.images[imageKey]\n  if (!image) return undefined\n  return image.sizes[size] || image.sizes.full\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/StudioButton.tsx","../src/types.ts","../src/lib/meta.ts"],"sourcesContent":["/** @jsxImportSource @emotion/react */\n'use client'\n\nimport { useState, useEffect, lazy, Suspense } from 'react'\nimport { css, keyframes } from '@emotion/react'\nimport { colors, fontStack, fontSize, baseReset } from './tokens'\n\n// Lazy load the full Studio UI to avoid bundling in production\nconst StudioUI = lazy(() => import('./StudioUI'))\n\nconst spin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst styles = {\n  button: css`\n    position: fixed;\n    bottom: 24px;\n    right: 24px;\n    z-index: 9998;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: ${colors.primary};\n    color: white;\n    box-shadow: 0 4px 12px ${colors.shadowDark}, 0 1px 3px ${colors.shadow};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    font-family: ${fontStack};\n    \n    &:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px ${colors.shadowDark}, 0 2px 6px ${colors.shadow};\n      background: ${colors.primaryHover};\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  buttonIcon: css`\n    width: 24px;\n    height: 24px;\n  `,\n  overlay: css`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9999;\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n  `,\n  overlayHidden: css`\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  `,\n  backdrop: css`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(26, 31, 54, 0.4);\n    backdrop-filter: blur(4px);\n  `,\n  modal: css`\n    ${baseReset}\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    bottom: 24px;\n    left: 24px;\n    background-color: ${colors.surface};\n    border-radius: 12px;\n    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  `,\n  loading: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    background: ${colors.background};\n    font-family: ${fontStack};\n  `,\n  loadingContent: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n  `,\n  spinner: css`\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    border: 3px solid ${colors.border};\n    border-top-color: ${colors.primary};\n    animation: ${spin} 0.8s linear infinite;\n  `,\n  loadingText: css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSize.base};\n    font-weight: 500;\n    margin: 0;\n    letter-spacing: -0.01em;\n  `,\n}\n\n/**\n * Floating button that opens the Studio modal.\n * Fixed position in bottom-right corner.\n * Only renders in development mode.\n */\nexport function StudioButton() {\n  const [mounted, setMounted] = useState(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const [hasBeenOpened, setHasBeenOpened] = useState(false)\n\n  // Only render on client to avoid hydration mismatch\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const handleOpen = () => {\n    setIsOpen(true)\n    setHasBeenOpened(true)\n  }\n\n  // Only render in development and on client\n  if (!mounted || process.env.NODE_ENV !== 'development') {\n    return null\n  }\n\n  return (\n    <>\n      {!isOpen && (\n        <button\n          css={styles.button}\n          onClick={handleOpen}\n          title=\"Open Studio\"\n          aria-label=\"Open Studio media manager\"\n        >\n          <ImageIcon />\n        </button>\n      )}\n\n      {/* Keep mounted once opened to preserve state */}\n      {hasBeenOpened && (\n        <div css={[styles.overlay, !isOpen && styles.overlayHidden]}>\n          <div css={styles.backdrop} onClick={() => setIsOpen(false)} />\n          <div css={styles.modal}>\n            <Suspense fallback={<LoadingState />}>\n              <StudioUI onClose={() => setIsOpen(false)} isVisible={isOpen} />\n            </Suspense>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n\nfunction ImageIcon() {\n  return (\n    <svg\n      css={styles.buttonIcon}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" />\n      <polyline points=\"21 15 16 10 5 21\" />\n    </svg>\n  )\n}\n\nfunction LoadingState() {\n  return (\n    <div css={styles.loading}>\n      <div css={styles.loadingContent}>\n        <div css={styles.spinner} />\n        <p css={styles.loadingText}>Loading Studio...</p>\n      </div>\n    </div>\n  )\n}\n","/**\n * Image size variants (verbose format used by handlers)\n */\nexport type ImageSize = 'small' | 'medium' | 'large' | 'full'\n\n/**\n * Image size variants (lean format for consumers)\n */\nexport type LeanImageSize = 'sm' | 'md' | 'lg'\n\n/**\n * Size entry with path and dimensions\n */\nexport interface SizeEntry {\n  path: string\n  width: number\n  height: number\n}\n\n/**\n * CDN sync status\n */\nexport interface CdnStatus {\n  synced: boolean\n  baseUrl: string\n  syncedAt: string\n}\n\n/**\n * Image entry in meta (verbose format - used by Studio handlers)\n */\nexport interface ImageEntry {\n  original: {\n    path: string\n    width: number\n    height: number\n    fileSize: number\n  }\n  sizes: {\n    full: SizeEntry\n    large: SizeEntry\n    medium: SizeEntry\n    small: SizeEntry\n    [key: string]: SizeEntry\n  }\n  blurhash: string\n  dominantColor: string\n  cdn: CdnStatus | null\n}\n\n/**\n * Studio meta schema (verbose format - used by Studio handlers)\n */\nexport interface StudioMeta {\n  $schema: string\n  version: number\n  generatedAt: string\n  images: Record<string, ImageEntry>\n}\n\n/**\n * Lean image entry - minimal metadata for consumers\n * ~80 bytes per image vs ~500 bytes in verbose format\n */\nexport interface LeanImageEntry {\n  /** Original width */\n  w: number\n  /** Original height */\n  h: number\n  /** Blurhash for placeholder */\n  blur: string\n  /** Synced to CDN (present and 1 if synced, omit if not) */\n  s?: 1\n}\n\n/**\n * Lean meta schema - flat structure with path as key\n */\nexport type LeanMeta = Record<string, LeanImageEntry>\n\n/**\n * File/folder item for browser\n */\nexport interface FileItem {\n  name: string\n  path: string\n  type: 'file' | 'folder'\n  size?: number\n  dimensions?: { width: number; height: number }\n  cdnSynced?: boolean\n  fileCount?: number\n  totalSize?: number\n  thumbnail?: string\n  hasThumbnail?: boolean\n}\n\n/**\n * Studio configuration\n */\nexport interface StudioConfig {\n  r2AccountId?: string\n  r2AccessKeyId?: string\n  r2SecretAccessKey?: string\n  r2BucketName?: string\n  r2PublicUrl?: string\n  thumbnailSizes?: {\n    small: number\n    medium: number\n    large: number\n  }\n}\n\n/**\n * Helper to derive thumbnail path from original path\n */\nexport function getThumbnailPath(originalPath: string, size: LeanImageSize): string {\n  const ext = originalPath.match(/\\.\\w+$/)?.[0] || '.jpg'\n  const base = originalPath.replace(/\\.\\w+$/, '')\n  const outputExt = ext.toLowerCase() === '.png' ? '.png' : '.jpg'\n  return `/images${base}-${size}${outputExt}`\n}\n\n/**\n * Convert verbose StudioMeta to LeanMeta\n */\nexport function toLeanMeta(verbose: StudioMeta): LeanMeta {\n  const lean: LeanMeta = {}\n  \n  for (const [key, entry] of Object.entries(verbose.images)) {\n    const pathKey = entry.original?.path || `/${key}`\n    lean[pathKey] = {\n      w: entry.original?.width || 0,\n      h: entry.original?.height || 0,\n      blur: entry.blurhash || '',\n    }\n    if (entry.cdn?.synced) {\n      lean[pathKey].s = 1\n    }\n  }\n  \n  return lean\n}\n\n/**\n * Check if meta is in lean format (no 'images' wrapper)\n */\nexport function isLeanMeta(meta: unknown): meta is LeanMeta {\n  if (!meta || typeof meta !== 'object') return false\n  // Lean format doesn't have 'images' property\n  return !('images' in meta)\n}\n","import type { StudioMeta, ImageEntry, LeanMeta, LeanImageEntry } from '../types'\nimport { getThumbnailPath, toLeanMeta, isLeanMeta } from '../types'\n\n// Unified meta - can be either format\ntype UnifiedMeta = StudioMeta | LeanMeta\n\n// Store both formats\nlet _verboseMeta: StudioMeta | null = null\nlet _leanMeta: LeanMeta = {}\n\n/**\n * The meta object in verbose format (for backward compatibility)\n */\nexport const meta: StudioMeta = {\n  $schema: 'https://gallop.software/schemas/studio-meta.json',\n  version: 1,\n  generatedAt: new Date().toISOString(),\n  images: {},\n}\n\n/**\n * Get lean meta for efficient access\n */\nexport function getLeanMeta(): LeanMeta {\n  return _leanMeta\n}\n\n/**\n * Initialize meta from a JSON object (handles both formats)\n */\nexport function initializeMeta(data: UnifiedMeta): void {\n  if (isLeanMeta(data)) {\n    // Already lean format\n    _leanMeta = data\n    _verboseMeta = null\n  } else {\n    // Verbose format - convert to lean\n    _verboseMeta = data\n    _leanMeta = toLeanMeta(data)\n    // Also update the exported meta object for backward compat\n    Object.assign(meta, data)\n  }\n}\n\n/**\n * Get the resolved URL for an image\n * Works with both verbose and lean formats\n */\nexport function getImageUrl(\n  imageKey: string,\n  size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'\n): string | undefined {\n  const cdnUrl = process.env.CLOUDFLARE_R2_PUBLIC_URL || process.env.NEXT_PUBLIC_CDN_URL\n  \n  // Try lean meta first\n  const leanEntry = _leanMeta[imageKey]\n  if (leanEntry) {\n    // Map old size names to new\n    const sizeMap: Record<string, 'sm' | 'md' | 'lg'> = {\n      small: 'sm',\n      medium: 'md', \n      large: 'lg',\n    }\n    \n    if (!size || size === 'full') {\n      // Return original path\n      if (leanEntry.s && cdnUrl) {\n        return `${cdnUrl}${imageKey}`\n      }\n      return imageKey\n    }\n    \n    const normalizedSize = sizeMap[size] || size as 'sm' | 'md' | 'lg'\n    const thumbPath = getThumbnailPath(imageKey, normalizedSize)\n    \n    if (leanEntry.s && cdnUrl) {\n      return `${cdnUrl}${thumbPath}`\n    }\n    return thumbPath\n  }\n  \n  // Fall back to verbose meta\n  if (_verboseMeta) {\n    const entry = _verboseMeta.images[imageKey]\n    if (!entry) return undefined\n    \n    const sizeData = entry.sizes[size || 'medium'] || entry.sizes.full\n    if (!sizeData) return undefined\n    \n    if (entry.cdn?.synced && entry.cdn.baseUrl) {\n      return `${entry.cdn.baseUrl}${sizeData.path}`\n    }\n    return sizeData.path\n  }\n  \n  return undefined\n}\n\n/**\n * Get image entry (verbose format for backward compat)\n */\nexport function getStudioMeta(imageKey: string): ImageEntry | undefined {\n  if (_verboseMeta) {\n    return _verboseMeta.images[imageKey]\n  }\n  return undefined\n}\n\n/**\n * Get lean entry\n */\nexport function getLeanEntry(imageKey: string): LeanImageEntry | undefined {\n  return _leanMeta[imageKey]\n}\n\n/**\n * Get dimensions for an image\n */\nexport function getImageSize(\n  imageKey: string,\n  size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'full'\n): { width: number; height: number; path?: string } | undefined {\n  // Try lean meta first\n  const leanEntry = _leanMeta[imageKey]\n  if (leanEntry) {\n    // For lean, we only have original dimensions\n    return { width: leanEntry.w, height: leanEntry.h }\n  }\n  \n  // Fall back to verbose meta\n  if (_verboseMeta) {\n    const entry = _verboseMeta.images[imageKey]\n    if (!entry) return undefined\n    const sizeData = entry.sizes[size || 'medium'] || entry.sizes.full\n    return sizeData\n  }\n  \n  return undefined\n}\n"],"mappings":"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","names":["meta"]}

package/dist/types-CNVLjvIw.d.mts

@@ -0,0 +1,119 @@
+/**
+ * Image size variants (verbose format used by handlers)
+ */
+type ImageSize = 'small' | 'medium' | 'large' | 'full';
+/**
+ * Image size variants (lean format for consumers)
+ */
+type LeanImageSize = 'sm' | 'md' | 'lg';
+/**
+ * Size entry with path and dimensions
+ */
+interface SizeEntry {
+    path: string;
+    width: number;
+    height: number;
+}
+/**
+ * CDN sync status
+ */
+interface CdnStatus {
+    synced: boolean;
+    baseUrl: string;
+    syncedAt: string;
+}
+/**
+ * Image entry in meta (verbose format - used by Studio handlers)
+ */
+interface ImageEntry {
+    original: {
+        path: string;
+        width: number;
+        height: number;
+        fileSize: number;
+    };
+    sizes: {
+        full: SizeEntry;
+        large: SizeEntry;
+        medium: SizeEntry;
+        small: SizeEntry;
+        [key: string]: SizeEntry;
+    };
+    blurhash: string;
+    dominantColor: string;
+    cdn: CdnStatus | null;
+}
+/**
+ * Studio meta schema (verbose format - used by Studio handlers)
+ */
+interface StudioMeta {
+    $schema: string;
+    version: number;
+    generatedAt: string;
+    images: Record<string, ImageEntry>;
+}
+/**
+ * Lean image entry - minimal metadata for consumers
+ * ~80 bytes per image vs ~500 bytes in verbose format
+ */
+interface LeanImageEntry {
+    /** Original width */
+    w: number;
+    /** Original height */
+    h: number;
+    /** Blurhash for placeholder */
+    blur: string;
+    /** Synced to CDN (present and 1 if synced, omit if not) */
+    s?: 1;
+}
+/**
+ * Lean meta schema - flat structure with path as key
+ */
+type LeanMeta = Record<string, LeanImageEntry>;
+/**
+ * File/folder item for browser
+ */
+interface FileItem {
+    name: string;
+    path: string;
+    type: 'file' | 'folder';
+    size?: number;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+    cdnSynced?: boolean;
+    fileCount?: number;
+    totalSize?: number;
+    thumbnail?: string;
+    hasThumbnail?: boolean;
+}
+/**
+ * Studio configuration
+ */
+interface StudioConfig {
+    r2AccountId?: string;
+    r2AccessKeyId?: string;
+    r2SecretAccessKey?: string;
+    r2BucketName?: string;
+    r2PublicUrl?: string;
+    thumbnailSizes?: {
+        small: number;
+        medium: number;
+        large: number;
+    };
+}
+/**
+ * Helper to derive thumbnail path from original path
+ */
+declare function getThumbnailPath(originalPath: string, size: LeanImageSize): string;
+/**
+ * Convert verbose StudioMeta to LeanMeta
+ */
+declare function toLeanMeta(verbose: StudioMeta): LeanMeta;
+/**
+ * Check if meta is in lean format (no 'images' wrapper)
+ */
+declare function isLeanMeta(meta: unknown): meta is LeanMeta;
+
+export { type CdnStatus as C, type FileItem as F, type ImageEntry as I, type LeanMeta as L, type StudioMeta as S, type ImageSize as a, type LeanImageEntry as b, type LeanImageSize as c, type SizeEntry as d, type StudioConfig as e, getThumbnailPath as g, isLeanMeta as i, toLeanMeta as t };

package/dist/types-CNVLjvIw.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Image size variants (verbose format used by handlers)
+ */
+type ImageSize = 'small' | 'medium' | 'large' | 'full';
+/**
+ * Image size variants (lean format for consumers)
+ */
+type LeanImageSize = 'sm' | 'md' | 'lg';
+/**
+ * Size entry with path and dimensions
+ */
+interface SizeEntry {
+    path: string;
+    width: number;
+    height: number;
+}
+/**
+ * CDN sync status
+ */
+interface CdnStatus {
+    synced: boolean;
+    baseUrl: string;
+    syncedAt: string;
+}
+/**
+ * Image entry in meta (verbose format - used by Studio handlers)
+ */
+interface ImageEntry {
+    original: {
+        path: string;
+        width: number;
+        height: number;
+        fileSize: number;
+    };
+    sizes: {
+        full: SizeEntry;
+        large: SizeEntry;
+        medium: SizeEntry;
+        small: SizeEntry;
+        [key: string]: SizeEntry;
+    };
+    blurhash: string;
+    dominantColor: string;
+    cdn: CdnStatus | null;
+}
+/**
+ * Studio meta schema (verbose format - used by Studio handlers)
+ */
+interface StudioMeta {
+    $schema: string;
+    version: number;
+    generatedAt: string;
+    images: Record<string, ImageEntry>;
+}
+/**
+ * Lean image entry - minimal metadata for consumers
+ * ~80 bytes per image vs ~500 bytes in verbose format
+ */
+interface LeanImageEntry {
+    /** Original width */
+    w: number;
+    /** Original height */
+    h: number;
+    /** Blurhash for placeholder */
+    blur: string;
+    /** Synced to CDN (present and 1 if synced, omit if not) */
+    s?: 1;
+}
+/**
+ * Lean meta schema - flat structure with path as key
+ */
+type LeanMeta = Record<string, LeanImageEntry>;
+/**
+ * File/folder item for browser
+ */
+interface FileItem {
+    name: string;
+    path: string;
+    type: 'file' | 'folder';
+    size?: number;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+    cdnSynced?: boolean;
+    fileCount?: number;
+    totalSize?: number;
+    thumbnail?: string;
+    hasThumbnail?: boolean;
+}
+/**
+ * Studio configuration
+ */
+interface StudioConfig {
+    r2AccountId?: string;
+    r2AccessKeyId?: string;
+    r2SecretAccessKey?: string;
+    r2BucketName?: string;
+    r2PublicUrl?: string;
+    thumbnailSizes?: {
+        small: number;
+        medium: number;
+        large: number;
+    };
+}
+/**
+ * Helper to derive thumbnail path from original path
+ */
+declare function getThumbnailPath(originalPath: string, size: LeanImageSize): string;
+/**
+ * Convert verbose StudioMeta to LeanMeta
+ */
+declare function toLeanMeta(verbose: StudioMeta): LeanMeta;
+/**
+ * Check if meta is in lean format (no 'images' wrapper)
+ */
+declare function isLeanMeta(meta: unknown): meta is LeanMeta;
+
+export { type CdnStatus as C, type FileItem as F, type ImageEntry as I, type LeanMeta as L, type StudioMeta as S, type ImageSize as a, type LeanImageEntry as b, type LeanImageSize as c, type SizeEntry as d, type StudioConfig as e, getThumbnailPath as g, isLeanMeta as i, toLeanMeta as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gallop.software/studio",
-  "version": "0.1.68",
+  "version": "0.1.69",
   "description": "Media manager for Gallop templates - upload, process, and sync images to CDN",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/dist/types-1m_7EjJU.d.mts

@@ -1,79 +0,0 @@
-/**
- * Image size variants
- */
-type ImageSize = 'small' | 'medium' | 'large' | 'full';
-/**
- * Size entry with path and dimensions
- */
-interface SizeEntry {
-    path: string;
-    width: number;
-    height: number;
-}
-/**
- * CDN sync status
- */
-interface CdnStatus {
-    synced: boolean;
-    baseUrl: string;
-    syncedAt: string;
-}
-/**
- * Image entry in meta
- */
-interface ImageEntry {
-    original: {
-        path: string;
-        width: number;
-        height: number;
-        fileSize: number;
-    };
-    sizes: Record<ImageSize, SizeEntry>;
-    blurhash: string;
-    dominantColor: string;
-    cdn: CdnStatus | null;
-}
-/**
- * Studio meta schema
- */
-interface StudioMeta {
-    $schema: string;
-    version: number;
-    generatedAt: string;
-    images: Record<string, ImageEntry>;
-}
-/**
- * File/folder item for browser
- */
-interface FileItem {
-    name: string;
-    path: string;
-    type: 'file' | 'folder';
-    size?: number;
-    dimensions?: {
-        width: number;
-        height: number;
-    };
-    cdnSynced?: boolean;
-    fileCount?: number;
-    totalSize?: number;
-    thumbnail?: string;
-    hasThumbnail?: boolean;
-}
-/**
- * Studio configuration
- */
-interface StudioConfig {
-    r2AccountId?: string;
-    r2AccessKeyId?: string;
-    r2SecretAccessKey?: string;
-    r2BucketName?: string;
-    r2PublicUrl?: string;
-    thumbnailSizes?: {
-        small: number;
-        medium: number;
-        large: number;
-    };
-}
-
-export type { CdnStatus as C, FileItem as F, ImageSize as I, SizeEntry as S, ImageEntry as a, StudioMeta as b, StudioConfig as c };

package/dist/types-1m_7EjJU.d.ts

@@ -1,79 +0,0 @@
-/**
- * Image size variants
- */
-type ImageSize = 'small' | 'medium' | 'large' | 'full';
-/**
- * Size entry with path and dimensions
- */
-interface SizeEntry {
-    path: string;
-    width: number;
-    height: number;
-}
-/**
- * CDN sync status
- */
-interface CdnStatus {
-    synced: boolean;
-    baseUrl: string;
-    syncedAt: string;
-}
-/**
- * Image entry in meta
- */
-interface ImageEntry {
-    original: {
-        path: string;
-        width: number;
-        height: number;
-        fileSize: number;
-    };
-    sizes: Record<ImageSize, SizeEntry>;
-    blurhash: string;
-    dominantColor: string;
-    cdn: CdnStatus | null;
-}
-/**
- * Studio meta schema
- */
-interface StudioMeta {
-    $schema: string;
-    version: number;
-    generatedAt: string;
-    images: Record<string, ImageEntry>;
-}
-/**
- * File/folder item for browser
- */
-interface FileItem {
-    name: string;
-    path: string;
-    type: 'file' | 'folder';
-    size?: number;
-    dimensions?: {
-        width: number;
-        height: number;
-    };
-    cdnSynced?: boolean;
-    fileCount?: number;
-    totalSize?: number;
-    thumbnail?: string;
-    hasThumbnail?: boolean;
-}
-/**
- * Studio configuration
- */
-interface StudioConfig {
-    r2AccountId?: string;
-    r2AccessKeyId?: string;
-    r2SecretAccessKey?: string;
-    r2BucketName?: string;
-    r2PublicUrl?: string;
-    thumbnailSizes?: {
-        small: number;
-        medium: number;
-        large: number;
-    };
-}
-
-export type { CdnStatus as C, FileItem as F, ImageSize as I, SizeEntry as S, ImageEntry as a, StudioMeta as b, StudioConfig as c };