@atlaskit/media-common 12.3.1 → 13.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-common
 
+## 13.0.0
+
+### Major Changes
+
+- [`bc6f294d90d3f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bc6f294d90d3f) -
+  Upgrade immer dependency to 11.1.4 (COMMIT-24745). Addresses dependency debt and version conflicts
+  for downstream consumers. Uses `produce` API which is compatible across v8–v11.
+
+## 12.4.0
+
+### Minor Changes
+
+- [`c90ccf0c600ee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c90ccf0c600ee) -
+  Enable cross product/cross client copy and paste of Media files by including clientId during Copy
+  operations.
+
 ## 12.3.1
 
 ### Patch Changes
@@ -597,7 +613,6 @@
   members (see below). Extra entry point `mediaTypeUtils` for all of them is added.
 
   New members:
-
   - getMediaTypeFromMimeType
   - isImageMimeTypeSupportedByBrowser
   - isDocumentMimeTypeSupportedByBrowser
@@ -828,5 +843,4 @@
 
   Create @atlaskit/media-common- Updated dependencies
   [168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
-
   - @atlaskit/docs@8.5.1

package/dist/cjs/copyIntent/clientIdCache.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setClientIdForFile = exports.getClientIdForFile = exports.extractClientIdsFromHtml = exports.clearClientIdCache = void 0;
+/**
+ * Cache for storing fileId to clientId mapping during paste operations.
+ * This avoids the need to store clientId in ADF schema attributes.
+ *
+ * Used for cross-client copy/paste scenarios
+ *
+ * Entries are one-time use (consumed on read), with a max size limit
+ * to guard against build-up if entries are never consumed (should not happpen).
+ */
+
+var CLIENT_ID_CACHE_MAX_SIZE = 100;
+var clientIdCache = new Map();
+var setClientIdForFile = exports.setClientIdForFile = function setClientIdForFile(fileId, clientId) {
+  clientIdCache.set(fileId, clientId);
+
+  // Evict oldest entries if cache exceeds max size
+  if (clientIdCache.size > CLIENT_ID_CACHE_MAX_SIZE) {
+    var oldestKey = clientIdCache.keys().next().value;
+    if (oldestKey !== undefined) {
+      clientIdCache.delete(oldestKey);
+    }
+  }
+};
+
+/**
+ * Retrieve and consume clientId for a file ID (called during copyFile)
+ * Returns undefined if not found.
+ */
+var getClientIdForFile = exports.getClientIdForFile = function getClientIdForFile(fileId) {
+  var clientId = clientIdCache.get(fileId);
+  // Consume the entry after reading (one-time use)
+  if (clientId) {
+    clientIdCache.delete(fileId);
+  }
+  return clientId;
+};
+
+/**
+ * Clear all cached clientIds (for testing purposes)
+ */
+var clearClientIdCache = exports.clearClientIdCache = function clearClientIdCache() {
+  clientIdCache.clear();
+};
+
+/**
+ * Used to store fileId to clientId mappings on paste of Editor PM Node
+ */
+var extractClientIdsFromHtml = exports.extractClientIdsFromHtml = function extractClientIdsFromHtml(html) {
+  if (!html || !html.includes('data-client-id')) {
+    return;
+  }
+  var mediaTagRegex = /<[^>]*data-node-type="media(?:Inline)?"[^>]*>/g;
+  var match;
+  while ((match = mediaTagRegex.exec(html)) !== null) {
+    var _exec, _exec2;
+    var tag = match[0];
+    var fileId = (_exec = /data-id="([^"]*)"/.exec(tag)) === null || _exec === void 0 ? void 0 : _exec[1];
+    var clientId = (_exec2 = /data-client-id="([^"]*)"/.exec(tag)) === null || _exec2 === void 0 ? void 0 : _exec2[1];
+    if (fileId && clientId) {
+      setClientIdForFile(fileId, clientId);
+    }
+  }
+};

