@atlaskit/media-client 17.1.3 → 18.1.0

package/dist/types/client/media-store/index.d.ts

@@ -5,6 +5,13 @@ import { MediaChunksProbe, MediaCollectionItemFullDetails, MediaCollectionItems,
 import { ClientOptions, RequestHeaders, RequestMethod, RequestParams, RequestMetadata } from '../../utils/request/types';
 export type { MediaStoreErrorReason, MediaStoreErrorAttributes } from './error';
 export { MediaStoreError, isMediaStoreError } from './error';
+export declare const ZipkinHeaderKeys: {
+    traceId: string;
+    spanId: string;
+    parentSpanId: string;
+    sampled: string;
+    flags: string;
+};
 export declare class MediaStore {
     private readonly config;
     readonly featureFlags?: MediaFeatureFlags | undefined;
@@ -29,7 +36,7 @@ export declare class MediaStore {
     private createFileImageURL;
     getFileBinaryURL(id: string, collectionName?: string): Promise<string>;
     getArtifactURL(artifacts: MediaFileArtifacts, artifactName: keyof MediaFileArtifacts, collectionName?: string): Promise<string>;
-    getImage(id: string, params?: MediaStoreGetFileImageParams, controller?: AbortController, fetchMaxRes?: boolean): Promise<Blob>;
+    getImage(id: string, params?: MediaStoreGetFileImageParams, controller?: AbortController, fetchMaxRes?: boolean, traceId?: string): Promise<Blob>;
     getItems(ids: string[], collectionName?: string): Promise<MediaStoreResponse<ItemsPayload>>;
     getImageMetadata(id: string, params?: MediaStoreGetFileImageParams): Promise<{
         metadata: ImageMetadata;

package/dist/types/file-streams-cache.d.ts

@@ -1,9 +1,9 @@
-import { LRUCache } from 'lru-fast';
+import { LRUMap } from 'lru_map';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { FileState } from './models/file-state';
 export declare class StreamsCache<T> {
     private readonly streams;
-    constructor(streams: LRUCache<string, ReplaySubject<T>>);
+    constructor(streams: LRUMap<string, ReplaySubject<T>>);
     has(id: string): boolean;
     set(id: string, stream: ReplaySubject<T>): void;
     get(id: string): ReplaySubject<T> | undefined;

package/dist/types/index.d.ts

@@ -13,7 +13,6 @@ export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttribut
 export { isUploadingFileState, isProcessingFileState, isProcessedFileState, isErrorFileState, isPreviewableFileState, isFinalFileState, isImageRepresentationReady, mapMediaFileToFileState, mapMediaItemToFileState, } from './models/file-state';
 export type { FileStatus, FilePreview, PreviewOptions, GetFileOptions, UploadingFileState, ProcessingFileState, ProcessedFileState, ProcessingFailedState, ErrorFileState, NonErrorFileState, PreviewableFileState, FileState, } from './models/file-state';
 export type { MobileUpload, MobileUploadStartEvent, MobileUploadProgressEvent, MobileUploadEndEvent, MobileUploadErrorEvent, } from './models/mobile-upload';
-export { StreamsCache } from './file-streams-cache';
 export { uploadFile } from './uploader';
 export type { UploadableFile, UploadableFileUpfrontIds, UploadFileCallbacks, UploadFileResult, } from './uploader';
 export { request, RequestError, isRequestError, isRateLimitedError, } from './utils/request';

package/dist/types/utils/getVideoDimensionsFromBlob.d.ts

@@ -1,6 +1,5 @@
-import VideoSnapshot from 'video-snapshot';
-export declare type Dimensions = {
+export interface Dimensions {
     width: number;
     height: number;
-};
-export declare const getVideoDimensionsFromBlob: (blob: Blob, snapshoter?: VideoSnapshot) => Promise<Dimensions>;
+}
+export declare const getVideoDimensionsFromBlob: (blob: Blob) => Promise<Dimensions>;

package/dist/types/utils/mobileUpload/servicesCache.d.ts

@@ -1,4 +1,4 @@
-import { LRUCache } from 'lru-fast';
+import { LRUMap } from 'lru_map';
 import { Interpreter } from 'xstate';
 import { StateMachineContext, StateMachineEvent, StateMachineTypestate } from './stateMachine/types';
-export declare function createServicesCache(): LRUCache<string, Interpreter<StateMachineContext, any, StateMachineEvent, StateMachineTypestate>>;
+export declare function createServicesCache(): LRUMap<string, Interpreter<StateMachineContext, any, StateMachineEvent, StateMachineTypestate>>;

package/dist/types/utils/request/helpers.d.ts

@@ -8,7 +8,7 @@ export declare function isFetchNetworkError(err: any): err is TypeError;
 export declare function isRateLimitedError(error: Error | undefined): boolean;
 export declare function mapAuthToRequestHeaders(auth: Auth): RequestHeaders;
 export declare function createUrl(url: string, { params, auth }: CreateUrlOptions): string;
-export declare function withAuth(auth?: Auth): (headers?: RequestHeaders | undefined) => RequestHeaders | undefined;
+export declare function withAuth(auth?: Auth): (headers?: RequestHeaders | undefined) => Record<string, string> | undefined;
 /**
  * @deprecated Helper is deprecated and will be removed in the next major version.
  * TODO: https://product-fabric.atlassian.net/browse/BMPT-1354

package/dist/types-ts4.0/client/media-client.d.ts

@@ -17,7 +17,7 @@ export declare class MediaClient {
     private mobileUpload?;
     readonly config: MediaClientConfig;
     constructor(mediaClientConfig: MediaClientConfig, featureFlags?: MediaFeatureFlags | undefined);
-    getImage(id: string, params?: MediaStoreGetFileImageParams, controller?: AbortController, fetchMaxRes?: boolean): Promise<Blob>;
+    getImage(id: string, params?: MediaStoreGetFileImageParams, controller?: AbortController, fetchMaxRes?: boolean, traceId?: string): Promise<Blob>;
     getImageUrl(id: string, params?: MediaStoreGetFileImageParams): Promise<string>;
     getImageUrlSync(id: string, params?: MediaStoreGetFileImageParams): string;
     getImageMetadata(id: string, params?: MediaStoreGetFileImageParams): Promise<ImageMetadata>;

package/dist/types-ts4.0/client/media-store/index.d.ts

@@ -5,6 +5,13 @@ import { MediaChunksProbe, MediaCollectionItemFullDetails, MediaCollectionItems,
 import { ClientOptions, RequestHeaders, RequestMethod, RequestParams, RequestMetadata } from '../../utils/request/types';
 export type { MediaStoreErrorReason, MediaStoreErrorAttributes } from './error';
 export { MediaStoreError, isMediaStoreError } from './error';
+export declare const ZipkinHeaderKeys: {
+    traceId: string;
+    spanId: string;
+    parentSpanId: string;
+    sampled: string;
+    flags: string;
+};
 export declare class MediaStore {
     private readonly config;
     readonly featureFlags?: MediaFeatureFlags | undefined;
@@ -29,7 +36,7 @@ export declare class MediaStore {
     private createFileImageURL;
     getFileBinaryURL(id: string, collectionName?: string): Promise<string>;
     getArtifactURL(artifacts: MediaFileArtifacts, artifactName: keyof MediaFileArtifacts, collectionName?: string): Promise<string>;
-    getImage(id: string, params?: MediaStoreGetFileImageParams, controller?: AbortController, fetchMaxRes?: boolean): Promise<Blob>;
+    getImage(id: string, params?: MediaStoreGetFileImageParams, controller?: AbortController, fetchMaxRes?: boolean, traceId?: string): Promise<Blob>;
     getItems(ids: string[], collectionName?: string): Promise<MediaStoreResponse<ItemsPayload>>;
     getImageMetadata(id: string, params?: MediaStoreGetFileImageParams): Promise<{
         metadata: ImageMetadata;

package/dist/types-ts4.0/file-streams-cache.d.ts

@@ -1,9 +1,9 @@
-import { LRUCache } from 'lru-fast';
+import { LRUMap } from 'lru_map';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { FileState } from './models/file-state';
 export declare class StreamsCache<T> {
     private readonly streams;
-    constructor(streams: LRUCache<string, ReplaySubject<T>>);
+    constructor(streams: LRUMap<string, ReplaySubject<T>>);
     has(id: string): boolean;
     set(id: string, stream: ReplaySubject<T>): void;
     get(id: string): ReplaySubject<T> | undefined;

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

@@ -13,7 +13,6 @@ export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttribut
 export { isUploadingFileState, isProcessingFileState, isProcessedFileState, isErrorFileState, isPreviewableFileState, isFinalFileState, isImageRepresentationReady, mapMediaFileToFileState, mapMediaItemToFileState, } from './models/file-state';
 export type { FileStatus, FilePreview, PreviewOptions, GetFileOptions, UploadingFileState, ProcessingFileState, ProcessedFileState, ProcessingFailedState, ErrorFileState, NonErrorFileState, PreviewableFileState, FileState, } from './models/file-state';
 export type { MobileUpload, MobileUploadStartEvent, MobileUploadProgressEvent, MobileUploadEndEvent, MobileUploadErrorEvent, } from './models/mobile-upload';
-export { StreamsCache } from './file-streams-cache';
 export { uploadFile } from './uploader';
 export type { UploadableFile, UploadableFileUpfrontIds, UploadFileCallbacks, UploadFileResult, } from './uploader';
 export { request, RequestError, isRequestError, isRateLimitedError, } from './utils/request';

package/dist/types-ts4.0/utils/getVideoDimensionsFromBlob.d.ts

@@ -1,6 +1,5 @@
-import VideoSnapshot from 'video-snapshot';
-export declare type Dimensions = {
+export interface Dimensions {
     width: number;
     height: number;
-};
-export declare const getVideoDimensionsFromBlob: (blob: Blob, snapshoter?: VideoSnapshot) => Promise<Dimensions>;
+}
+export declare const getVideoDimensionsFromBlob: (blob: Blob) => Promise<Dimensions>;

package/dist/types-ts4.0/utils/mobileUpload/servicesCache.d.ts

@@ -1,4 +1,4 @@
-import { LRUCache } from 'lru-fast';
+import { LRUMap } from 'lru_map';
 import { Interpreter } from 'xstate';
 import { StateMachineContext, StateMachineEvent, StateMachineTypestate } from './stateMachine/types';
-export declare function createServicesCache(): LRUCache<string, Interpreter<StateMachineContext, any, StateMachineEvent, StateMachineTypestate>>;
+export declare function createServicesCache(): LRUMap<string, Interpreter<StateMachineContext, any, StateMachineEvent, StateMachineTypestate>>;

package/dist/types-ts4.0/utils/request/helpers.d.ts

@@ -8,7 +8,7 @@ export declare function isFetchNetworkError(err: any): err is TypeError;
 export declare function isRateLimitedError(error: Error | undefined): boolean;
 export declare function mapAuthToRequestHeaders(auth: Auth): RequestHeaders;
 export declare function createUrl(url: string, { params, auth }: CreateUrlOptions): string;
-export declare function withAuth(auth?: Auth): (headers?: RequestHeaders | undefined) => RequestHeaders | undefined;
+export declare function withAuth(auth?: Auth): (headers?: RequestHeaders | undefined) => Record<string, string> | undefined;
 /**
  * @deprecated Helper is deprecated and will be removed in the next major version.
  * TODO: https://product-fabric.atlassian.net/browse/BMPT-1354

package/example-helpers/styles.ts

@@ -1,3 +1,4 @@
+import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { FileStatus } from '../src';
 
@@ -29,11 +30,11 @@ export interface FilesWrapperProps {
 }
 
 const statusColorMap: { [key in FileStatus]: string } = {
-  uploading: 'cornflowerblue',
-  processing: 'peachpuff',
-  processed: 'darkseagreen',
-  error: 'indianred',
-  'failed-processing': 'indianred',
+  uploading: token('color.background.accent.blue.subtle', 'cornflowerblue'),
+  processing: token('color.background.accent.orange.subtler', 'peachpuff'),
+  processed: token('color.background.accent.green.subtle', 'darkseagreen'),
+  error: token('color.background.accent.red.subtle', 'indianred'),
+  'failed-processing': token('color.background.accent.red.subtle', 'indianred'),
 };
 
 export const fileWrapperStyles = (status: FileStatus) => css`
@@ -47,11 +48,11 @@ export const fileWrapperStyles = (status: FileStatus) => css`
 export const cardsWrapperStyles = css`
   width: 900px;
   padding: 10px;
-  border-right: 1px solid #ccc;
+  border-right: 1px solid ${token('color.border', '#ccc')};
 
   h1 {
     text-align: center;
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid ${token('color.border', '#ccc')};
   }
 
   > div {
@@ -68,7 +69,7 @@ export const headerStyles = css`
 `;
 
 export const fileStateWrapperStyles = css`
-  border: 1px solid;
+  border: 1px solid ${token('color.border', '#ccc')};
   margin: 10px;
   padding: 10px;
   width: 500px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-client",
-  "version": "17.1.3",
+  "version": "18.1.0",
   "description": "Media API Web Client Library",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
@@ -35,32 +36,32 @@
   },
   "dependencies": {
     "@atlaskit/chunkinator": "^4.1.0",
-    "@atlaskit/media-common": "^2.16.0",
+    "@atlaskit/media-common": "^2.17.0",
     "@babel/runtime": "^7.0.0",
     "dataloader": "^2.0.0",
     "deep-equal": "^1.0.1",
     "eventemitter2": "^4.1.0",
-    "lru-fast": "^0.2.2",
+    "lru_map": "^0.4.1",
     "rusha": "^0.8.13",
     "rxjs": "^5.5.0",
     "setimmediate": "^1.0.5",
     "uuid": "^3.1.0",
     "uuid-validate": "^0.0.3",
-    "video-snapshot": "^1.0.11",
     "xstate": "^4.20.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^33.0.3",
+    "@atlaskit/media-core": "^34.0.0",
     "@emotion/react": "^11.7.1",
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/media-card": "^74.1.0",
-    "@atlaskit/media-core": "^33.0.0",
+    "@atlaskit/media-card": "^74.2.0",
+    "@atlaskit/media-core": "^34.0.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/ssr": "*",
+    "@atlaskit/tokens": "^0.10.20",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/react": "^11.7.1",
     "@types/deep-equal": "^1.0.1",
@@ -71,14 +72,15 @@
     "react-dom": "^16.8.0",
     "typescript": "4.5.5"
   },
-  "resolutions": {
-    "lru-fast": "0.2.2"
-  },
+  "resolutions": {},
   "techstack": {
     "@atlassian/frontend": {
       "circular-dependencies": [
         "file-level"
       ]
+    },
+    "@repo/internal": {
+      "theming": "tokens"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"