Wat is het JSX-bestandsformaat?
Een .jsx-bestand in het Adobe-ecosysteem is een ExtendScript-automatiseringsscript - een op JavaScript gebaseerd programma voor het aansturen van Adobe Creative Cloud-applicaties zoals Photoshop, Illustrator, InDesign en After Effects. ExtendScript is gebaseerd op ECMAScript 3 (niet het moderne ES6+) en breidt dit uit met een Adobe-specifiek DOM (objecten zoals app, document, layer) plus hulpklassen zoals File, Folder en ScriptUI voor het bouwen van eenvoudige dialoogvensters.
Scripts beginnen doorgaans met een #target-richtlijn (bijv. #target photoshop) die de ExtendScript-engine vertelt welke applicatie moet worden aangesproken. Veelvoorkomende taken zijn het batchgewijs exporteren van bestanden, het wijzigen van de grootte van lagen, het genereren van PDF's uit sjablonen en het automatiseren van repetitieve productieworkflows.
De .jsx-extensie wordt ook gebruikt door React voor JSX (JavaScript XML) bronbestanden - een volledig andere context. Bij het tegenkomen van een .jsx-bestand bepaalt het omringende project (een Adobe-scriptmap versus een webontwikkelingsproject) de betekenis.
De gecompileerde, geobfuceerde vorm van een ExtendScript-bestand is .jsxbin, die de broncode verbergt terwijl deze uitvoerbaar blijft door de Adobe-engine. Scripts kunnen worden uitgevoerd vanuit het menu Scripts van een applicatie, via de VS Code ExtendScript Debugger-extensie, of via BridgeTalk voor communicatie tussen applicaties.
Adobe vervangt ExtendScript geleidelijk door UXP (Unified Extensibility Platform) met moderne JavaScript-engines, hoewel ExtendScript ondersteund blijft in de meeste huidige Creative Cloud-applicaties.
Beveiliging & veiligheid
RISICO: MEDIUMEen .jsx is uitvoerbare code. ExtendScript kan bestanden op de schijf lezen, schrijven en verwijderen (via de File/Folder-objecten) en de host-app automatiseren, dus het uitvoeren van een .jsx uit een niet-vertrouwde bron kan schadelijk zijn. Inspecteer het script eerst in een tekstverwerker, wees op uw hoede voor bestandssysteem- of netwerkbewerkingen en schakel „Scripts toestaan om bestanden te schrijven en toegang te krijgen tot het netwerk” alleen in voor scripts die u vertrouwt. React .jsx-broncode is ook gewoon code - dezelfde voorzichtigheid is geboden voordat u er build-tools op uitvoert.
Formaatdetails
in een notendop- React JSX (JavaScript XML) - Bronbestanden voor React-componenten die JavaScript mengen met XML-achtige markup; getranspileerd door Babel, niet gerelateerd aan Adobe.
- Generieke JavaScript met JSX-syntaxis - Elk JS-toolchain-bestand dat JSX-syntaxis gebruikt (Preact, Solid, enz.); een bronbestand voor ontwikkelaars, geen Adobe-script.
Programma's die JSX-bestanden openen
Windows4 apps
Adobe After Effects
Betaald Bestand > Scripts > Scriptbestand uitvoeren…, kies de .jsx (schakel „Scripts toestaan om bestanden te schrijven” in voor volledige toegang). 
Adobe Photoshop / Illustrator / InDesign
Betaald Bestand > Scripts > Bladeren… en selecteer de .jsx om deze in die app uit te voeren.
Visual Studio Code (+ ExtendScript Debugger)
Open-source Openen om het script te lezen/bewerken; installeer de Adobe ExtendScript Debugger-extensie om uit te voeren/debuggen.
Sublime Text / Notepad++
Freemium Openen om de broncode van het script te bekijken en te bewerken (het is platte tekst). 
macOS2 apps
Adobe After Effects / Creative Cloud apps
Betaald Bestand > Scripts > Scriptbestand uitvoeren… om de .jsx in de host-app uit te voeren.
Visual Studio Code (+ ExtendScript Debugger)
Open-source Openen om het script te lezen/bewerken; installeer de Adobe ExtendScript Debugger-extensie om uit te voeren/debuggen. Technische details
diepe specificaties| Codering | Tekst, UTF-8 (BOM-bewust); legacy-bestanden kunnen ASCII of Latin-1 gebruiken |
| Container | Platte tekst |
| Versleuteling | Geen (gecompileerde/geobfuceerde variant is .jsxbin) |
| Typische grootte | 1 KB - een paar honderd KB |
| Scripttaal | ECMAScript 3 met Adobe DOM-extensies (app, document, layer objecten) en ScriptUI voor het bouwen van dialoogvensters |
| Target-richtlijn | Optionele #target <appname> of //@target preprocessor-regel stuurt het script naar de juiste Adobe-applicatie |
| Gecompileerde vorm | .jsxbin - gecodeerde/beveiligde binaire vorm die broncode verbergt terwijl deze uitvoerbaar blijft door de Adobe-engine |
| Bijbehorend OS | Windows, macOS |
| Runtime | Adobe ExtendScript-engine ingebed in Creative Cloud-apps; gedebugd via VS Code ExtendScript Debugger-extensie |
| Vervangen door | Adobe UXP (Unified Extensibility Platform) met moderne JavaScript-engines in nieuwere Creative Cloud-apps |
| Naamconflict | .jsx wordt ook gebruikt voor React JSX (JavaScript XML) bronbestanden - een volledig afzonderlijk formaat zonder relatie met Adobe |
| Uitgebracht | Early 2000s (Adobe Creative Suite scripting; ExtendScript based on ECMAScript 3) |
| Laatste versie | ExtendScript (ECMAScript 3-based) with the ExtendScript Toolkit/VS Code debugger; modern UXP is its successor |
| Open standaard | Ja · royaltyvrij |
| Specificatie | extendscript.docsforadobe.dev |
JSX conversies
Community V&A
gevraagd door gebruikersNog geen vragen - wees de eerste om iets te vragen over JSX-bestanden.
