MC-2294: Architectural Review for MC-2294

- Upaded docs

Author: nathanjosiah

app/code/Magento/PageBuilder/docs/image-uploader.md

@@ -107,10 +107,12 @@ Use `additional_data` in your `<YourModule>/view/base/pagebuilder/content_type/<
 
 To update the `<YourModule>/view/adminhtml/web/js/content-type/<content_type_name>/preview.js` file:
 
-1. Add the uploader component, 'Magento_PageBuilder/js/content-type/uploader', dependency:
+1. Import the `Magento_PageBuilder/js/content-type/uploader` component as dependency.
+
+For example:
 
 ``` js
-import Uploader from "../uploader";
+define(['Magento_PageBuilder/js/content-type/uploader'], function (Uploader) {
 ```
 
 **Constructor arguments**
@@ -125,6 +127,21 @@ import Uploader from "../uploader";
 | `onChangeCallback` | Function  | A callback that will be called when an image is selected.                           | false    | The image will be saved to the provided `dataStore` using `uploaderConfig.dataScope` as the key.        |
 | `onDeleteCallback` | Function  | A callback that will be called when the current used image is deleted from storage. | false    | The image will be removed from to the provided `dataStore` using `uploaderConfig.dataScope` as the key. |
 
+An example extracted from the image content type:
+
+```js
+var dataStore = this.parent.dataStore.get();
+var initialImageValue = dataStore[this.config.additional_data.uploaderConfig.dataScope] || "";
+
+this.uploader = new Uploader(
+    'imageuploader_' + this.parent.id,
+    this.config.additional_data.uploaderConfig,
+    this.parent.id,
+    this.parent.dataStore,
+    initialImageValue,
+);
+```
+
 2. Add configuration for the uploader in the `<content-type-name>.xml` file to initialize the uploader.
 
 3. Register the listener to specify when the image is loaded from the uploader UI component: