@gallop.software/studio 2.0.7 → 2.1.1

package/app/page.jsx

@@ -1,90 +0,0 @@
-'use client'
-
-import dynamic from 'next/dynamic'
-import { css } from '@emotion/react'
-
-const colors = {
-  background: '#0a0a0a',
-  primary: '#635bff',
-  border: '#2a2a2a',
-  textSecondary: '#888888',
-}
-
-const fontStack = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif`
-
-// Dynamically import StudioUI from compiled dist
-const StudioUI = dynamic(() => import('../dist/components/StudioUI.mjs').then(m => m.default), {
-  ssr: false,
-  loading: () => <LoadingState />,
-})
-
-const styles = {
-  container: css`
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: ${colors.background};
-    font-family: ${fontStack};
-  `,
-  loading: css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    background: ${colors.background};
-    font-family: ${fontStack};
-  `,
-  loadingContent: css`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 16px;
-  `,
-  spinner: css`
-    width: 36px;
-    height: 36px;
-    border-radius: 50%;
-    border: 3px solid ${colors.border};
-    border-top-color: ${colors.primary};
-    animation: spin 0.8s linear infinite;
-    
-    @keyframes spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-  `,
-  loadingText: css`
-    color: ${colors.textSecondary};
-    font-size: 14px;
-    font-weight: 500;
-    margin: 0;
-  `,
-}
-
-function LoadingState() {
-  return (
-    <div css={styles.loading}>
-      <div css={styles.loadingContent}>
-        <div css={styles.spinner} />
-        <p css={styles.loadingText}>Loading Studio...</p>
-      </div>
-    </div>
-  )
-}
-
-export default function StudioPage() {
-  const workspace = process.env.NEXT_PUBLIC_STUDIO_WORKSPACE || 'Unknown'
-  
-  return (
-    <div css={styles.container}>
-      <StudioUI 
-        isVisible={true} 
-        standaloneMode={true}
-        workspacePath={workspace}
-      />
-    </div>
-  )
-}

package/dist/chunk-TRYWHLJ2.mjs

@@ -1,32 +0,0 @@
-// src/types.ts
-function getThumbnailPath(originalPath, size) {
-  if (size === "full") {
-    const ext2 = originalPath.match(/\.\w+$/)?.[0] || ".jpg";
-    const base2 = originalPath.replace(/\.\w+$/, "");
-    const outputExt2 = ext2.toLowerCase() === ".png" ? ".png" : ".jpg";
-    return `/images${base2}${outputExt2}`;
-  }
-  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 getAllThumbnailPaths(originalPath) {
-  return [
-    getThumbnailPath(originalPath, "full"),
-    getThumbnailPath(originalPath, "lg"),
-    getThumbnailPath(originalPath, "md"),
-    getThumbnailPath(originalPath, "sm")
-  ];
-}
-function isProcessed(entry) {
-  if (!entry) return false;
-  return !!(entry.f || entry.lg || entry.md || entry.sm);
-}
-
-export {
-  getThumbnailPath,
-  getAllThumbnailPaths,
-  isProcessed
-};
-//# sourceMappingURL=chunk-TRYWHLJ2.mjs.map

package/dist/chunk-TRYWHLJ2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["/**\n * Dimensions object {w, h}\n */\nexport interface Dimensions {\n  w: number\n  h: number\n}\n\n/**\n * Meta entry - works for images and non-images\n * o: original dimensions, b: blurhash, c: CDN index\n * sm/md/lg/f: thumbnail dimensions (presence implies processed)\n */\nexport interface MetaEntry {\n  o?: Dimensions   // original dimensions {w, h}\n  b?: string       // blurhash\n  sm?: Dimensions  // small thumbnail (300px width)\n  md?: Dimensions  // medium thumbnail (700px width)\n  lg?: Dimensions  // large thumbnail (1400px width)\n  f?: Dimensions   // full size (capped at 2560px width)\n  c?: number       // CDN index - index into _cdns array\n}\n\n/**\n * Full meta schema including special keys\n * _cdns: Array of CDN base URLs\n * Other keys: file paths from public folder\n */\nexport interface FullMeta {\n  _cdns?: string[]  // Array of CDN base URLs\n  [key: string]: MetaEntry | string[] | undefined\n}\n\n/**\n * Meta schema - keyed by path from public folder\n * Example: { \"/portfolio/photo.jpg\": { o: {w:2400,h:1600}, b: \"...\", sm: {w:300,h:200}, ... } }\n */\nexport type LeanMeta = Record<string, MetaEntry>\n\n// Alias for compatibility\nexport type LeanImageEntry = MetaEntry\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  isProcessed?: boolean\n  cdnPushed?: boolean\n  cdnBaseUrl?: string  // CDN base URL when pushed to cloud\n  isRemote?: boolean   // true if CDN URL doesn't match R2 (external import)\n  isProtected?: boolean // true for images folder and its contents (cannot select/modify)\n  // Folder-specific properties\n  fileCount?: number\n  totalSize?: number\n  cloudCount?: number   // Number of R2 cloud files in folder\n  remoteCount?: number  // Number of remote (imported URL) files in folder\n  localCount?: number   // Number of local files in folder\n  // For showing thumbnails - path to -sm version if exists\n  thumbnail?: string\n  // Whether a processed thumbnail exists\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 * Get thumbnail path from original image path\n */\nexport function getThumbnailPath(originalPath: string, size: 'sm' | 'md' | 'lg' | 'full'): string {\n  if (size === 'full') {\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}${outputExt}`\n  }\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 * Get all thumbnail paths for an image\n */\nexport function getAllThumbnailPaths(originalPath: string): string[] {\n  return [\n    getThumbnailPath(originalPath, 'full'),\n    getThumbnailPath(originalPath, 'lg'),\n    getThumbnailPath(originalPath, 'md'),\n    getThumbnailPath(originalPath, 'sm'),\n  ]\n}\n\n/**\n * Check if an image entry is processed (has any thumbnail dimensions)\n */\nexport function isProcessed(entry: MetaEntry | undefined): boolean {\n  if (!entry) return false\n  return !!(entry.f || entry.lg || entry.md || entry.sm)\n}\n"],"mappings":";AAuFO,SAAS,iBAAiB,cAAsB,MAA2C;AAChG,MAAI,SAAS,QAAQ;AACnB,UAAMA,OAAM,aAAa,MAAM,QAAQ,IAAI,CAAC,KAAK;AACjD,UAAMC,QAAO,aAAa,QAAQ,UAAU,EAAE;AAC9C,UAAMC,aAAYF,KAAI,YAAY,MAAM,SAAS,SAAS;AAC1D,WAAO,UAAUC,KAAI,GAAGC,UAAS;AAAA,EACnC;AACA,QAAM,MAAM,aAAa,MAAM,QAAQ,IAAI,CAAC,KAAK;AACjD,QAAM,OAAO,aAAa,QAAQ,UAAU,EAAE;AAC9C,QAAM,YAAY,IAAI,YAAY,MAAM,SAAS,SAAS;AAC1D,SAAO,UAAU,IAAI,IAAI,IAAI,GAAG,SAAS;AAC3C;AAKO,SAAS,qBAAqB,cAAgC;AACnE,SAAO;AAAA,IACL,iBAAiB,cAAc,MAAM;AAAA,IACrC,iBAAiB,cAAc,IAAI;AAAA,IACnC,iBAAiB,cAAc,IAAI;AAAA,IACnC,iBAAiB,cAAc,IAAI;AAAA,EACrC;AACF;AAKO,SAAS,YAAY,OAAuC;AACjE,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,CAAC,EAAE,MAAM,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM;AACrD;","names":["ext","base","outputExt"]}

