@stacksjs/stx 0.2.95 → 0.2.97

package/dist/media/index.js

@@ -1,2 +1,198 @@
-// @bun
-import{wj as Qb}from"../chunk-8n9nnqr6.js";import"../chunk-ktkmvaa8.js";import"../chunk-v97390pe.js";import{xj as Ya}from"../chunk-h0hjy0kn.js";import"../chunk-0b9w2w1y.js";import{yj as pa,zj as qa}from"../chunk-4x7kae4j.js";import{Bj as na,Cj as oa}from"../chunk-rtr974rc.js";import{Dj as ka,Ej as la,Fj as ma}from"../chunk-j8tn8enq.js";import{Gj as ga,Hj as ha,Ij as ia,Jj as ja}from"../chunk-pcntd9h4.js";import{Kj as nb,Lj as ob}from"../chunk-vgv7jvyz.js";import"../chunk-hjv76kcw.js";import{Mj as jb,Nj as kb,Oj as lb,Pj as mb}from"../chunk-9zbk5zx5.js";import{$j as ib,Qj as Za,Rj as _a,Sj as $a,Tj as ab,Uj as bb,Vj as cb,Wj as db,Xj as eb,Yj as fb,Zj as gb,_j as hb}from"../chunk-trfswy66.js";import"../chunk-mv4fb50w.js";import{Ak as Va,Bk as Wa,Ck as Xa,ak as va,bk as wa,ck as xa,dk as ya,ek as za,fk as Aa,gk as Ba,hk as Ca,ik as Da,jk as Ea,kk as Fa,lk as Ga,mk as Ha,nk as Ia,ok as Ja,pk as Ka,qk as La,rk as Ma,sk as Na,tk as Oa,uk as Pa,vk as Qa,wk as Ra,xk as Sa,yk as Ta,zk as Ua}from"../chunk-rqxf5hns.js";import"../chunk-7sqdeqsw.js";import{Dk as Y,Ek as Z,Fk as _}from"../chunk-bndmdahk.js";import{Gk as U,Hk as V,Ik as W,Jk as X}from"../chunk-khdn7jwe.js";import{Lk as P,Mk as Q,Ok as R,Pk as S,Qk as T}from"../chunk-ckxjqqn9.js";import{Sk as $,Tk as aa}from"../chunk-3te20hqw.js";import{Vk as J,Wk as K,Xk as L,Yk as M,Zk as N,_k as O}from"../chunk-jpndqst5.js";import{cl as Ob,dl as Pb}from"../chunk-zcxzdrn7.js";import{el as zb,fl as Ab,gl as Bb,hl as Cb,il as Db,jl as Eb,kl as Fb,ll as Gb,ml as Hb}from"../chunk-akf1r75r.js";import{nl as pb,ol as qb,pl as rb,ql as sb,rl as tb,sl as ub,tl as vb,ul as wb,vl as xb,wl as yb}from"../chunk-zy3rp1ab.js";import{Al as Lb,Bl as Mb,Cl as Nb,xl as Ib,yl as Jb,zl as Kb}from"../chunk-10debkj5.js";import{ou as ra,pu as sa,qu as ta,ru as ua}from"../chunk-x05nxhyv.js";import{su as ea,tu as fa}from"../chunk-31dr4bys.js";import{uu as ba,vu as ca,wu as da}from"../chunk-mgj88zeq.js";import{Au as d,Cu as e,Du as f,Eu as g,Fu as h,Gu as i,Hu as j,Iu as k,Ju as l,Ku as m,Lu as n,Mu as o,Nu as p,Ou as q,Pu as r,Qu as s,Ru as t,Su as u,Tu as v,xu as a,yu as b,zu as c}from"../chunk-m167kjhv.js";import{$u as D,Uu as w,Vu as x,Wu as y,Xu as z,Yu as A,Zu as B,_u as C,av as E,bv as F,cv as G,dv as H,ev as I}from"../chunk-3a4qsygv.js";import"../chunk-h5jxydqq.js";import"../chunk-xv34zbp4.js";export{Ra as watermark,ua as videoDirective,Wa as validateParams,Ib as validateFile,Kb as uploadFiles,Jb as uploadFile,Aa as thumbnail,Bb as thumbHashToRGBA,Cb as thumbHashToDataURL,Ua as srcsetUrls,$a as smartBatchSign,Za as signUrl,cb as shouldRefreshSignature,Ea as sharpen,ia as setCachedVideoResult,W as setCachedImageResult,Q as setCached,Ga as sepia,Ka as saturation,Xa as sanitizeParams,La as rotate,ya as resize,ra as renderVideoComponent,Ab as renderThumbhashToCanvas,kb as renderProtectedVideo,jb as renderProtectedImg,Ya as renderMediaUpload,ba as renderImgComponent,Pa as quality,hb as pruneSignatureCache,T as pruneCache,qa as processVideo,lb as processProtectedMedia,da as processImgComponents,Y as processImage,sa as parseVideoDirectiveOptions,wa as parseUrl,Db as parseThumbhashString,mb as parseProtectedArgs,ca as parseImgComponent,n as parseImageUrl,Z as optimizeImage,wb as observeElement,xa as mergeParams,sb as loadElement,ub as lazyLoadAll,tb as lazyLoad,ab as isSignatureValid,pb as isNativeLazySupported,qb as isIntersectionObserverSupported,Ha as invert,rb as initLazyLoading,zb as initBlurUp,Fb as initAllBlurUp,fa as imgDirective,L as hashString,J as hashFile,K as hashBuffer,s as groupVariantsByFormat,Fa as grayscale,bb as getTimeUntilExpiry,I as getPlaceholderCacheStats,t as getMimeType,u as getFormatExtension,N as getFileMtime,r as getFallbackVariant,ha as getCachedVideoResult,fb as getCachedSignature,G as getCachedPlaceholder,V as getCachedImageResult,P as getCached,S as getCacheStats,q as getBestVariant,e as generateWidthSrcset,Mb as generateVideoPreview,Nb as generateUploadRuntime,la as generateThumbnails,z as generateThumbhashPlaceholder,o as generateSrcsetData,aa as generateSrcset,ma as generateSpriteSheet,p as generateSourceTags,k as generateSizesFromBreakpoints,j as generateSizesAttribute,ob as generateSimpleMediaPicker,ib as generateSignatureRuntime,$ as generateResponsiveVariants,ka as generatePoster,F as generatePlaceholderStyle,E as generatePlaceholderCSS,y as generatePlaceholder,Pb as generateMinifiedMediaRuntime,Ob as generateMediaRuntime,nb as generateMediaManagerEmbed,yb as generateLazyLoadRuntime,B as generateLQIP,Lb as generateImagePreview,na as generateHLSManifest,i as generateDprSrcsetWithVariableQuality,h as generateDprSrcset,oa as generateDASHManifest,D as generateColorPlaceholder,M as generateCacheKey,Gb as generateBlurUpRuntime,Hb as generateBlurUpCSS,f as generateAutoWidthSrcset,Oa as format,Na as flipVertical,Ma as flipHorizontal,O as fileExists,C as extractDominantColor,Va as dprUrls,xb as disconnectObserver,v as detectFormat,Qb as defaultMediaConfig,A as decodeThumbhash,Eb as crossfadeTransition,za as crop,ta as createVideoDirective,vb as createLazyObserver,ea as createImgDirective,Ca as cover,Ja as contrast,Ba as contain,ja as clearVideoCache,gb as clearSignatureCache,H as clearPlaceholderCache,X as clearImageCache,R as clearCache,db as checkAuthAccess,g as calculateOptimalWidths,va as buildUrl,m as buildImageUrl,eb as buildAuthParams,Ia as brightness,Da as blur,_a as batchSignUrls,Qa as auto,_ as applyTransformations,Ta as applyPreset,pa as analyzeVideo,ga as VideoProcessorCache,Sa as PRESETS,d as MIME_TYPES,a as MEDIA_DEFAULT_WIDTHS,c as MEDIA_DEFAULT_FORMATS,U as ImageProcessorCache,w as DEFAULT_PLACEHOLDER_OPTIONS,b as DEFAULT_DPR_VALUES,l as COMMON_SIZES,x as BLUR_UP_CSS};
+export {
+  renderImgComponent,
+  parseImgComponent,
+  processImgComponents,
+  createImgDirective,
+  imgDirective,
+  DEFAULT_WIDTHS as MEDIA_DEFAULT_WIDTHS,
+  DEFAULT_DPR_VALUES,
+  DEFAULT_FORMATS as MEDIA_DEFAULT_FORMATS,
+  MIME_TYPES,
+  COMMON_SIZES,
+  generateWidthSrcset,
+  generateAutoWidthSrcset,
+  calculateOptimalWidths,
+  generateDprSrcset,
+  generateDprSrcsetWithVariableQuality,
+  generateSizesAttribute,
+  generateSizesFromBreakpoints,
+  buildImageUrl,
+  parseImageUrl,
+  generateSrcsetData,
+  generateSourceTags,
+  getBestVariant,
+  getFallbackVariant,
+  groupVariantsByFormat,
+  getMimeType,
+  getFormatExtension,
+  detectFormat,
+  DEFAULT_PLACEHOLDER_OPTIONS,
+  BLUR_UP_CSS,
+  generatePlaceholder,
+  generateThumbhashPlaceholder,
+  generateLQIP,
+  extractDominantColor,
+  generateColorPlaceholder,
+  decodeThumbhash,
+  generatePlaceholderCSS,
+  generatePlaceholderStyle,
+  getCachedPlaceholder,
+  clearPlaceholderCache,
+  getPlaceholderCacheStats,
+  buildUrl,
+  parseUrl,
+  mergeParams,
+  resize,
+  crop,
+  thumbnail,
+  contain,
+  cover,
+  blur,
+  sharpen,
+  grayscale,
+  sepia,
+  invert,
+  brightness,
+  contrast,
+  saturation,
+  rotate,
+  flipHorizontal,
+  flipVertical,
+  format,
+  quality,
+  auto,
+  watermark,
+  PRESETS,
+  applyPreset,
+  srcsetUrls,
+  dprUrls,
+  validateParams,
+  sanitizeParams
+} from "./image/index.js";
+export {
+  processImage,
+  optimizeImage,
+  applyTransformations,
+  generateResponsiveVariants,
+  generateSrcset,
+  getCachedImageResult,
+  setCachedImageResult,
+  clearImageCache,
+  ImageProcessorCache
+} from "./image/processor/index.js";
+export {
+  renderVideoComponent,
+  parseVideoDirectiveOptions,
+  createVideoDirective,
+  videoDirective
+} from "./video/index.js";
+export {
+  processVideo,
+  analyzeVideo,
+  generatePoster,
+  generateThumbnails,
+  generateSpriteSheet,
+  generateHLSManifest,
+  generateDASHManifest,
+  getCachedVideoResult,
+  setCachedVideoResult,
+  clearVideoCache,
+  VideoProcessorCache
+} from "./video/processor/index.js";
+export { renderMediaUpload } from "./upload/index.js";
+export {
+  signUrl,
+  batchSignUrls,
+  smartBatchSign,
+  isSignatureValid,
+  getTimeUntilExpiry,
+  shouldRefreshSignature,
+  checkAuthAccess,
+  buildAuthParams,
+  getCachedSignature,
+  clearSignatureCache,
+  pruneSignatureCache,
+  renderProtectedImg,
+  renderProtectedVideo,
+  processProtectedMedia,
+  parseProtectedArgs,
+  generateSignatureRuntime
+} from "./protected/index.js";
+export { generateMediaManagerEmbed, generateSimpleMediaPicker } from "./manager/embed.js";
+export {
+  isNativeLazySupported,
+  isIntersectionObserverSupported,
+  initLazyLoading,
+  loadElement,
+  lazyLoad,
+  lazyLoadAll,
+  createLazyObserver,
+  observeElement,
+  disconnectObserver,
+  generateLazyLoadRuntime,
+  initBlurUp,
+  initAllBlurUp,
+  renderThumbhashToCanvas,
+  thumbHashToRGBA,
+  thumbHashToDataURL,
+  parseThumbhashString,
+  crossfadeTransition,
+  generateBlurUpRuntime,
+  generateBlurUpCSS,
+  validateFile,
+  uploadFile,
+  uploadFiles,
+  generateImagePreview,
+  generateVideoPreview,
+  generateUploadRuntime,
+  generateMediaRuntime,
+  generateMinifiedMediaRuntime
+} from "./client/index.js";
+export {
+  hashFile,
+  hashBuffer,
+  hashString,
+  generateCacheKey,
+  getFileMtime,
+  fileExists,
+  getCached,
+  setCached,
+  clearCache,
+  getCacheStats,
+  pruneCache
+} from "./shared/index.js";
+export const defaultMediaConfig = {
+  enabled: !0,
+  image: {
+    enabled: !0,
+    defaultWidths: [320, 480, 640, 768, 1024, 1280, 1536, 1920],
+    defaultFormats: ["avif", "webp", "jpeg"],
+    defaultQuality: 80,
+    placeholderStrategy: "thumbhash",
+    lazyByDefault: !0,
+    enableDpr: !0,
+    defaultDpr: [1, 2, 3]
+  },
+  video: {
+    enabled: !0,
+    lazyByDefault: !0,
+    defaultControls: !0
+  },
+  upload: {
+    enabled: !0,
+    maxSize: 10485760,
+    allowedTypes: ["image/*", "video/*", "audio/*", "application/pdf"],
+    maxConcurrent: 3
+  },
+  protected: {
+    enabled: !0,
+    expirationSeconds: 3600,
+    batchSize: 10
+  },
+  cache: {
+    enabled: !0,
+    directory: ".stx/media-cache",
+    maxAge: 30,
+    maxSize: 500
+  }
+};

