@frkntmbs/strapi-plugin-video-optimizer 1.0.0 → 1.0.2

package/dist/admin/{index-DOuHOS2G.js → index-CCnMe2zb.js}

@@ -6113,6 +6113,7 @@ const listeners$2 = /* @__PURE__ */ new Set();
 let editingFileId = null;
 let editingFileName = null;
 let editingDimensions = null;
+let editingSizeBytes;
 let draftPreference$1 = null;
 let enqueueInFlight = false;
 let cancelInFlight = /* @__PURE__ */ new Set();
@@ -6163,15 +6164,17 @@ const setMediaLibraryCards = (nextCards) => {
 const getEditingMediaLibraryFileId = () => editingFileId;
 const getEditingMediaLibraryFileName = () => editingFileName;
 const getEditingMediaLibraryDimensions = () => editingDimensions;
+const getEditingMediaLibrarySizeBytes = () => editingSizeBytes;
 const getMediaLibraryDraftPreference = () => {
   return draftPreference$1 ?? STABLE_EMPTY_DRAFT$1;
 };
 const isMediaLibraryEnqueueInFlight = () => enqueueInFlight;
 const isMediaLibraryCancelInFlight = (fileId) => cancelInFlight.has(fileId);
-const openMediaLibraryEditor = (fileId, fileName, dimensions) => {
+const openMediaLibraryEditor = (fileId, fileName, metadata) => {
   editingFileId = fileId;
   editingFileName = fileName;
-  editingDimensions = dimensions ?? null;
+  editingDimensions = metadata ? { width: metadata.width, height: metadata.height } : null;
+  editingSizeBytes = metadata?.sizeBytes;
   draftPreference$1 = createDefaultPreference();
   if (draftPreference$1.choice === "custom") {
     draftPreference$1.custom = createCustomForMediaLibraryFile();
@@ -6182,6 +6185,7 @@ const closeMediaLibraryEditor = () => {
   editingFileId = null;
   editingFileName = null;
   editingDimensions = null;
+  editingSizeBytes = void 0;
   draftPreference$1 = null;
   notify$2();
 };
@@ -6411,8 +6415,9 @@ const collectCardActions = (uploadAssets) => {
     entries2.push({
       fileId,
       fileName: asset?.name ?? card.querySelector('[id$="-title"]')?.textContent?.trim() ?? "",
-      width: dimensions?.width,
-      height: dimensions?.height,
+      width: dimensions?.width ?? asset?.width,
+      height: dimensions?.height ?? asset?.height,
+      sizeBytes: typeof asset?.sizeInBytes === "number" ? asset.sizeInBytes : typeof asset?.size === "number" ? Math.round(asset.size * 1024) : void 0,
       optimizeHost,
       cancelHost
     });
@@ -6694,6 +6699,7 @@ let globalSettings = { ...DEFAULT_GLOBAL_SETTINGS };
 const assetPreferencesById = /* @__PURE__ */ new Map();
 const assetNamesById = /* @__PURE__ */ new Map();
 const assetDimensionsById = /* @__PURE__ */ new Map();
+const assetMetadataById = /* @__PURE__ */ new Map();
 const assetPreferencesByFileKey = /* @__PURE__ */ new Map();
 const committedPreferencesByAssetId = /* @__PURE__ */ new Map();
 const committedPreferencesByName = /* @__PURE__ */ new Map();
@@ -6753,14 +6759,40 @@ const resolveCustomSettingsForAsset = (assetId, current) => {
   };
 };
 const getSourceDimensionsForAsset = (assetId) => assetDimensionsById.get(assetId);
-const updateAssetDimensions = (assetId, dimensions) => {
-  assetDimensionsById.set(assetId, dimensions);
+const getSourceMetadataForAsset = (assetId) => {
+  const stored = assetMetadataById.get(assetId);
+  if (stored) {
+    return stored;
+  }
+  const dimensions = assetDimensionsById.get(assetId);
+  const card = cardsSnapshot.find((entry) => entry.assetId === assetId);
+  return {
+    width: dimensions?.width ?? card?.width,
+    height: dimensions?.height ?? card?.height,
+    sizeBytes: card?.sizeBytes,
+    durationSeconds: card?.durationSeconds
+  };
+};
+const updateAssetMetadata = (assetId, metadata) => {
+  const nextMetadata = {
+    ...assetMetadataById.get(assetId),
+    ...metadata
+  };
+  assetMetadataById.set(assetId, nextMetadata);
+  if (nextMetadata.width && nextMetadata.height) {
+    assetDimensionsById.set(assetId, {
+      width: nextMetadata.width,
+      height: nextMetadata.height
+    });
+  }
   const index2 = cards.findIndex((entry) => entry.assetId === assetId);
   if (index2 >= 0) {
     cards[index2] = {
       ...cards[index2],
-      width: dimensions.width,
-      height: dimensions.height
+      width: nextMetadata.width ?? cards[index2].width,
+      height: nextMetadata.height ?? cards[index2].height,
+      sizeBytes: nextMetadata.sizeBytes ?? cards[index2].sizeBytes,
+      durationSeconds: nextMetadata.durationSeconds ?? cards[index2].durationSeconds
     };
     cardsSnapshot = cards.slice();
   }
@@ -6864,6 +6896,7 @@ const clearUploadSession = () => {
   assetPreferencesById.clear();
   assetNamesById.clear();
   assetDimensionsById.clear();
+  assetMetadataById.clear();
   cards = [];
   cardsSnapshot = [];
   editingAssetId = null;
@@ -7178,6 +7211,104 @@ const AssetOptimizationLabel = ({ preference }) => {
     }
   ) });
 };
+const willResize = (sourceWidth, sourceHeight, targetWidth, targetHeight, resizeMode) => {
+  if (targetWidth === sourceWidth && targetHeight === sourceHeight) {
+    return false;
+  }
+  if (resizeMode === "fit-within") {
+    return sourceWidth > targetWidth || sourceHeight > targetHeight;
+  }
+  return true;
+};
+const bitrateMbps = (sizeBytes, durationSeconds) => sizeBytes * 8 / durationSeconds / 1e6;
+const maxBitrateMbpsForResolution = (maxDimension) => {
+  if (maxDimension <= 720) {
+    return 1.5;
+  }
+  if (maxDimension <= 1080) {
+    return 2.5;
+  }
+  if (maxDimension <= 1440) {
+    return 5;
+  }
+  return 8;
+};
+const isBitrateAlreadyEfficient = (metadata) => {
+  const { width, height, sizeBytes, durationSeconds } = metadata;
+  if (!width || !height || !sizeBytes || !durationSeconds || durationSeconds <= 0) {
+    return false;
+  }
+  const maxDimension = Math.max(width, height);
+  const bitrate = bitrateMbps(sizeBytes, durationSeconds);
+  return bitrate <= maxBitrateMbpsForResolution(maxDimension);
+};
+const evaluateOptimizationBenefit = (choice, metadata, globalSettings2, customSettings) => {
+  if (choice === "original") {
+    return false;
+  }
+  const { width, height } = metadata;
+  if (!width || !height) {
+    return false;
+  }
+  if (choice === "global") {
+    const wouldResize = willResize(
+      width,
+      height,
+      globalSettings2.maxWidth,
+      globalSettings2.maxHeight,
+      "fit-within"
+    );
+    if (wouldResize) {
+      return false;
+    }
+    return isBitrateAlreadyEfficient(metadata) || Boolean(metadata.sizeBytes);
+  }
+  if (choice === "custom" && customSettings) {
+    const wouldResizeCustom = willResize(
+      width,
+      height,
+      customSettings.maxWidth,
+      customSettings.maxHeight,
+      "exact"
+    );
+    if (wouldResizeCustom) {
+      return false;
+    }
+    return isBitrateAlreadyEfficient(metadata) || Boolean(metadata.sizeBytes);
+  }
+  return false;
+};
+const OptimizationBenefitWarning = ({
+  choice,
+  metadata,
+  customSettings
+}) => {
+  const { formatMessage: formatMessage2 } = useIntl();
+  const showWarning = evaluateOptimizationBenefit(
+    choice,
+    metadata,
+    getGlobalSettings(),
+    customSettings
+  );
+  if (!showWarning) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Box,
+    {
+      padding: 4,
+      hasRadius: true,
+      background: "warning100",
+      borderColor: "warning200",
+      borderStyle: "solid",
+      borderWidth: "1px",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "warning700", children: formatMessage2({ id: getTranslationKey("optimization.warning.title") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", children: formatMessage2({ id: getTranslationKey("optimization.warning.description") }) }) })
+      ]
+    }
+  );
+};
 const CHOICES = ["original", "global", "custom"];
 const OptimizationChoicePicker = ({
   value,
@@ -7452,6 +7583,7 @@ const UploadEnhancerBridge = () => {
   const dialogElement2 = React.useSyncExternalStore(subscribeUploadAssets, getUploadDialogElement);
   const editingCard = cards2.find((card) => card.assetId === editingAssetId2);
   const sourceDimensions = editingAssetId2 ? getSourceDimensionsForAsset(editingAssetId2) : void 0;
+  const sourceMetadata = editingAssetId2 ? getSourceMetadataForAsset(editingAssetId2) : {};
   const resolvedCustom = editingAssetId2 && draftPreference2.choice === "custom" ? resolveCustomSettingsForAsset(editingAssetId2, draftPreference2.custom) : draftPreference2.custom;
   React.useEffect(() => {
     if (!dialogElement2 || !editingAssetId2) {
@@ -7536,6 +7668,19 @@ const UploadEnhancerBridge = () => {
               ),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 7, style: { overflow: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
                 editingCard?.assetName && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: editingCard.assetName }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  OptimizationBenefitWarning,
+                  {
+                    choice: draftPreference2.choice,
+                    metadata: {
+                      width: editingCard?.width ?? sourceMetadata.width ?? sourceDimensions?.width,
+                      height: editingCard?.height ?? sourceMetadata.height ?? sourceDimensions?.height,
+                      sizeBytes: editingCard?.sizeBytes ?? sourceMetadata.sizeBytes,
+                      durationSeconds: editingCard?.durationSeconds ?? sourceMetadata.durationSeconds
+                    },
+                    customSettings: resolvedCustom ?? void 0
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   OptimizationChoicePicker,
                   {
@@ -7672,6 +7817,10 @@ const MediaLibraryCardActionsBridge = () => {
     subscribeMediaLibraryCards,
     getEditingMediaLibraryDimensions
   );
+  const editingSizeBytes2 = React.useSyncExternalStore(
+    subscribeMediaLibraryCards,
+    getEditingMediaLibrarySizeBytes
+  );
   const draftPreference2 = React.useSyncExternalStore(
     subscribeMediaLibraryCards,
     getMediaLibraryDraftPreference
@@ -7760,6 +7909,18 @@ const MediaLibraryCardActionsBridge = () => {
               ),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 7, style: { overflow: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
                 editingFileName2 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: editingFileName2 }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  OptimizationBenefitWarning,
+                  {
+                    choice: draftPreference2.choice,
+                    metadata: {
+                      width: editingDimensions2?.width,
+                      height: editingDimensions2?.height,
+                      sizeBytes: editingSizeBytes2
+                    },
+                    customSettings: resolvedCustom ?? void 0
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   OptimizationChoicePicker,
                   {
@@ -7832,7 +7993,8 @@ const MediaLibraryCardActionsBridge = () => {
                 event.stopPropagation();
                 openMediaLibraryEditor(card.fileId, card.fileName, {
                   width: card.width,
-                  height: card.height
+                  height: card.height,
+                  sizeBytes: card.sizeBytes
                 });
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkle, {})
@@ -7877,6 +8039,8 @@ const enMessages = {
   [`${PLUGIN_ID}.choice.global.description`]: "Uses the global optimization profile configured in Settings.",
   [`${PLUGIN_ID}.choice.custom`]: "Custom",
   [`${PLUGIN_ID}.choice.custom.description`]: "Configure format and quality settings specifically for this video.",
+  [`${PLUGIN_ID}.optimization.warning.title`]: "This video may already be well optimized",
+  [`${PLUGIN_ID}.optimization.warning.description`]: "Re-encoding may not reduce file size and can even make it larger. Consider Keep original, or raise CRF / lower resolution if you need a smaller output.",
   [`${PLUGIN_ID}.settings.global.defaultFormat`]: "Output format",
   [`${PLUGIN_ID}.settings.global.videoCodec`]: "Video codec",
   [`${PLUGIN_ID}.settings.global.crf`]: "CRF (quality)",
@@ -8240,7 +8404,7 @@ const MediaLibraryCacheBridge = () => {
   }, [dispatch, queryClient]);
   return null;
 };
-const probeVideoFileDimensions = (file) => new Promise((resolve) => {
+const probeVideoFileMetadata = (file) => new Promise((resolve) => {
   const url = URL.createObjectURL(file);
   const video = document.createElement("video");
   video.preload = "metadata";
@@ -8250,9 +8414,14 @@ const probeVideoFileDimensions = (file) => new Promise((resolve) => {
     video.load();
   };
   video.onloadedmetadata = () => {
-    const dimensions = video.videoWidth > 0 && video.videoHeight > 0 ? { width: video.videoWidth, height: video.videoHeight } : void 0;
+    const metadata = video.videoWidth > 0 && video.videoHeight > 0 ? {
+      width: video.videoWidth,
+      height: video.videoHeight,
+      durationSeconds: Number.isFinite(video.duration) && video.duration > 0 ? video.duration : void 0,
+      sizeBytes: file.size
+    } : void 0;
     cleanup();
-    resolve(dimensions);
+    resolve(metadata);
   };
   video.onerror = () => {
     cleanup();
@@ -8517,11 +8686,15 @@ const queueDimensionProbe = (dialog, assetId, assetName, card) => {
         const files = findUploadFilesInDialog(dialog);
         const file = matchUploadFile(files, assetName);
         if (file) {
-          dimensions = await probeVideoFileDimensions(file);
+          const metadata = await probeVideoFileMetadata(file);
+          if (metadata) {
+            updateAssetMetadata(assetId, metadata);
+            return;
+          }
         }
       }
       if (dimensions) {
-        updateAssetDimensions(assetId, dimensions);
+        updateAssetMetadata(assetId, dimensions);
       }
     } finally {
       pendingDimensionProbes.delete(assetId);
@@ -8628,7 +8801,7 @@ const installQueryClientCapture = () => {
     return;
   }
   installed = true;
-  void Promise.resolve().then(() => require("./index-BjWoS0YU.js")).then((reactQuery) => {
+  void Promise.resolve().then(() => require("./index-CcmEXX7b.js")).then((reactQuery) => {
     const original = reactQuery.useQueryClient;
     if (original.__videoOptimizerPatched) {
       return;
@@ -8712,7 +8885,7 @@ const index = {
         id: getTranslationKey("settings.section-label"),
         defaultMessage: "Video Optimizer"
       },
-      Component: () => Promise.resolve().then(() => require("./SettingsPage-CN2fR83m.js")).then((mod) => ({
+      Component: () => Promise.resolve().then(() => require("./SettingsPage-CzelpJtC.js")).then((mod) => ({
         default: mod.ProtectedSettingsPage
       })),
       permissions: []
@@ -8744,7 +8917,7 @@ const index = {
     const importedTrads = await Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-CqM903j3.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-muzHkdC4.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-YfXcNqYi.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-Dos6G22t.js")) }), `./translations/${locale}.json`, 3);
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale

package/dist/admin/{index-BjWoS0YU.js → index-CcmEXX7b.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-DOuHOS2G.js");
+const index = require("./index-CCnMe2zb.js");
 const React = require("react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);

package/dist/admin/{index-Cs_uiChW.mjs → index-ClPTEo43.mjs}

@@ -1,5 +1,5 @@
-import { i as isServer, s as sleep, _ as _extends, e as isValidTimeout, f as functionalUpdate, r as replaceEqualDeep, n as noop, t as timeUntilStale, h as ensureQueryKeyArray, j as getAbortController, k as notifyManager, l as getLogger, o as hashQueryKeyByOptions, p as parseFilterArgs, q as matchQuery, v as matchMutation, w as parseQueryArgs, x as hashQueryKey, y as partialMatchKey, z as shallowEqualObjects, A as difference, B as replaceAt, C as useQueryClient, E as parseMutationFilterArgs, F as parseMutationArgs } from "./index-rAmxCQz6.mjs";
-import { Q, G, H } from "./index-rAmxCQz6.mjs";
+import { i as isServer, s as sleep, _ as _extends, e as isValidTimeout, f as functionalUpdate, r as replaceEqualDeep, n as noop, t as timeUntilStale, h as ensureQueryKeyArray, j as getAbortController, k as notifyManager, l as getLogger, o as hashQueryKeyByOptions, p as parseFilterArgs, q as matchQuery, v as matchMutation, w as parseQueryArgs, x as hashQueryKey, y as partialMatchKey, z as shallowEqualObjects, A as difference, B as replaceAt, C as useQueryClient, E as parseMutationFilterArgs, F as parseMutationArgs } from "./index-B_Qy06R1.mjs";
+import { Q, G, H } from "./index-B_Qy06R1.mjs";
 import React__default, { useMemo } from "react";
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-DOuHOS2G.js");
+const index = require("./index-CCnMe2zb.js");
 exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "./index-rAmxCQz6.mjs";
+import { I } from "./index-B_Qy06R1.mjs";
 export {
   I as default
 };

package/dist/admin/{tr-Y0-ANilh.mjs → tr-CEXm27JX.mjs}

@@ -45,6 +45,8 @@ const tr = {
   "choice.global.description": "Settings altındaki global optimizasyon profilini kullanır.",
   "choice.custom": "Özel",
   "choice.custom.description": "Bu video için format ve kalite ayarlarını ayrıca yapılandırın.",
+  "optimization.warning.title": "Bu video zaten iyi optimize edilmiş olabilir",
+  "optimization.warning.description": "Yeniden encode dosya boyutunu düşürmeyebilir, hatta büyütebilir. Olduğu gibi bırakmayı düşünün; daha küçük çıktı için CRF değerini yükseltin veya çözünürlüğü düşürün.",
   "upload.optimization.label": "Optimizasyon",
   "upload.button.label": "Optimizasyon ayarları",
   "upload.modal.title": "Video optimizasyonu",

package/dist/admin/{tr-muzHkdC4.js → tr-Dos6G22t.js}

@@ -47,6 +47,8 @@ const tr = {
   "choice.global.description": "Settings altındaki global optimizasyon profilini kullanır.",
   "choice.custom": "Özel",
   "choice.custom.description": "Bu video için format ve kalite ayarlarını ayrıca yapılandırın.",
+  "optimization.warning.title": "Bu video zaten iyi optimize edilmiş olabilir",
+  "optimization.warning.description": "Yeniden encode dosya boyutunu düşürmeyebilir, hatta büyütebilir. Olduğu gibi bırakmayı düşünün; daha küçük çıktı için CRF değerini yükseltin veya çözünürlüğü düşürün.",
   "upload.optimization.label": "Optimizasyon",
   "upload.button.label": "Optimizasyon ayarları",
   "upload.modal.title": "Video optimizasyonu",

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Per-video optimization controls for the Strapi Media Library upload flow with async FFmpeg processing.",
   "license": "MIT",
   "keywords": [