package/dist/cjs/copyIntent/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "clearClientIdCache", {
+  enumerable: true,
+  get: function get() {
+    return _clientIdCache.clearClientIdCache;
+  }
+});
+Object.defineProperty(exports, "extractClientIdsFromHtml", {
+  enumerable: true,
+  get: function get() {
+    return _clientIdCache.extractClientIdsFromHtml;
+  }
+});
+Object.defineProperty(exports, "getClientIdForFile", {
+  enumerable: true,
+  get: function get() {
+    return _clientIdCache.getClientIdForFile;
+  }
+});
+Object.defineProperty(exports, "setClientIdForFile", {
+  enumerable: true,
+  get: function get() {
+    return _clientIdCache.setClientIdForFile;
+  }
+});
+var _clientIdCache = require("./clientIdCache");

package/dist/cjs/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
     return _constants.ANALYTICS_MEDIA_CHANNEL;
   }
 });
+Object.defineProperty(exports, "clearClientIdCache", {
+  enumerable: true,
+  get: function get() {
+    return _copyIntent.clearClientIdCache;
+  }
+});
 Object.defineProperty(exports, "debounce", {
   enumerable: true,
   get: function get() {
@@ -27,12 +33,24 @@ Object.defineProperty(exports, "downloadUrl", {
     return _downloadUrl.downloadUrl;
   }
 });
+Object.defineProperty(exports, "extractClientIdsFromHtml", {
+  enumerable: true,
+  get: function get() {
+    return _copyIntent.extractClientIdsFromHtml;
+  }
+});
 Object.defineProperty(exports, "filterFeatureFlagNames", {
   enumerable: true,
   get: function get() {
     return _mediaFeatureFlags.filterFeatureFlagNames;
   }
 });
+Object.defineProperty(exports, "getClientIdForFile", {
+  enumerable: true,
+  get: function get() {
+    return _copyIntent.getClientIdForFile;
+  }
+});
 Object.defineProperty(exports, "getFeatureFlagKeysAllProducts", {
   enumerable: true,
   get: function get() {
@@ -147,6 +165,12 @@ Object.defineProperty(exports, "pick", {
     return _helpers.pick;
   }
 });
+Object.defineProperty(exports, "setClientIdForFile", {
+  enumerable: true,
+  get: function get() {
+    return _copyIntent.setClientIdForFile;
+  }
+});
 Object.defineProperty(exports, "useStaticCallback", {
   enumerable: true,
   get: function get() {
@@ -165,4 +189,5 @@ var _withMediaAnalyticsContext = require("./analytics/withMediaAnalyticsContext"
 var _constants = require("./analytics/constants");
 var _mediaTypeUtils = require("./mediaTypeUtils");
 var _helpers = require("./utils/helpers");
-var _hooks = require("./hooks");
+var _hooks = require("./hooks");
+var _copyIntent = require("./copyIntent");

package/dist/es2019/copyIntent/clientIdCache.js

@@ -0,0 +1,63 @@
+/**
+ * Cache for storing fileId to clientId mapping during paste operations.
+ * This avoids the need to store clientId in ADF schema attributes.
+ *
+ * Used for cross-client copy/paste scenarios
+ *
+ * Entries are one-time use (consumed on read), with a max size limit
+ * to guard against build-up if entries are never consumed (should not happpen).
+ */
+
+const CLIENT_ID_CACHE_MAX_SIZE = 100;
+const clientIdCache = new Map();
+export const setClientIdForFile = (fileId, clientId) => {
+  clientIdCache.set(fileId, clientId);
+
+  // Evict oldest entries if cache exceeds max size
+  if (clientIdCache.size > CLIENT_ID_CACHE_MAX_SIZE) {
+    const oldestKey = clientIdCache.keys().next().value;
+    if (oldestKey !== undefined) {
+      clientIdCache.delete(oldestKey);
+    }
+  }
+};
+
+/**
+ * Retrieve and consume clientId for a file ID (called during copyFile)
+ * Returns undefined if not found.
+ */
+export const getClientIdForFile = fileId => {
+  const clientId = clientIdCache.get(fileId);
+  // Consume the entry after reading (one-time use)
+  if (clientId) {
+    clientIdCache.delete(fileId);
+  }
+  return clientId;
+};
+
+/**
+ * Clear all cached clientIds (for testing purposes)
+ */
+export const clearClientIdCache = () => {
+  clientIdCache.clear();
+};
+
+/**
+ * Used to store fileId to clientId mappings on paste of Editor PM Node
+ */
+export const extractClientIdsFromHtml = html => {
+  if (!html || !html.includes('data-client-id')) {
+    return;
+  }
+  const mediaTagRegex = /<[^>]*data-node-type="media(?:Inline)?"[^>]*>/g;
+  let match;
+  while ((match = mediaTagRegex.exec(html)) !== null) {
+    var _exec, _exec2;
+    const tag = match[0];
+    const fileId = (_exec = /data-id="([^"]*)"/.exec(tag)) === null || _exec === void 0 ? void 0 : _exec[1];
+    const clientId = (_exec2 = /data-client-id="([^"]*)"/.exec(tag)) === null || _exec2 === void 0 ? void 0 : _exec2[1];
+    if (fileId && clientId) {
+      setClientIdForFile(fileId, clientId);
+    }
+  }
+};

package/dist/es2019/copyIntent/index.js

@@ -0,0 +1 @@
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml } from './clientIdCache';

package/dist/es2019/index.js

@@ -16,4 +16,7 @@ export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
 export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';
 export { isUndefined, pick, omitBy, debounce, matches, getRandomHex, getRandomTelemetryId } from './utils/helpers';
-export { useStaticCallback } from './hooks';
+export { useStaticCallback } from './hooks';
+
+// Cross-client copy/paste utilities
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml } from './copyIntent';

package/dist/esm/copyIntent/clientIdCache.js

@@ -0,0 +1,63 @@
+/**
+ * Cache for storing fileId to clientId mapping during paste operations.
+ * This avoids the need to store clientId in ADF schema attributes.
+ *
+ * Used for cross-client copy/paste scenarios
+ *
+ * Entries are one-time use (consumed on read), with a max size limit
+ * to guard against build-up if entries are never consumed (should not happpen).
+ */
+
+var CLIENT_ID_CACHE_MAX_SIZE = 100;
+var clientIdCache = new Map();
+export var setClientIdForFile = function setClientIdForFile(fileId, clientId) {
+  clientIdCache.set(fileId, clientId);
+
+  // Evict oldest entries if cache exceeds max size
+  if (clientIdCache.size > CLIENT_ID_CACHE_MAX_SIZE) {
+    var oldestKey = clientIdCache.keys().next().value;
+    if (oldestKey !== undefined) {
+      clientIdCache.delete(oldestKey);
+    }
+  }
+};
+
+/**
+ * Retrieve and consume clientId for a file ID (called during copyFile)
+ * Returns undefined if not found.
+ */
+export var getClientIdForFile = function getClientIdForFile(fileId) {
+  var clientId = clientIdCache.get(fileId);
+  // Consume the entry after reading (one-time use)
+  if (clientId) {
+    clientIdCache.delete(fileId);
+  }
+  return clientId;
+};
+
+/**
+ * Clear all cached clientIds (for testing purposes)
+ */
+export var clearClientIdCache = function clearClientIdCache() {
+  clientIdCache.clear();
+};
+
+/**
+ * Used to store fileId to clientId mappings on paste of Editor PM Node
+ */
+export var extractClientIdsFromHtml = function extractClientIdsFromHtml(html) {
+  if (!html || !html.includes('data-client-id')) {
+    return;
+  }
+  var mediaTagRegex = /<[^>]*data-node-type="media(?:Inline)?"[^>]*>/g;
+  var match;
+  while ((match = mediaTagRegex.exec(html)) !== null) {
+    var _exec, _exec2;
+    var tag = match[0];
+    var fileId = (_exec = /data-id="([^"]*)"/.exec(tag)) === null || _exec === void 0 ? void 0 : _exec[1];
+    var clientId = (_exec2 = /data-client-id="([^"]*)"/.exec(tag)) === null || _exec2 === void 0 ? void 0 : _exec2[1];
+    if (fileId && clientId) {
+      setClientIdForFile(fileId, clientId);
+    }
+  }
+};

package/dist/esm/copyIntent/index.js

@@ -0,0 +1 @@
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml } from './clientIdCache';

package/dist/esm/index.js

@@ -16,4 +16,7 @@ export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
 export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';
 export { isUndefined, pick, omitBy, debounce, matches, getRandomHex, getRandomTelemetryId } from './utils/helpers';
-export { useStaticCallback } from './hooks';
+export { useStaticCallback } from './hooks';
+
+// Cross-client copy/paste utilities
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml } from './copyIntent';

package/dist/types/copyIntent/clientIdCache.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Cache for storing fileId to clientId mapping during paste operations.
+ * This avoids the need to store clientId in ADF schema attributes.
+ *
+ * Used for cross-client copy/paste scenarios
+ *
+ * Entries are one-time use (consumed on read), with a max size limit
+ * to guard against build-up if entries are never consumed (should not happpen).
+ */
+export declare const setClientIdForFile: (fileId: string, clientId: string) => void;
+/**
+ * Retrieve and consume clientId for a file ID (called during copyFile)
+ * Returns undefined if not found.
+ */
+export declare const getClientIdForFile: (fileId: string) => string | undefined;
+/**
+ * Clear all cached clientIds (for testing purposes)
+ */
+export declare const clearClientIdCache: () => void;
+/**
+ * Used to store fileId to clientId mappings on paste of Editor PM Node
+ */
+export declare const extractClientIdsFromHtml: (html: string) => void;

package/dist/types/copyIntent/index.d.ts

@@ -0,0 +1 @@
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml, } from './clientIdCache';

package/dist/types/index.d.ts

@@ -14,3 +14,4 @@ export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocument
 export type SSR = 'client' | 'server';
 export { isUndefined, pick, omitBy, debounce, matches, getRandomHex, getRandomTelemetryId, } from './utils/helpers';
 export { useStaticCallback } from './hooks';
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml, } from './copyIntent';

