generator-gizmo v0.1.0
generator-gizmo
Yeoman generator for Adobe Photoshop Extensions
About
Adobe's extension technology is incredibly powerful, allowing developers to push their tools beyond what Adobe natively provides. However, the toolsets surrounding this technology is currently limited. Extension Builder 3 and Builder for Brackets are both good starting points for developers, but they both suffer the same issue - being tied to a particular IDE and providing little help building your project and automating common tasks. Gizmo is an attempt to recitify this and bring modern web development standards to extension building.
Quick Start
Install generator-gizmo:
npm install -g generator-gizmoRun
- Be sure you are in your extension directory.
- Windows: C:\Program Files (x86)\Common Files\Adobe\CEP\extensions
- Mac: /Library/Application Support/Adobe/CEP/extensions
Create a new directory, and go to it:
mkdir my_extension && cd $_Run yo gizmo, and follow the prompts:
yo gizmoUsage
More information in the usage documentation page
Features
- Webpack - Your front-end source files will be bundled for deployment.
- Multiple JSX - Gizmo preconfigures your extension to load all extendscript files in your /jsx/ directory. No additional code needed.
- Polyfills - Gizmo provides polyfills for several key ECMA 5 features.
- SASS - No additional configuration needed to get SASS in your extension.
- Bower and NPM - Manage your dependencies properly with Bower and NPM.
- JSHint - Debug your extension with the power of JSHint.
- Compilation - Gizmo takes the hassle out of compiling your ZXP file and reduces it to a single command.
Roadmap
- Add support for additional Adobe tools (AI, AE, etc)
- JSDoc integration
- Optional scaffolding for popular frameworks (Angular, Backbone, etc)
Other Resources and Special Thanks
Thanks to the following people and groups for their contributions to the extension ecosystem. Gizmo is built on top of what they have shared and created.