{"id":26341021,"url":"https://github.com/frontify/frontify-aem-connector","last_synced_at":"2025-10-18T10:11:18.339Z","repository":{"id":42664877,"uuid":"307435816","full_name":"Frontify/frontify-aem-connector","owner":"Frontify","description":"Frontify Adobe Experience Manager","archived":false,"fork":false,"pushed_at":"2023-02-27T14:59:32.000Z","size":481,"stargazers_count":5,"open_issues_count":6,"forks_count":4,"subscribers_count":36,"default_branch":"master","last_synced_at":"2023-12-14T05:25:18.258Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Frontify.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-26T16:28:20.000Z","updated_at":"2023-02-07T07:38:07.000Z","dependencies_parsed_at":"2023-02-18T08:00:42.786Z","dependency_job_id":null,"html_url":"https://github.com/Frontify/frontify-aem-connector","commit_stats":null,"previous_names":[],"tags_count":12,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ffrontify-aem-connector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ffrontify-aem-connector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ffrontify-aem-connector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ffrontify-aem-connector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Frontify","download_url":"https://codeload.github.com/Frontify/frontify-aem-connector/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243826825,"owners_count":20354220,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-16T04:28:31.744Z","updated_at":"2025-10-18T10:11:18.257Z","avatar_url":"https://github.com/Frontify.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontify AEM Connector\n\n[![Maven Central](https://maven-badges.herokuapp.com/maven-central/io.github.frontify/frontify-aem-connector.all/badge.svg)](https://maven-badges.herokuapp.com/maven-central/io.github.frontify/frontify-aem-connector.all)\n\n## Purpose\n\nThe Frontify AEM Connector allows to deliver meaningful experiences with digital assets originating from Frontify DAM in Adobe Experience Manager (AEM). The content author searches Frontify image assets directly from AEM pages. Integrated assets are delivered as part of AEM pages and are linked to the Frontify CDN.\n\n## Connector Parts\n\nThe Frontify AEM Connector delivers the following parts:\n\n* Cloud Configuration to configure Frontify endpoints in AEM\n* Frontify Content Finder Tab\n* Frontify API\n* Example AEM component to be used directly or to be used as parent or as example for own custom components to use Frontify assets (i.e. a carousel)\n\n## Pre-Requisites\n\nFor the Frontify AEM Connector to properly work, the following pre-requisites are required\n\n1. Adobe Experience Manager 6.5 with installed ServicePack 14 or above. Use latest version https://search.maven.org/remotecontent?filepath=io/github/frontify/frontify-aem-connector.all\n1. AEM Connector to be installed on AEM\n1. Valid Frontify DAM account\n\nThe Frontify AEM Connector is tested in the following web browsers for content authoring in Adobe AEM:\n\n* Google Chrome (Evergreen)\n* Microsoft Edge (Evergreen)\n* Mozilla Firefox (Evergreen)\n\n## AEM Modules\n\nThe main parts of the project are:\n\n* core: Java bundle containing all core functionality like OSGi services, listeners or schedulers, as well as component-related Java code such as servlets or request filters.\n* ui.apps: contains the /apps (and /etc) parts of the project, ie JS\u0026CSS clientlibs, components, templates, runmode specific configs as well as Hobbes-tests\n* ui.content: contains sample content using the components from the ui.apps\n* ui.frontend: an optional dedicated front-end build mechanism (Angular, React or general Webpack project)\n\n### How to build\n\nTo build all the modules run in the project root directory the following command with Maven 3:\n\n    mvn clean install\n\nIf you have a running AEM instance you can build and package the whole project and deploy into AEM with\n\n    mvn clean install -PautoInstallPackage\n\nOr to deploy it to a publish instance, run\n\n    mvn clean install -PautoInstallPackagePublish\n\nOr alternatively\n\n    mvn clean install -PautoInstallPackage -Daem.port=4503\n\nOr to deploy only the bundle to the author, run\n\n    mvn clean install -PautoInstallBundle\n\n### ClientLibs\n\nThe frontend module is made available using an [AEM ClientLib](https://helpx.adobe.com/experience-manager/6-5/sites/developing/using/clientlibs.html). When executing the NPM build script, the app is built and the [`aem-clientlib-generator`](https://github.com/wcm-io-frontend/aem-clientlib-generator) package takes the resulting build output and transforms it into such a ClientLib.\n\nA ClientLib will consist of the following files and directories:\n\n* `css/`: CSS files which can be requested in the HTML\n* `css.txt` (tells AEM the order and names of files in `css/` so they can be merged)\n* `js/`: JavaScript files which can be requested in the HTML\n* `js.txt` (tells AEM the order and names of files in `js/` so they can be merged\n\n### Image in Multifield support\n\nInstruction on how enable drag and drop images from Frontify image panel to a multified dialog:\n\nIn your custom component dialog use the resource type frontify-aem-connector/components/fileupload\n\nExample:\n\n                                                \u003cimages\n                                                jcr:primaryType=\"nt:unstructured\"\n                                                sling:resourceType=\"granite/ui/components/coral/foundation/form/multifield\"\n                                                composite=\"{Boolean}true\"\n                                                deleteHint=\"{Boolean}false\"\u003e\n                                                \u003cfield\n                                                    jcr:primaryType=\"nt:unstructured\"\n                                                    sling:resourceType=\"granite/ui/components/coral/foundation/container\"\n                                                    name=\"./images\"\u003e\n                                                    \u003citems jcr:primaryType=\"nt:unstructured\"\u003e\n                                                        \u003cfile\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            sling:resourceType=\"frontify-aem-connector/components/fileupload\"\n                                                            allowUpload=\"false\"\n                                                            autoStart=\"{Boolean}false\"\n                                                            class=\"cq-droptarget\"\n                                                            fileNameParameter=\"./fileName\"\n                                                            fileReferenceParameter=\"./fileReference\"\n                                                            multiple=\"{Boolean}false\"\n                                                            name=\"./file\"\n                                                            title=\"Upload Image Asset\"\n                                                            uploadUrl=\"${suffix.path}\"\n                                                            useHTML5=\"{Boolean}true\"/\u003e\n                                                    \u003c/items\u003e\n                                                \u003c/field\u003e\n                                            \u003c/images\u003e\n\nThe properties will be automatically fetch from Frontify:\n- title\n- focalPoint\n- alt\n\nNote: It also supports the standard image from AEM.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontify%2Ffrontify-aem-connector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrontify%2Ffrontify-aem-connector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontify%2Ffrontify-aem-connector/lists"}