diff --git a/src/pages/services/aem-universal-editor/api/commons/index.md b/src/pages/services/aem-universal-editor/api/commons/index.md index e70b5a99..3323fdc1 100644 --- a/src/pages/services/aem-universal-editor/api/commons/index.md +++ b/src/pages/services/aem-universal-editor/api/commons/index.md @@ -9,6 +9,28 @@ contributors: Understand the fundamentals required to develop an extension for the Universal Editor. +## Extension Point + +Universal editor has an `universal-editor/ui/1` [extension point](https://developer.adobe.com/app-builder/docs/guides/extensions/) that allows you to extend its functionality. +To declare it to be used by your extension, you need to add the following configuration to your `app.config.yaml` at the +root of your extension: + +```yaml +extensions: + universal-editor/ui/1: + $include: src/universal-editor-ui-1/ext.config.yaml +``` +Here is an example of `ext.config.yaml` file: + +```yaml +operations: + view: + - type: web + impl: index.html +actions: actions +web: web-src +``` + ## Extension Registration Interaction between UI Extension and Universal Editor starts with the initialization process that includes extension's diff --git a/src/pages/services/aem-universal-editor/api/item-types-renderers/index.md b/src/pages/services/aem-universal-editor/api/item-types-renderers/index.md index bb84ee4b..3178f46c 100644 --- a/src/pages/services/aem-universal-editor/api/item-types-renderers/index.md +++ b/src/pages/services/aem-universal-editor/api/item-types-renderers/index.md @@ -86,7 +86,7 @@ export default App ```js export default () => { - const [isLoaded, setIsLoaded] = useState(true); + const [isLoading, setIsLoading] = useState(true); const [connection, setConnection] = useState(); const [model, setModel] = useState(); const [value, setValue] = useState(); @@ -112,7 +112,7 @@ export default () => { setError(await connection.host.field.getError()); // get field validation state setValidationState(await connection.host.field.getValidationState()); - setIsLoaded(false); + setIsLoading(false); }; init().catch((e) => console.log("Extension got the error during initialization:", e) @@ -126,7 +126,7 @@ export default () => { return ( - {!isLoaded ? ( + {!isLoading ? ( <> Content generated by the extension Renderer#{rendererId}