@autorender/sdk-core 0.1.24 → 0.1.26

package/README.md

@@ -51,7 +51,7 @@ import { createAR } from '@autorender/sdk-core';
 const AR = createAR({
   baseUrl: 'https://assets.autorender.io',
   workspace: 'ws_123',
-  defaults: { f: 'auto', q: 'auto' }
+  defaults: {}
 });
 ```
 
@@ -72,6 +72,19 @@ const transformString = AR.transformString({ w: 300, h: 300, fit: 'cover', q: 70
 
 ```
 
+### Generate Video URLs
+
+```javascript
+// MP4
+const mp4Url = AR.url('docs/skateboarding.mp4', { w: 960, h: 540 });
+
+// HLS master playlist
+const hlsUrl = AR.url('st_240_360_480_720/docs/skateboarding.mp4/ar-master.m3u8');
+
+// DASH manifest
+const dashUrl = AR.url('processing/docs/skateboarding.mp4/dash/manifest.mpd');
+```
+
 ### Responsive Images
 
 ```javascript
@@ -90,9 +103,6 @@ const attrs = AR.responsiveImageAttributes({
 ```javascript
 // Get device pixel ratio
 const dpr = AR.getDPR(); // 1 or 2
-
-// Get connection quality
-const connection = AR.getConnectionQuality(); // '2g' | '3g' | '4g' | 'wifi' | 'unknown'
 ```
 
 ## API Reference
@@ -116,8 +126,6 @@ Creates a new AutoRender client instance for image transformations.
 - `transformString(transform: TransformOptions): string` - Get transformation string only
 - `responsiveImageAttributes(options: ResponsiveOptions): ResponsiveAttributes` - Generate responsive image attributes
 - `getDPR(): number` - Get device pixel ratio (1 or 2)
-- `getConnectionQuality(): string` - Get detected connection quality
-
 See the main [@autorender/sdk](../README.md) documentation for full API reference.
 
 

package/dist/index.cjs

@@ -2980,124 +2980,6 @@ function getDPR() {
   const dpr = window.devicePixelRatio || 1;
   return dpr >= 2 ? 2 : 1;
 }
-function getNavigatorConnection() {
-  if (typeof navigator === "undefined") return null;
-  const nav = navigator;
-  return nav.connection || nav.mozConnection || nav.webkitConnection || null;
-}
-function getConnectionQualityDetailed() {
-  if (typeof navigator === "undefined") {
-    return { quality: "unknown", reason: "ssr:no-navigator", saveData: false };
-  }
-  const connection = getNavigatorConnection();
-  if (!connection) {
-    return { quality: "unknown", reason: "no-network-info-api", saveData: false };
-  }
-  const saveData = connection.saveData === true;
-  const effectiveType = connection.effectiveType || connection.effectiveConnectionType;
-  const downlinkMbps = typeof connection.downlink === "number" ? connection.downlink : void 0;
-  const rttMs = typeof connection.rtt === "number" ? connection.rtt : void 0;
-  if (effectiveType) {
-    if (effectiveType === "slow-2g" || effectiveType === "2g") {
-      return { quality: "2g", reason: `effectiveType:${effectiveType}`, saveData, effectiveType, downlinkMbps, rttMs };
-    }
-    if (effectiveType === "3g") {
-      return { quality: "3g", reason: "effectiveType:3g", saveData, effectiveType, downlinkMbps, rttMs };
-    }
-    if (effectiveType === "4g") {
-      return { quality: "4g", reason: "effectiveType:4g", saveData, effectiveType, downlinkMbps, rttMs };
-    }
-  }
-  const type = connection.type;
-  if (type === "wifi" || type === "ethernet") {
-    return { quality: "wifi", reason: `type:${type}`, saveData, effectiveType, downlinkMbps, rttMs };
-  }
-  if (typeof downlinkMbps === "number") {
-    if (downlinkMbps < 0.7) {
-      return { quality: "2g", reason: `downlink<0.7Mbps:${downlinkMbps}`, saveData, effectiveType, downlinkMbps, rttMs };
-    }
-    if (downlinkMbps < 1.8) {
-      return { quality: "3g", reason: `downlink<1.8Mbps:${downlinkMbps}`, saveData, effectiveType, downlinkMbps, rttMs };
-    }
-    return { quality: "4g", reason: `downlink>=1.8Mbps:${downlinkMbps}`, saveData, effectiveType, downlinkMbps, rttMs };
-  }
-  return { quality: "unknown", reason: "insufficient-signals", saveData, effectiveType, downlinkMbps, rttMs };
-}
-function getConnectionQuality() {
-  return getConnectionQualityDetailed().quality;
-}
-function getQualityForConnection(input, opts) {
-  const highQuality = opts?.highQuality ?? "auto";
-  const saveDataQuality = opts?.saveDataQuality ?? 50;
-  if (input === "auto") {
-    const detected = getConnectionQualityDetailed();
-    if (detected.saveData) return saveDataQuality;
-    return getQualityForConnection(detected.quality, opts);
-  }
-  switch (input) {
-    case "2g":
-      return 50;
-    case "3g":
-      return 70;
-    case "4g":
-    case "wifi":
-      return highQuality;
-    default:
-      return highQuality;
-  }
-}
-
-// src/viewtag/format-detection.ts
-var cachedFormat = null;
-function detectBestFormat() {
-  if (cachedFormat !== null) {
-    return cachedFormat;
-  }
-  if (typeof document === "undefined" || typeof Image === "undefined") {
-    cachedFormat = "webp";
-    return cachedFormat;
-  }
-  try {
-    const canvas = document.createElement("canvas");
-    canvas.width = 1;
-    canvas.height = 1;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      cachedFormat = "webp";
-      return cachedFormat;
-    }
-    try {
-      const avifDataURL = canvas.toDataURL("image/avif");
-      if (avifDataURL && avifDataURL.indexOf("data:image/avif") === 0) {
-        cachedFormat = "avif";
-        return cachedFormat;
-      }
-    } catch (e) {
-    }
-    try {
-      const webpDataURL = canvas.toDataURL("image/webp");
-      if (webpDataURL && webpDataURL.indexOf("data:image/webp") === 0) {
-        cachedFormat = "webp";
-        return cachedFormat;
-      }
-    } catch (e) {
-    }
-    cachedFormat = "jpg";
-    return cachedFormat;
-  } catch (e) {
-    cachedFormat = "webp";
-    return cachedFormat;
-  }
-}
-function getBestFormatSync() {
-  if (cachedFormat !== null) {
-    return cachedFormat;
-  }
-  return detectBestFormat();
-}
-function resetFormatCache() {
-  cachedFormat = null;
-}
 
 // src/viewtag/transform.ts
 function buildTransformString(transform, defaults, enableDPR = true, connectionQuality) {
@@ -3217,26 +3099,9 @@ function buildTransformString(transform, defaults, enableDPR = true, connectionQ
   if (transform.flip) addPart("flip_", transform.flip);
   if (transform.br !== void 0) addPart("br_", transform.br);
   let format = transform.f ?? defaults?.f;
-  if (format === "auto" || format === void 0) {
-    format = getBestFormatSync();
-  }
-  if (format) addPart("f_", format);
-  let quality = transform.q;
-  if (quality === "auto" || quality === void 0) {
-    const defaultQuality = defaults?.q;
-    if (quality === void 0) {
-      quality = defaultQuality;
-    }
-    if (quality === "auto" || quality === void 0) {
-      if (connectionQuality) {
-        const resolvedQuality = getQualityForConnection(connectionQuality);
-        quality = resolvedQuality;
-      } else {
-        quality = "auto";
-      }
-    }
-  }
-  if (quality !== void 0) addPart("q_", quality);
+  if (format && format !== "auto") addPart("f_", format);
+  const quality = transform.q ?? defaults?.q;
+  if (quality !== void 0 && quality !== "auto") addPart("q_", quality);
   if (transform.bg) {
     if (transform.bg.startsWith("rgb:")) {
       addPart("bg_rgb:", transform.bg.replace("rgb:", ""));
@@ -3673,22 +3538,11 @@ function createAR(config) {
     defaults = {},
     deviceBreakpoints = DEFAULT_DEVICE_BREAKPOINTS2,
     imageBreakpoints = DEFAULT_IMAGE_BREAKPOINTS2,
-    enableDPR = true,
-    connectionQuality: configConnectionQuality = "auto"
+    enableDPR = true
   } = config;
   if (!workspace) {
     throw new Error("workspace is required");
   }
-  const normalizedDefaults = {
-    f: defaults.f || "auto",
-    q: defaults.q !== void 0 ? defaults.q : "auto",
-    ...defaults
-  };
-  const effectiveConnectionQuality = configConnectionQuality === "auto" ? (() => {
-    const detected = getConnectionQuality();
-    console.log("detected", detected);
-    return detected === "unknown" ? "wifi" : detected;
-  })() : configConnectionQuality;
   const instance = {
     /**
      * Generate image URL with transformations
@@ -3699,9 +3553,8 @@ function createAR(config) {
         workspace,
         src,
         transform,
-        normalizedDefaults,
-        enableDPR,
-        effectiveConnectionQuality
+        defaults,
+        enableDPR
       );
     },
     /**
@@ -3710,9 +3563,8 @@ function createAR(config) {
     transformString(transform) {
       return buildTransformString(
         transform,
-        normalizedDefaults,
-        enableDPR,
-        effectiveConnectionQuality
+        defaults,
+        enableDPR
       );
     },
     /**
@@ -3724,11 +3576,10 @@ function createAR(config) {
         baseUrl,
         workspace,
         options,
-        normalizedDefaults,
+        defaults,
         effectiveDeviceBreakpoints,
         imageBreakpoints,
-        enableDPR,
-        effectiveConnectionQuality
+        enableDPR
       );
     },
     /**
@@ -3736,17 +3587,63 @@ function createAR(config) {
      */
     getDPR() {
       return getDPR();
-    },
-    /**
-     * Get current connection quality
-     */
-    getConnectionQuality() {
-      return getConnectionQuality();
     }
   };
   return instance;
 }
 
+// src/viewtag/format-detection.ts
+var cachedFormat = null;
+function detectBestFormat() {
+  if (cachedFormat !== null) {
+    return cachedFormat;
+  }
+  if (typeof document === "undefined" || typeof Image === "undefined") {
+    cachedFormat = "webp";
+    return cachedFormat;
+  }
+  try {
+    const canvas = document.createElement("canvas");
+    canvas.width = 1;
+    canvas.height = 1;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      cachedFormat = "webp";
+      return cachedFormat;
+    }
+    try {
+      const avifDataURL = canvas.toDataURL("image/avif");
+      if (avifDataURL && avifDataURL.indexOf("data:image/avif") === 0) {
+        cachedFormat = "avif";
+        return cachedFormat;
+      }
+    } catch (e) {
+    }
+    try {
+      const webpDataURL = canvas.toDataURL("image/webp");
+      if (webpDataURL && webpDataURL.indexOf("data:image/webp") === 0) {
+        cachedFormat = "webp";
+        return cachedFormat;
+      }
+    } catch (e) {
+    }
+    cachedFormat = "jpg";
+    return cachedFormat;
+  } catch (e) {
+    cachedFormat = "webp";
+    return cachedFormat;
+  }
+}
+function getBestFormatSync() {
+  if (cachedFormat !== null) {
+    return cachedFormat;
+  }
+  return detectBestFormat();
+}
+function resetFormatCache() {
+  cachedFormat = null;
+}
+
 // src/index.ts
 var SOURCE_ALIAS_MAP = {
   local: "device",