package/dist/chunk-VI6QG6WT.js

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/types.ts
-function getThumbnailPath(originalPath, size) {
-  if (size === "full") {
-    const ext2 = _optionalChain([originalPath, 'access', _ => _.match, 'call', _2 => _2(/\.\w+$/), 'optionalAccess', _3 => _3[0]]) || ".jpg";
-    const base2 = originalPath.replace(/\.\w+$/, "");
-    const outputExt2 = ext2.toLowerCase() === ".png" ? ".png" : ".jpg";
-    return `/images${base2}${outputExt2}`;
-  }
-  const ext = _optionalChain([originalPath, 'access', _4 => _4.match, 'call', _5 => _5(/\.\w+$/), 'optionalAccess', _6 => _6[0]]) || ".jpg";
-  const base = originalPath.replace(/\.\w+$/, "");
-  const outputExt = ext.toLowerCase() === ".png" ? ".png" : ".jpg";
-  return `/images${base}-${size}${outputExt}`;
-}
-function getAllThumbnailPaths(originalPath) {
-  return [
-    getThumbnailPath(originalPath, "full"),
-    getThumbnailPath(originalPath, "lg"),
-    getThumbnailPath(originalPath, "md"),
-    getThumbnailPath(originalPath, "sm")
-  ];
-}
-function isProcessed(entry) {
-  if (!entry) return false;
-  return !!(entry.f || entry.lg || entry.md || entry.sm);
-}
-
-
-
-
-
-exports.getThumbnailPath = getThumbnailPath; exports.getAllThumbnailPaths = getAllThumbnailPaths; exports.isProcessed = isProcessed;
-//# sourceMappingURL=chunk-VI6QG6WT.js.map

