How to specify a custom Media Client in Atlaskit especially @atlaskit/editor-core

[Fabio Moretti]

I'm trying to use @atlaskit/editor-core in a project and want to specify my own Fileserver/MediaClient. But apparently this is very hard to accomplish since I can only set the Auth Provider and not the Media Provider in the Editor.

Atlasskit does provide a function, where I could mock the client and instead of really mocking I could inject my own client this way... but is this really the best option?

Since the documentation on @atlaskit/editor-core is fairly basic, I do not know where else to look...

Findings so far: with the following line the mocking can be enabled.

import { mediaMock } from '@atlaskit/media-test-helpers'
mediaMock.enable()

Minimal Example:

import React from 'react';
import { MediaProvider } from '@atlaskit/editor-common';
import { Editor } from '@atlaskit/editor-core';
import { MediaClientConfig } from '@atlaskit/media-core';
import { mediaMock, mediaPickerAuthProvider } from '@atlaskit/media-test-helpers';

mediaMock.enable();


// Crreating basic MediaProvider
const collection = 'sample-collection';
const mediaClientConfig: MediaClientConfig = {
  authProvider: mediaPickerAuthProvider(),
};

const mediaProvider = Promise.resolve<MediaProvider>({
  uploadParams: { collection },
  viewMediaClientConfig: mediaClientConfig,
  uploadMediaClientConfig: mediaClientConfig,
});

export const EditorMinimal = () => {
  return (
    <Editor
      appearance="full-page"
      media={{
        provider: mediaProvider,
        allowResizing: true,
        allowMediaSingle: true,
        useMediaPickerPopup: false,
        allowDropzoneDropLine: true,
        isCopyPasteEnabled: true,
      }}
    />
  );
};

Any link, direction, advise or starting point will be appreciated!!

[Fabio Moretti · Accepted solution]

Got it working by rewriting parts of the media client

[Fabio Moretti]

Solution: https://community.developer.atlassian.com/t/atlaskit-editor-core-custom-file-endpoint-file-upload-service/45558

Very hacky but it works

[Darshak Patel]

Hii, @Fabio Moretti  have you find any solution which works with legacyUploadImage?

Thanks

[Fabio Moretti]

Partially answered in https://community.developer.atlassian.com/t/atlaskit-editor-core-custom-file-endpoint-file-upload-service/45558

[Carlos Sandoval]

Let us know if you find the solution with the legacyUploadImage, thanks you.