package/dist/types-ts4.5/copyIntent/clientIdCache.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Cache for storing fileId to clientId mapping during paste operations.
+ * This avoids the need to store clientId in ADF schema attributes.
+ *
+ * Used for cross-client copy/paste scenarios
+ *
+ * Entries are one-time use (consumed on read), with a max size limit
+ * to guard against build-up if entries are never consumed (should not happpen).
+ */
+export declare const setClientIdForFile: (fileId: string, clientId: string) => void;
+/**
+ * Retrieve and consume clientId for a file ID (called during copyFile)
+ * Returns undefined if not found.
+ */
+export declare const getClientIdForFile: (fileId: string) => string | undefined;
+/**
+ * Clear all cached clientIds (for testing purposes)
+ */
+export declare const clearClientIdCache: () => void;
+/**
+ * Used to store fileId to clientId mappings on paste of Editor PM Node
+ */
+export declare const extractClientIdsFromHtml: (html: string) => void;

package/dist/types-ts4.5/copyIntent/index.d.ts

@@ -0,0 +1 @@
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml, } from './clientIdCache';

package/dist/types-ts4.5/index.d.ts

@@ -14,3 +14,4 @@ export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocument
 export type SSR = 'client' | 'server';
 export { isUndefined, pick, omitBy, debounce, matches, getRandomHex, getRandomTelemetryId, } from './utils/helpers';
 export { useStaticCallback } from './hooks';
+export { setClientIdForFile, getClientIdForFile, clearClientIdCache, extractClientIdsFromHtml, } from './copyIntent';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "12.3.1",
+	"version": "13.0.0",
 	"description": "Includes common utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,13 +30,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/analytics-namespaced-context": "^7.1.0",
+		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/section-message": "^8.7.0",
+		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/section-message": "^8.12.0",
 		"@babel/runtime": "^7.0.0",
-		"immer": "^9.0.12",
+		"immer": "11.1.4",
 		"uuid-validate": "^0.0.3"
 	},
 	"peerDependencies": {
@@ -54,10 +53,5 @@
 		"enzyme": "^3.10.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
-	},
-	"platform-feature-flags": {
-		"dst-a11y__replace-anchor-with-link__media-exif": {
-			"type": "boolean"
-		}
 	}
 }