package/dist/media/manager/embed.js

@@ -1,2 +1,253 @@
-// @bun
-import{Kj as a,Lj as b}from"../../chunk-vgv7jvyz.js";import"../../chunk-xv34zbp4.js";export{b as generateSimpleMediaPicker,a as generateMediaManagerEmbed};
+export function generateMediaManagerEmbed(config) {
+  const {
+    src,
+    apiKey,
+    bucket,
+    allowedTypes,
+    maxFileSize,
+    multiple = !1,
+    customStyles = {},
+    callbacks = {}
+  } = config, containerId = `stx-media-manager-${Math.random().toString(36).slice(2, 8)}`, managerConfig = {
+    container: `#${containerId}`
+  };
+  if (apiKey)
+    managerConfig.apiKey = apiKey;
+  if (bucket)
+    managerConfig.bucket = bucket;
+  if (allowedTypes)
+    managerConfig.allowedTypes = allowedTypes;
+  if (maxFileSize)
+    managerConfig.maxFileSize = maxFileSize;
+  if (multiple)
+    managerConfig.multiple = multiple;
+  if (Object.keys(customStyles).length > 0)
+    managerConfig.styles = customStyles;
+  const html = `<div id="${containerId}" class="stx-media-manager"></div>`, callbackHandlers = Object.entries(callbacks).filter(([, handler]) => handler).map(([event, handler]) => {
+    return `manager.on('${event.replace(/^on/, "").toLowerCase()}', ${handler});`;
+  }).join(`
+    `), script = `
+(function() {
+  // Load media manager script
+  var script = document.createElement('script');
+  script.src = '${escapeAttr(src)}';
+  script.async = true;
+
+  script.onload = function() {
+    // Initialize manager
+    if (typeof MediaManager !== 'undefined') {
+      var manager = new MediaManager(${JSON.stringify(managerConfig)});
+      ${callbackHandlers}
+      manager.init();
+
+      // Expose manager instance
+      window.STX = window.STX || {};
+      window.STX.mediaManager = manager;
+    }
+  };
+
+  script.onerror = function() {
+    console.error('[stx] Failed to load media manager from:', '${escapeAttr(src)}');
+  };
+
+  document.head.appendChild(script);
+})();
+`.trim();
+  return { html, script };
+}
+export function generateSimpleMediaPicker(options) {
+  const { accept = "image/*", multiple = !1, onSelect = "handleMediaSelect" } = options, pickerId = `stx-picker-${Math.random().toString(36).slice(2, 8)}`, html = `
+<div id="${pickerId}" class="stx-media-picker" style="display:none;">
+  <div class="stx-media-picker-backdrop"></div>
+  <div class="stx-media-picker-modal">
+    <div class="stx-media-picker-header">
+      <h3>Select Media</h3>
+      <button class="stx-media-picker-close" data-close>&times;</button>
+    </div>
+    <div class="stx-media-picker-body">
+      <input type="file" accept="${accept}" ${multiple ? "multiple" : ""} data-input />
+      <div class="stx-media-picker-preview" data-preview></div>
+    </div>
+    <div class="stx-media-picker-footer">
+      <button class="stx-media-picker-cancel" data-close>Cancel</button>
+      <button class="stx-media-picker-confirm" data-confirm>Select</button>
+    </div>
+  </div>
+</div>
+`.trim(), script = `
+(function() {
+  var picker = document.getElementById('${pickerId}');
+  if (!picker) return;
+
+  var input = picker.querySelector('[data-input]');
+  var preview = picker.querySelector('[data-preview]');
+  var selectedFiles = [];
+
+  // Open picker
+  window.STX = window.STX || {};
+  window.STX.openMediaPicker = function() {
+    picker.style.display = 'flex';
+  };
+
+  window.STX.closeMediaPicker = function() {
+    picker.style.display = 'none';
+    input.value = '';
+    preview.innerHTML = '';
+    selectedFiles = [];
+  };
+
+  // Close handlers
+  picker.querySelectorAll('[data-close]').forEach(function(btn) {
+    btn.addEventListener('click', window.STX.closeMediaPicker);
+  });
+
+  picker.querySelector('.stx-media-picker-backdrop').addEventListener('click', window.STX.closeMediaPicker);
+
+  // File selection
+  input.addEventListener('change', function(e) {
+    selectedFiles = Array.from(e.target.files);
+    preview.innerHTML = '';
+
+    selectedFiles.forEach(function(file) {
+      var item = document.createElement('div');
+      item.className = 'stx-media-picker-item';
+
+      if (file.type.startsWith('image/')) {
+        var reader = new FileReader();
+        reader.onload = function(e) {
+          item.innerHTML = '<img src="' + e.target.result + '" alt="' + file.name + '" />';
+        };
+        reader.readAsDataURL(file);
+      }
+else {
+        item.textContent = file.name;
+      }
+
+      preview.appendChild(item);
+    });
+  });
+
+  // Confirm selection
+  picker.querySelector('[data-confirm]').addEventListener('click', function() {
+    if (selectedFiles.length > 0 && typeof ${onSelect} === 'function') {
+      ${onSelect}(selectedFiles);
+    }
+    window.STX.closeMediaPicker();
+  });
+})();
+`.trim(), css = `
+.stx-media-picker {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+}
+
+.stx-media-picker-backdrop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.stx-media-picker-modal {
+  position: relative;
+  background: white;
+  border-radius: 0.5rem;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+  width: 90%;
+  max-width: 600px;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.stx-media-picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.stx-media-picker-header h3 {
+  margin: 0;
+  font-size: 1.125rem;
+}
+
+.stx-media-picker-close {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  color: #6b7280;
+}
+
+.stx-media-picker-body {
+  padding: 1rem;
+  flex: 1;
+  overflow-y: auto;
+}
+
+.stx-media-picker-preview {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+
+.stx-media-picker-item {
+  aspect-ratio: 1;
+  background: #f3f4f6;
+  border-radius: 0.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.stx-media-picker-item img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.stx-media-picker-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding: 1rem;
+  border-top: 1px solid #e5e7eb;
+}
+
+.stx-media-picker-footer button {
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  font-size: 0.875rem;
+}
+
+.stx-media-picker-cancel {
+  background: white;
+  border: 1px solid #d1d5db;
+  color: #374151;
+}
+
+.stx-media-picker-confirm {
+  background: #3b82f6;
+  border: none;
+  color: white;
+}
+`.trim();
+  return { html, script, css };
+}
+function escapeAttr(str) {
+  return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#039;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}

package/dist/media/protected/component.js

@@ -1,2 +1,235 @@
-// @bun
-import{Mj as a,Nj as b,Oj as c,Pj as d}from"../../chunk-9zbk5zx5.js";import"../../chunk-trfswy66.js";import"../../chunk-xv34zbp4.js";export{b as renderProtectedVideo,a as renderProtectedImg,c as processProtectedMedia,d as parseProtectedArgs};
+import {
+  signUrl,
+  batchSignUrls,
+  checkAuthAccess,
+  buildAuthParams,
+  generateSignatureRuntime
+} from "./signature.js";
+export async function renderProtectedImg(props) {
+  const {
+    src,
+    alt = "",
+    signatureEndpoint = "/api/sign",
+    signatureConfig = {},
+    auth,
+    fallback,
+    oneTimeUse = !0
+  } = props, className = props.class, style = props.style;
+  if (auth) {
+    if (!await checkAuthAccess(auth)) {
+      if (fallback)
+        return {
+          html: `<img src="${escapeAttr(fallback)}" alt="${escapeAttr(alt)}"${className ? ` class="${escapeAttr(className)}"` : ""}${style ? ` style="${escapeAttr(style)}"` : ""} />`
+        };
+      return {
+        html: "<!-- Protected content: access denied -->"
+      };
+    }
+  }
+  const config = {
+    endpoint: signatureEndpoint,
+    oneTimeUse,
+    ...signatureConfig,
+    params: auth ? buildAuthParams(auth) : signatureConfig.params
+  }, elementId = `stx-protected-${Math.random().toString(36).slice(2, 8)}`, attrs = [
+    `id="${elementId}"`,
+    `data-protected-src="${escapeAttr(src)}"`,
+    `data-signature-endpoint="${escapeAttr(signatureEndpoint)}"`,
+    `alt="${escapeAttr(alt)}"`
+  ];
+  if (fallback) {
+    attrs.push(`data-fallback="${escapeAttr(fallback)}"`);
+    attrs.push(`src="${escapeAttr(fallback)}"`);
+  } else
+    attrs.push('src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"');
+  if (className)
+    attrs.push(`class="${escapeAttr(className)}"`);
+  if (style)
+    attrs.push(`style="${escapeAttr(style)}"`);
+  const script = `
+(function() {
+  var el = document.getElementById('${elementId}');
+  if (!el) return;
+
+  STX.loadProtectedMedia(el, {
+    endpoint: '${escapeAttr(signatureEndpoint)}',
+    oneTimeUse: ${oneTimeUse},
+    expirationSeconds: ${signatureConfig.expirationSeconds || 3600}
+  });
+})();
+`.trim();
+  return {
+    html: `<img ${attrs.join(" ")} />`,
+    script
+  };
+}
+export async function renderProtectedVideo(props) {
+  const {
+    src,
+    signatureEndpoint = "/api/sign",
+    signatureConfig = {},
+    auth,
+    fallback,
+    oneTimeUse = !0,
+    poster,
+    controls = !0,
+    autoplay = !1,
+    muted = !1,
+    loop = !1
+  } = props, className = props.class, style = props.style, alt = props.alt;
+  if (auth) {
+    if (!await checkAuthAccess(auth))
+      return {
+        html: "<!-- Protected video: access denied -->"
+      };
+  }
+  const elementId = `stx-protected-video-${Math.random().toString(36).slice(2, 8)}`, attrs = [
+    `id="${elementId}"`,
+    `data-protected-src="${escapeAttr(src)}"`,
+    `data-signature-endpoint="${escapeAttr(signatureEndpoint)}"`
+  ];
+  if (poster)
+    attrs.push(`poster="${escapeAttr(poster)}"`);
+  if (controls)
+    attrs.push("controls");
+  if (autoplay)
+    attrs.push("autoplay");
+  if (muted)
+    attrs.push("muted");
+  if (loop)
+    attrs.push("loop");
+  if (className)
+    attrs.push(`class="${escapeAttr(className)}"`);
+  if (style)
+    attrs.push(`style="${escapeAttr(style)}"`);
+  if (fallback)
+    attrs.push(`data-fallback="${escapeAttr(fallback)}"`);
+  const script = `
+(function() {
+  var el = document.getElementById('${elementId}');
+  if (!el) return;
+
+  STX.loadProtectedMedia(el, {
+    endpoint: '${escapeAttr(signatureEndpoint)}',
+    oneTimeUse: ${oneTimeUse},
+    expirationSeconds: ${signatureConfig.expirationSeconds || 3600}
+  });
+})();
+`.trim();
+  return {
+    html: `<video ${attrs.join(" ")}></video>`,
+    script
+  };
+}
+export async function processProtectedMedia(content, signatureEndpoint) {
+  const protectedPattern = /data-protected-src="([^"]+)"/g, sources = [];
+  let match;
+  while ((match = protectedPattern.exec(content)) !== null)
+    sources.push(match[1]);
+  if (sources.length === 0)
+    return { html: content, script: "" };
+  let script = generateSignatureRuntime() + `
+
+`;
+  script += `
+(function() {
+  var sources = ${JSON.stringify(sources)};
+  var endpoint = '${escapeAttr(signatureEndpoint)}';
+
+  // Batch sign all URLs
+  STX.batchSignUrls(sources, { endpoint: endpoint })
+    .then(function(data) {
+      sources.forEach(function(src) {
+        var els = document.querySelectorAll('[data-protected-src="' + src + '"]');
+        var signedUrl = data.signatures && data.signatures[src];
+
+        els.forEach(function(el) {
+          if (signedUrl) {
+            if (el.tagName === 'IMG') el.src = signedUrl.url;
+            else if (el.tagName === 'VIDEO') { el.src = signedUrl.url; el.load(); }
+          }
+else if (el.dataset.fallback) {
+            el.src = el.dataset.fallback;
+          }
+        });
+      });
+    })
+    .catch(function(error) {
+      console.error('Failed to sign protected media:', error);
+      document.querySelectorAll('[data-protected-src]').forEach(function(el) {
+        if (el.dataset.fallback) el.src = el.dataset.fallback;
+      });
+    });
+})();
+`.trim();
+  return { html: content, script };
+}
+export function parseProtectedArgs(content, params, context) {
+  if (params.src)
+    return {
+      src: String(params.src),
+      alt: String(params.alt || ""),
+      signatureEndpoint: String(params.signatureEndpoint || "/api/sign"),
+      auth: params.auth,
+      fallback: params.fallback ? String(params.fallback) : void 0,
+      oneTimeUse: params.oneTimeUse !== !1
+    };
+  let args = content.trim();
+  if (args.startsWith("@protected(") || args.startsWith("("))
+    args = args.replace(/^@protected\(/, "").replace(/^\(/, "").replace(/\)$/, "");
+  const parts = parseArguments(args);
+  return {
+    src: resolveValue(parts[0], context) || "",
+    alt: resolveValue(parts[1], context) || "",
+    ...typeof parts[2] === "object" ? parts[2] : {}
+  };
+}
+function parseArguments(argsStr) {
+  const args = [];
+  let current = "", inString = !1, stringChar = "", braceDepth = 0;
+  for (let i = 0;i < argsStr.length; i++) {
+    const char = argsStr[i], prevChar = i > 0 ? argsStr[i - 1] : "";
+    if ((char === '"' || char === "'") && prevChar !== "\\") {
+      if (!inString) {
+        inString = !0;
+        stringChar = char;
+      } else if (char === stringChar)
+        inString = !1;
+      else
+        current += char;
+      continue;
+    }
+    if (!inString) {
+      if (char === "{")
+        braceDepth++;
+      if (char === "}")
+        braceDepth--;
+      if (char === "," && braceDepth === 0) {
+        args.push(current.trim());
+        current = "";
+        continue;
+      }
+    }
+    current += char;
+  }
+  if (current.trim())
+    args.push(current.trim());
+  return args;
+}
+function resolveValue(value, context) {
+  if (typeof value !== "string")
+    return value;
+  const trimmed = value.trim();
+  if (trimmed.startsWith('"') && trimmed.endsWith('"') || trimmed.startsWith("'") && trimmed.endsWith("'"))
+    return trimmed.slice(1, -1);
+  if (context[trimmed] !== void 0)
+    return context[trimmed];
+  if (trimmed.startsWith("{"))
+    try {
+      return JSON.parse(trimmed);
+    } catch {}
+  return trimmed;
+}
+function escapeAttr(str) {
+  return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#039;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}