@bendyline/squisq 0.1.1

package/dist/chunk-O5HCIUAD.js

@@ -0,0 +1,577 @@
+// src/schemas/Viewport.ts
+var VIEWPORT_PRESETS = {
+  /** 16:9 landscape (default, 1080p) */
+  landscape: { width: 1920, height: 1080, name: "16:9 Landscape" },
+  /** 9:16 portrait (vertical video, stories) */
+  portrait: { width: 1080, height: 1920, name: "9:16 Portrait" },
+  /** 1:1 square (social media) */
+  square: { width: 1080, height: 1080, name: "1:1 Square" },
+  /** 4:3 standard (legacy) */
+  standard: { width: 1440, height: 1080, name: "4:3 Standard" }
+};
+function getViewport(viewport) {
+  if (typeof viewport === "string") {
+    return VIEWPORT_PRESETS[viewport];
+  }
+  return viewport;
+}
+var REFERENCE_DIAGONAL = Math.sqrt(1920 * 1920 + 1080 * 1080);
+function calculateFontScale(viewport) {
+  const currentDiagonal = Math.sqrt(
+    viewport.width * viewport.width + viewport.height * viewport.height
+  );
+  return currentDiagonal / REFERENCE_DIAGONAL;
+}
+function getViewportOrientation(viewport) {
+  const ratio = viewport.width / viewport.height;
+  if (Math.abs(ratio - 1) < 0.05) return "square";
+  return ratio > 1 ? "landscape" : "portrait";
+}
+function getAspectRatioString(viewport) {
+  const gcd = (a, b) => b === 0 ? a : gcd(b, a % b);
+  const divisor = gcd(viewport.width, viewport.height);
+  return `${viewport.width / divisor}:${viewport.height / divisor}`;
+}
+
+// src/schemas/LayoutStrategy.ts
+var LAYOUT_CONFIGS = {
+  landscape: {
+    primaryY: "35%",
+    secondaryY: "55%",
+    tertiaryY: "75%",
+    titleScale: 1,
+    bodyScale: 1,
+    columnLeftX: "25%",
+    columnRightX: "75%",
+    columnTopY: "35%",
+    columnBottomY: "65%",
+    stackColumns: false,
+    maxTextWidth: "80%",
+    horizontalPadding: "10%",
+    captionY: "85%",
+    captionScale: 1
+  },
+  portrait: {
+    // Content positioned higher for thumb-reach zone on mobile
+    primaryY: "25%",
+    secondaryY: "42%",
+    tertiaryY: "58%",
+    // Titles scale down for narrower width; body text scales up to fill vertical space
+    titleScale: 0.7,
+    bodyScale: 1.5,
+    // Stacked columns instead of side-by-side
+    columnLeftX: "50%",
+    columnRightX: "50%",
+    columnTopY: "30%",
+    columnBottomY: "55%",
+    stackColumns: true,
+    // Wider relative to viewport to use available space
+    maxTextWidth: "90%",
+    horizontalPadding: "5%",
+    captionY: "75%",
+    captionScale: 0.85
+  },
+  square: {
+    primaryY: "30%",
+    secondaryY: "50%",
+    tertiaryY: "70%",
+    titleScale: 0.85,
+    bodyScale: 0.9,
+    columnLeftX: "25%",
+    columnRightX: "75%",
+    columnTopY: "35%",
+    columnBottomY: "65%",
+    stackColumns: false,
+    maxTextWidth: "85%",
+    horizontalPadding: "7.5%",
+    captionY: "82%",
+    captionScale: 0.9
+  }
+};
+function getLayoutHints(orientation) {
+  return LAYOUT_CONFIGS[orientation];
+}
+function scaledFontSize(basePx, viewport, orientation, isTitle = false) {
+  const fontScale = calculateFontScale(viewport);
+  const layout = getLayoutHints(orientation);
+  const typeScale = isTitle ? layout.titleScale : layout.bodyScale;
+  return Math.round(basePx * fontScale * typeScale);
+}
+function getTwoColumnPositions(orientation) {
+  const layout = getLayoutHints(orientation);
+  if (layout.stackColumns) {
+    return {
+      left: { x: "50%", y: layout.columnTopY },
+      right: { x: "50%", y: layout.columnBottomY }
+    };
+  }
+  return {
+    left: { x: layout.columnLeftX, y: "50%" },
+    right: { x: layout.columnRightX, y: "50%" }
+  };
+}
+function getSafeTextBounds(orientation) {
+  const layout = getLayoutHints(orientation);
+  return {
+    left: layout.horizontalPadding,
+    right: layout.horizontalPadding,
+    top: "10%",
+    bottom: "10%"
+  };
+}
+
+// src/schemas/BlockTemplates.ts
+var DEFAULT_DOC_FONT = '"PT Serif", Georgia, "Times New Roman", serif';
+var DEFAULT_TITLE_FONT = '"PT Serif", Georgia, "Times New Roman", serif';
+function isTemplateBlock(block) {
+  return "template" in block && typeof block.template === "string";
+}
+function createTemplateContext(theme, blockIndex, totalBlocks, viewport = VIEWPORT_PRESETS.landscape) {
+  const orientation = getViewportOrientation(viewport);
+  return {
+    theme,
+    blockIndex,
+    totalBlocks,
+    viewport,
+    fontScale: calculateFontScale(viewport),
+    orientation,
+    layout: getLayoutHints(orientation)
+  };
+}
+function scaledFontSize2(basePx, context, isTitle = false) {
+  return scaledFontSize(basePx, context.viewport, context.orientation, isTitle);
+}
+function isPersistentLayerTemplate(layer) {
+  return "template" in layer && typeof layer.template === "string";
+}
+
+// src/schemas/themeLibrary.ts
+var SERIF = '"PT Serif", Georgia, "Times New Roman", serif';
+var SANS = '"Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+var MONO = '"JetBrains Mono", "Fira Code", "Consolas", monospace';
+var MERRIWEATHER = '"Merriweather", Georgia, "Times New Roman", serif';
+var GEORGIA = 'Georgia, "Times New Roman", serif';
+var CLASSIC_COLOR_SCHEMES = {
+  blue: { bg: "#1a365d", text: "#63b3ed", accent: "#90cdf4" },
+  green: { bg: "#22543d", text: "#9ae6b4", accent: "#68d391" },
+  purple: { bg: "#44337a", text: "#d6bcfa", accent: "#b794f4" },
+  red: { bg: "#742a2a", text: "#fc8181", accent: "#feb2b2" },
+  orange: { bg: "#744210", text: "#fbd38d", accent: "#f6ad55" },
+  teal: { bg: "#234e52", text: "#81e6d9", accent: "#4fd1c5" }
+};
+var documentary = {
+  id: "documentary",
+  name: "Documentary",
+  description: "Classic dark cinematic look with serif typography. The original Squisq style.",
+  colors: {
+    primary: "#3d5a80",
+    secondary: "#63b3ed",
+    background: "#1a202c",
+    backgroundLight: "#2d3748",
+    text: "#ffffff",
+    textMuted: "#a0aec0",
+    highlight: "#63b3ed",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFontFamily: SERIF,
+    titleFontFamily: SERIF,
+    titleWeight: "bold"
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.5,
+    animationSpeed: 1
+  },
+  renderStyle: {
+    name: "documentary",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "fade", duration: 0.8 }
+  },
+  colorSchemes: CLASSIC_COLOR_SCHEMES,
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "dark-vignette" }
+      }
+    ]
+  }
+};
+var minimalist = {
+  id: "minimalist",
+  name: "Minimalist",
+  description: "Clean near-white background with sans-serif type and minimal animation.",
+  colors: {
+    primary: "#2d3748",
+    secondary: "#4a5568",
+    background: "#f7fafc",
+    backgroundLight: "#edf2f7",
+    text: "#1a202c",
+    textMuted: "#718096",
+    highlight: "#3182ce",
+    warning: "#e53e3e"
+  },
+  typography: {
+    bodyFontFamily: SANS,
+    titleFontFamily: SANS,
+    titleWeight: "bold",
+    lineHeight: 1.6
+  },
+  style: {
+    textShadow: false,
+    overlayOpacity: 0.3,
+    animationSpeed: 1.2,
+    borderRadius: 8
+  },
+  renderStyle: {
+    name: "minimalist",
+    defaultTextAnimation: "fadeIn",
+    ambientMotion: false,
+    defaultTransition: { type: "fade", duration: 0.6 },
+    templateHints: {
+      titleBlock: { showAccentLine: false }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#ebf8ff", text: "#2b6cb0", accent: "#3182ce" },
+    green: { bg: "#f0fff4", text: "#276749", accent: "#38a169" },
+    purple: { bg: "#faf5ff", text: "#553c9a", accent: "#805ad5" },
+    red: { bg: "#fff5f5", text: "#c53030", accent: "#e53e3e" },
+    orange: { bg: "#fffaf0", text: "#c05621", accent: "#dd6b20" },
+    teal: { bg: "#e6fffa", text: "#285e61", accent: "#319795" }
+  }
+};
+var bold = {
+  id: "bold",
+  name: "Bold",
+  description: "High-contrast black with vivid accents and dramatic animations.",
+  colors: {
+    primary: "#e53e3e",
+    secondary: "#ed8936",
+    background: "#000000",
+    backgroundLight: "#1a1a1a",
+    text: "#ffffff",
+    textMuted: "#cbd5e0",
+    highlight: "#f6e05e",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFontFamily: SANS,
+    titleFontFamily: SANS,
+    titleWeight: "bold",
+    titleScale: 1.15,
+    bodyScale: 1,
+    titleLineHeight: 1.1
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.6,
+    animationSpeed: 0.8
+  },
+  renderStyle: {
+    name: "bold",
+    defaultTextAnimation: "zoomIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "dissolve", duration: 0.5 },
+    templateHints: {
+      statHighlight: { entrance: "dramatic" },
+      fullBleedQuote: { entrance: "dramatic" }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#1a202c", text: "#63b3ed", accent: "#90cdf4" },
+    green: { bg: "#1a202c", text: "#48bb78", accent: "#68d391" },
+    purple: { bg: "#1a202c", text: "#b794f4", accent: "#d6bcfa" },
+    red: { bg: "#1a202c", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#1a202c", text: "#f6ad55", accent: "#fbd38d" },
+    teal: { bg: "#1a202c", text: "#4fd1c5", accent: "#81e6d9" }
+  }
+};
+var morningLight = {
+  id: "morning-light",
+  name: "Morning Light",
+  description: "Warm light background with dark text and gentle serif typography.",
+  colors: {
+    primary: "#744210",
+    secondary: "#975a16",
+    background: "#faf8f5",
+    backgroundLight: "#f5f0eb",
+    text: "#2d3748",
+    textMuted: "#718096",
+    highlight: "#dd6b20",
+    warning: "#c53030"
+  },
+  typography: {
+    bodyFontFamily: MERRIWEATHER,
+    titleFontFamily: MERRIWEATHER,
+    titleWeight: "bold",
+    lineHeight: 1.7
+  },
+  style: {
+    textShadow: false,
+    overlayOpacity: 0.35,
+    animationSpeed: 1.1,
+    borderRadius: 4
+  },
+  renderStyle: {
+    name: "morning-light",
+    defaultTextAnimation: "fadeIn",
+    ambientMotion: false,
+    defaultTransition: { type: "fade", duration: 1 }
+  },
+  colorSchemes: {
+    blue: { bg: "#ebf8ff", text: "#2c5282", accent: "#4299e1" },
+    green: { bg: "#f0fff4", text: "#22543d", accent: "#48bb78" },
+    purple: { bg: "#faf5ff", text: "#44337a", accent: "#9f7aea" },
+    red: { bg: "#fff5f5", text: "#9b2c2c", accent: "#fc8181" },
+    orange: { bg: "#fffaf0", text: "#744210", accent: "#ed8936" },
+    teal: { bg: "#e6fffa", text: "#234e52", accent: "#38b2ac" }
+  }
+};
+var techDark = {
+  id: "tech-dark",
+  name: "Tech Dark",
+  description: "True black with neon cyan/green accents and monospace titles.",
+  colors: {
+    primary: "#00e5ff",
+    secondary: "#00e676",
+    background: "#0a0a0a",
+    backgroundLight: "#1a1a2e",
+    text: "#e0e0e0",
+    textMuted: "#9e9e9e",
+    highlight: "#00e5ff",
+    warning: "#ff5252"
+  },
+  typography: {
+    bodyFontFamily: SANS,
+    titleFontFamily: MONO,
+    monoFontFamily: MONO,
+    titleWeight: "bold",
+    titleScale: 0.9,
+    lineHeight: 1.5
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.55,
+    animationSpeed: 0.9,
+    borderRadius: 2
+  },
+  renderStyle: {
+    name: "tech-dark",
+    defaultTextAnimation: "typewriter",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "dissolve", duration: 0.4 },
+    templateHints: {
+      statHighlight: { entrance: "dramatic" }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#0d1b2a", text: "#00b0ff", accent: "#40c4ff" },
+    green: { bg: "#0d1b0d", text: "#00e676", accent: "#69f0ae" },
+    purple: { bg: "#1a0d2e", text: "#d500f9", accent: "#ea80fc" },
+    red: { bg: "#2e0d0d", text: "#ff5252", accent: "#ff8a80" },
+    orange: { bg: "#2e1a0d", text: "#ff9100", accent: "#ffab40" },
+    teal: { bg: "#0d2e2e", text: "#1de9b6", accent: "#64ffda" }
+  }
+};
+var magazine = {
+  id: "magazine",
+  name: "Magazine",
+  description: "Rich editorial palette with mixed serif/sans typography and slide transitions.",
+  colors: {
+    primary: "#c53030",
+    secondary: "#2b6cb0",
+    background: "#1a202c",
+    backgroundLight: "#2d3748",
+    text: "#f7fafc",
+    textMuted: "#cbd5e0",
+    highlight: "#ed8936",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFontFamily: SANS,
+    titleFontFamily: GEORGIA,
+    titleWeight: "bold",
+    titleScale: 1.05,
+    lineHeight: 1.5
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.45,
+    animationSpeed: 1,
+    borderRadius: 6
+  },
+  renderStyle: {
+    name: "magazine",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "slideLeft", duration: 0.7 }
+  },
+  colorSchemes: {
+    blue: { bg: "#1a365d", text: "#90cdf4", accent: "#63b3ed" },
+    green: { bg: "#1c4532", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#322659", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#63171b", text: "#feb2b2", accent: "#fc8181" },
+    orange: { bg: "#652b19", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#1d4044", text: "#81e6d9", accent: "#4fd1c5" }
+  }
+};
+var cinematic = {
+  id: "cinematic",
+  name: "Cinematic",
+  description: "Ultra-dark with moody gradients, gold accents, and slow dissolve transitions.",
+  colors: {
+    primary: "#d69e2e",
+    secondary: "#b7791f",
+    background: "#0a0f1a",
+    backgroundLight: "#1a202c",
+    text: "#f7fafc",
+    textMuted: "#a0aec0",
+    highlight: "#ecc94b",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFontFamily: SERIF,
+    titleFontFamily: SERIF,
+    titleWeight: "bold",
+    lineHeight: 1.5,
+    titleLineHeight: 1.2
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.55,
+    animationSpeed: 1.2
+  },
+  renderStyle: {
+    name: "cinematic",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "dissolve", duration: 1.2 },
+    templateHints: {
+      titleBlock: { showAccentLine: true }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#0d1b2a", text: "#90cdf4", accent: "#63b3ed" },
+    green: { bg: "#0d1b14", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#1a0d2e", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#2a0d0d", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#2a1a0d", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#0d2a2a", text: "#81e6d9", accent: "#4fd1c5" }
+  },
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "radial-dark" }
+      }
+    ]
+  }
+};
+var warmEarth = {
+  id: "warm-earth",
+  name: "Warm Earth",
+  description: "Natural warm tones with earthy browns and terracotta accents.",
+  colors: {
+    primary: "#9c4221",
+    secondary: "#c05621",
+    background: "#1c1410",
+    backgroundLight: "#2d241e",
+    text: "#faf5f0",
+    textMuted: "#c4a882",
+    highlight: "#dd6b20",
+    warning: "#e53e3e"
+  },
+  typography: {
+    bodyFontFamily: GEORGIA,
+    titleFontFamily: GEORGIA,
+    titleWeight: "bold",
+    lineHeight: 1.6
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.5,
+    animationSpeed: 1.1
+  },
+  renderStyle: {
+    name: "warm-earth",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "panLeft",
+    ambientMotion: true,
+    defaultTransition: { type: "fade", duration: 0.9 }
+  },
+  colorSchemes: {
+    blue: { bg: "#2a1f14", text: "#90cdf4", accent: "#63b3ed" },
+    green: { bg: "#1e2a14", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#2a142a", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#2a1414", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#2a1e0a", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#142a28", text: "#81e6d9", accent: "#4fd1c5" }
+  },
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "earth-tones" }
+      }
+    ]
+  }
+};
+var THEMES = {
+  documentary,
+  minimalist,
+  bold,
+  "morning-light": morningLight,
+  "tech-dark": techDark,
+  magazine,
+  cinematic,
+  "warm-earth": warmEarth
+};
+var DEFAULT_THEME_ID = "documentary";
+var DEFAULT_THEME = documentary;
+function resolveTheme(id) {
+  if (id && id in THEMES) return THEMES[id];
+  return DEFAULT_THEME;
+}
+function getAvailableThemes() {
+  return Object.keys(THEMES);
+}
+function getThemeSummaries() {
+  return Object.values(THEMES).map((t) => ({
+    id: t.id,
+    name: t.name,
+    description: t.description
+  }));
+}
+
+export {
+  VIEWPORT_PRESETS,
+  getViewport,
+  calculateFontScale,
+  getViewportOrientation,
+  getAspectRatioString,
+  getLayoutHints,
+  scaledFontSize,
+  getTwoColumnPositions,
+  getSafeTextBounds,
+  DEFAULT_DOC_FONT,
+  DEFAULT_TITLE_FONT,
+  isTemplateBlock,
+  createTemplateContext,
+  scaledFontSize2,
+  isPersistentLayerTemplate,
+  THEMES,
+  DEFAULT_THEME_ID,
+  DEFAULT_THEME,
+  resolveTheme,
+  getAvailableThemes,
+  getThemeSummaries
+};
+//# sourceMappingURL=chunk-O5HCIUAD.js.map