dragonflight/services/premiere-plugin/QUICK_START.md
Zac Gaetano f874009329 feat(premiere-plugin): ZXP + Windows installer build pipeline
Replaces the manual robocopy / install-windows.ps1 flow with two real
distributable artifacts:

  - dragonflight-premiere-panel-<version>.zxp          (Mac + Win)
  - dragonflight-premiere-panel-<version>-windows-setup.exe (Win)

The Windows installer copies the bundle to %APPDATA%\Adobe\CEP\extensions,
sets PlayerDebugMode=1 for CSXS 8..13, registers an uninstaller, and
offers to remove any legacy com.wilddragon.mam.panel folder so editors
don't end up with duplicate panels.

The .zxp is signed with a self-signed cert generated on first build and
committed to build/cert/ so signature continuity is preserved across
builds (Adobe rejects ZXP upgrades with a different cert fingerprint).

Also migrates the CEP bundle ID from com.wilddragon.mam.panel to
net.wilddragon.dragonflight.panel to match the wild-dragon -> dragonflight
repo rename. Manifest, .debug, CSInterface.js, install docs, and the
growing-files quickstart all updated.

build/ is normally swept by the root .gitignore; added an explicit
negation so the packaging pipeline stays tracked.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-23 16:13:20 -04:00

5 KiB

Wild Dragon MAM - Premiere Pro Panel Quick Start

Installation (1 minute)

Grab the installer from https://forge.wilddragon.net/zgaetano/dragonflight/releases.

Windows

1. Download dragonflight-premiere-panel-<version>-windows-setup.exe
2. Double-click it. Next -> Finish.
3. Restart Premiere Pro.

The installer copies the bundle to %APPDATA%\Adobe\CEP\extensions\, sets PlayerDebugMode=1 for CSXS 8..13, and offers to remove any legacy com.wilddragon.mam.panel install.

macOS

1. Download dragonflight-premiere-panel-<version>.zxp
2. Open it with Anastasiy's ZXP Installer (https://install.anastasiy.com/)
3. Run once in Terminal:
   defaults write com.adobe.CSXS.11 PlayerDebugMode 1
4. Restart Premiere Pro.

Building from source

cd services/premiere-plugin/build
npm install
pwsh -File build-all.ps1

See build/README.md.

Access the Panel

Window > Extensions > Wild Dragon MAM

First Time Setup

  1. Enter server URL (default: http://localhost:7434)
  2. Click "Connect"
  3. Green indicator appears when connected
  4. Assets load automatically

Basic Workflow

Connect → Browse → Search → Select → Import

Connect

  • Enter MAM server URL
  • Click Connect button
  • Wait for green status indicator

Browse

  • Scroll through asset thumbnails
  • Click any asset to see details
  • Type in search box
  • Results update automatically
  • Filter by project using dropdown

Select

  • Click an asset thumbnail
  • Details panel shows metadata
  • Asset is highlighted with accent border

Import

  • Click "Import" to download and import selected asset
  • Click "Import All" to import all visible assets
  • Progress bar shows download status
  • Success message appears when complete

Features at a Glance

Feature Location Action
Server Connection Top bar Enter URL + Click Connect
Search Assets Search box Type search term
Filter by Project Dropdown Select from list
View Details Details panel Click any asset
Import Single Import button Select asset + Click Import
Import Multiple Import All button Click Import All
View Progress Progress bar Watch while importing

File Locations

services/premiere-plugin/
├── CSXS/manifest.xml          Extension config
├── index.html                 Main panel UI
├── css/styles.css             Dark theme styles
├── js/
│   ├── CSInterface.js         Adobe interface
│   └── main.js                Panel logic
├── jsx/
│   └── premiere.jsx           Premiere integration
├── build/                     Installer build pipeline (.zxp + .exe)
├── README.md                  Full docs
└── QUICK_START.md             This file

Troubleshooting

Panel doesn't show:

  • Is PlayerDebugMode set to 1? Restart Premiere Pro.
  • Is the folder in the right location? Check the path above.
  • Is Premiere Pro version 22.0 or later? Check Help > About.

Can't connect to server:

Assets not loading:

  • Click Connect again to refresh.
  • Check the search box is empty.
  • Try a different project filter.

Import fails:

  • Are proxy files available on the server?
  • Is there disk space for downloads?
  • Check Premiere Pro's Event Monitor for errors.

Tips & Tricks

  • Server URL is saved to local storage (persists across sessions)
  • Thumbnail previews load lazily for performance
  • Search updates with 300ms debounce (wait while typing)
  • Double-click a card does nothing (use single click instead)
  • Progress bar shows download + import progress
  • Click red X to dismiss error messages

API Endpoints Expected

The MAM server should provide:

GET  /api/health              ← Server health check
GET  /api/projects            ← List of projects
GET  /api/assets              ← List assets (paginated)
POST /api/assets/{id}/download ← Signed S3 URL

See README.md for full API specification.

ExtendScript Functions Available

The panel can call these Premiere Pro functions:

// Import file into project
importFileToProject(filePath)

// Get current sequence
getActiveSequence()

// Insert into timeline
insertClipToSequence(filePath, trackIndex)

// Get project info
getProjectPath()
getProjectInfo()
getSequenceTracks()

See jsx/premiere.jsx for details.

Color Scheme (Dark Theme)

Primary Background:     #0f0f1e (very dark blue)
Secondary Background:   #1a1a2e (dark blue)
Accent Color:          #e94560 (bright red/pink)
Text Primary:          #ffffff (white)
Text Secondary:        #b0b0c0 (light gray)
Success:               #00d084 (green)
Error:                 #ff4444 (red)

Support

See README.md for:

  • Complete installation guide
  • Full feature documentation
  • API reference
  • ExtendScript function reference
  • Performance optimization notes
  • Security considerations

Version 1.0.0 | April 2026