package/dist/chunk-VI6QG6WT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/chrisb/Sites/studio/dist/chunk-VI6QG6WT.js","../src/types.ts"],"names":["ext","base","outputExt"],"mappings":"AAAA;ACuFO,SAAS,gBAAA,CAAiB,YAAA,EAAsB,IAAA,EAA2C;AAChG,EAAA,GAAA,CAAI,KAAA,IAAS,MAAA,EAAQ;AACnB,IAAA,MAAMA,KAAAA,kBAAM,YAAA,mBAAa,KAAA,mBAAM,QAAQ,CAAA,4BAAA,CAAI,CAAC,IAAA,GAAK,MAAA;AACjD,IAAA,MAAMC,MAAAA,EAAO,YAAA,CAAa,OAAA,CAAQ,QAAA,EAAU,EAAE,CAAA;AAC9C,IAAA,MAAMC,WAAAA,EAAYF,IAAAA,CAAI,WAAA,CAAY,EAAA,IAAM,OAAA,EAAS,OAAA,EAAS,MAAA;AAC1D,IAAA,OAAO,CAAA,OAAA,EAAUC,KAAI,CAAA,EAAA;AACvB,EAAA;AACyB,EAAA;AACZ,EAAA;AACS,EAAA;AACG,EAAA;AAC3B;AAKgB;AACP,EAAA;AACY,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACnB,EAAA;AACF;AAK4B;AACP,EAAA;AACE,EAAA;AACvB;AD7F2B;AACA;AACA;AACA;AACA;AACA","file":"/Users/chrisb/Sites/studio/dist/chunk-VI6QG6WT.js","sourcesContent":[null,"/**\n * Dimensions object {w, h}\n */\nexport interface Dimensions {\n  w: number\n  h: number\n}\n\n/**\n * Meta entry - works for images and non-images\n * o: original dimensions, b: blurhash, c: CDN index\n * sm/md/lg/f: thumbnail dimensions (presence implies processed)\n */\nexport interface MetaEntry {\n  o?: Dimensions   // original dimensions {w, h}\n  b?: string       // blurhash\n  sm?: Dimensions  // small thumbnail (300px width)\n  md?: Dimensions  // medium thumbnail (700px width)\n  lg?: Dimensions  // large thumbnail (1400px width)\n  f?: Dimensions   // full size (capped at 2560px width)\n  c?: number       // CDN index - index into _cdns array\n}\n\n/**\n * Full meta schema including special keys\n * _cdns: Array of CDN base URLs\n * Other keys: file paths from public folder\n */\nexport interface FullMeta {\n  _cdns?: string[]  // Array of CDN base URLs\n  [key: string]: MetaEntry | string[] | undefined\n}\n\n/**\n * Meta schema - keyed by path from public folder\n * Example: { \"/portfolio/photo.jpg\": { o: {w:2400,h:1600}, b: \"...\", sm: {w:300,h:200}, ... } }\n */\nexport type LeanMeta = Record<string, MetaEntry>\n\n// Alias for compatibility\nexport type LeanImageEntry = MetaEntry\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  isProcessed?: boolean\n  cdnPushed?: boolean\n  cdnBaseUrl?: string  // CDN base URL when pushed to cloud\n  isRemote?: boolean   // true if CDN URL doesn't match R2 (external import)\n  isProtected?: boolean // true for images folder and its contents (cannot select/modify)\n  // Folder-specific properties\n  fileCount?: number\n  totalSize?: number\n  cloudCount?: number   // Number of R2 cloud files in folder\n  remoteCount?: number  // Number of remote (imported URL) files in folder\n  localCount?: number   // Number of local files in folder\n  // For showing thumbnails - path to -sm version if exists\n  thumbnail?: string\n  // Whether a processed thumbnail exists\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 * Get thumbnail path from original image path\n */\nexport function getThumbnailPath(originalPath: string, size: 'sm' | 'md' | 'lg' | 'full'): string {\n  if (size === 'full') {\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}${outputExt}`\n  }\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 * Get all thumbnail paths for an image\n */\nexport function getAllThumbnailPaths(originalPath: string): string[] {\n  return [\n    getThumbnailPath(originalPath, 'full'),\n    getThumbnailPath(originalPath, 'lg'),\n    getThumbnailPath(originalPath, 'md'),\n    getThumbnailPath(originalPath, 'sm'),\n  ]\n}\n\n/**\n * Check if an image entry is processed (has any thumbnail dimensions)\n */\nexport function isProcessed(entry: MetaEntry | undefined): boolean {\n  if (!entry) return false\n  return !!(entry.f || entry.lg || entry.md || entry.sm)\n}\n"]}

package/dist/components/StudioUI.d.mts

@@ -1,15 +0,0 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-
-interface StudioUIProps {
-    onClose?: () => void;
-    isVisible?: boolean;
-    standaloneMode?: boolean;
-    workspacePath?: string;
-}
-/**
- * Main Studio UI - contains all panels and manages internal state
- * Rendered inside the modal via lazy loading
- */
-declare function StudioUI({ onClose, isVisible, standaloneMode, workspacePath }: StudioUIProps): _emotion_react_jsx_runtime.JSX.Element;
-
-export { StudioUI, StudioUI as default };

package/dist/components/StudioUI.d.ts

@@ -1,15 +0,0 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-
-interface StudioUIProps {
-    onClose?: () => void;
-    isVisible?: boolean;
-    standaloneMode?: boolean;
-    workspacePath?: string;
-}
-/**
- * Main Studio UI - contains all panels and manages internal state
- * Rendered inside the modal via lazy loading
- */
-declare function StudioUI({ onClose, isVisible, standaloneMode, workspacePath }: StudioUIProps): _emotion_react_jsx_runtime.JSX.Element;
-
-export { StudioUI, StudioUI as default };