An Adobe CEP plugin for searching Pexels photos and
importing them directly into an InDesign document.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Developing in this mode is best for UI updates and adding new functionality that is not dependent upon interactions with the Adobe InDesign application. For those changes you will need to set up your local environment for Adobe CEP plugin development.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
All of the configuration and code files required to compile and/or run the Adobe CEP plugin are also copied into the build
directory. See more below on running within Adobe InDesign.
There are only a few steps required to run in the plugin locally within Adobe InDesign. You will need to do this to test downloading images as well as any changes involving interactions with InDesign.
If you have previously installed the Pexels plugin from Adobe Exchange you will need to uninstall it first. It can easily be re-enabled when you are done developing.
In a following step you will create a symlink to the build
directory from the Adobe CEP extensions
directory. To do so npm run build
first.
Follow the instructions on the CEP Extensions Cookbook for "Debugging Unsigned Extensions".
This configuration allows the plugin to run without the normal security checks Adobe enforces so you can point directly to the built code.
Next, create the link in the CEP extensions
folder to your Git directory's build
folder. The CEP Extenstions Cookbook section on "Extension Folders" has details as to where the extensions
folder resides on your envoronment.