Cep Svelte Starter

Overview:

Svelte Starter is a simple starter for Svelte in Adobe CEP (Common Extensibility Platform) using Webpack. It includes various features such as bundling Extendscript, Javascript, and Svelte code, generating manifest.xml and .debug files automatically, supporting multiple extensions in the extension bundle, including Adobe’s Spectrum CSS, and more. It also provides instructions for installation and troubleshooting.

Features:

• Bundles Extendscript, Javascript, and Svelte code
• Automatically generates manifest.xml and .debug files
• Supports multiple extensions in the extension bundle
• Allows separate Extendscript files for each Adobe CC app
• Includes Adobe’s Spectrum CSS
• Symlinks the panel to the extensions folder
• Sets the CSXS debug flags
• Watches files for changes
• Does HMR (Hot Module Replacement)
• Extracts CSS from Svelte components to a single CSS file

Installation:

To install the Svelte Starter theme, follow these steps:

1. Clone the starter with Degit. This clones the repo without the whole Git history.

npx degit username/repo

2. Install dependencies.

npm install

3. Start the development environment.

npm start

4. Open your favorite Adobe CC app.
5. Find the extension under Window > Extensions and start developing.

Note: On Windows, you may need to modify some settings as mentioned in the troubleshooting section.

Summary:

Svelte Starter is a convenient and easy-to-use starter for Svelte in Adobe CEP. It offers various features such as bundling different types of code, generating essential files, supporting multiple extensions, and more. The installation process is straightforward, and there is also a troubleshooting section provided for some potential issues. Overall, it provides a solid foundation for developing Svelte applications within Adobe CEP using Webpack.