Update scripts to specify scriptName

examples/assets/scripts/annotation.mjs

@@ -25,6 +25,8 @@ import {
  * - An annotation panel that shows title and description text.
  */
 export class Annotation extends Script {
+    static scriptName = 'annotation';
+
     /** @type {HTMLDivElement | null} */
     static _activeTooltip = null;
 

examples/assets/scripts/camera-feed.mjs

@@ -7,6 +7,8 @@ import { Script } from 'playcanvas';
  * It then streams the camera's video to the video element and plays it.
  */
 export class CameraFeed extends Script {
+    static scriptName = 'cameraFeed';
+
     /**
      * Whether to flip the video stream horizontally to behave like a mirror.
      *

examples/assets/scripts/choose-color.mjs

@@ -1,6 +1,8 @@
 import { math, Script, Color } from 'playcanvas';
 
 export class ChooseColor extends Script {
+    static scriptName = 'chooseColor';
+
     // Define available colors as a static property
     static PAINT_OPTIONS = [
         { name: 'Guards Red', color: new Color(0.902, 0.004, 0.086), metallic: false },

examples/assets/scripts/face-detection.mjs

@@ -2,6 +2,8 @@ import { FaceLandmarker, FilesetResolver } from '@mediapipe/tasks-vision';
 import { Mat4, Script } from 'playcanvas';
 
 export class FaceDetection extends Script {
+    static scriptName = 'faceDetection';
+
     /**
      * @type {FaceLandmarker}
      * @private

examples/assets/scripts/falling-blocks.mjs

@@ -2,6 +2,8 @@ import { Script, Entity, KEY_LEFT, KEY_RIGHT, KEY_UP, KEY_DOWN, KEY_SPACE, KEY_P
 
 // Falling Blocks Game Controller
 export class FallingBlocksGame extends Script {
+    static scriptName = 'fallingBlocksGame';
+
     // Attributes
     boardWidth = 10;
 

examples/assets/scripts/follow-pointer.mjs

@@ -5,6 +5,8 @@ import { Script } from 'playcanvas';
  */
 
 export class FollowPointer extends Script {
+    static scriptName = 'followPointer';
+
     initialize() {
         const canvas = this.app.graphicsDevice.canvas;
         canvas.addEventListener('pointermove', (event) => {

examples/assets/scripts/gravity.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class Gravity extends Script {
+    static scriptName = 'gravity';
+
     update(dt) {
         const { x, y, z } = this.entity.getPosition();
         this.entity.rigidbody.applyForce(-x, -y, -z);

examples/assets/scripts/hand-gestures.mjs

@@ -2,6 +2,8 @@ import { HandLandmarker, GestureRecognizer, FilesetResolver } from '@mediapipe/t
 import { Script, Vec3 } from 'playcanvas';
 
 export class HandGestureController extends Script {
+    static scriptName = 'handGestureController';
+
     /**
      * Maximum number of hands to detect
      * @type {number}

examples/assets/scripts/morph-update.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class MorphUpdate extends Script {
+    static scriptName = 'morphUpdate';
+
     initialize() {
         this.app.on('face:blendshapes', (categories) => {
             const renders = this.entity.findComponents('render');

examples/assets/scripts/orbit.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class Orbit extends Script {
+    static scriptName = 'orbit';
+
     radius = 4;
 
     speed = 0.4;

examples/assets/scripts/rotate.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class Rotate extends Script {
+    static scriptName = 'rotate';
+
     update(dt) {
         this.entity.rotate(10 * dt, 20 * dt, 30 * dt);
     }

examples/assets/scripts/scroll.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class Scroll extends Script {
+    static scriptName = 'scroll';
+
     update(dt) {
         this.entity.translateLocal(0, dt * 0.5, 0);
     }

examples/assets/scripts/solar-system.mjs

@@ -1,6 +1,8 @@
 import { Script, Vec3 } from 'playcanvas';
 
 export class PlanetaryCamera extends Script {
+    static scriptName = 'planetaryCamera';
+
     initialize() {
         // Camera offsets: X is sunward offset, Y and Z provide viewing angle
         this.cameraOffsets = new Map([
@@ -70,6 +72,8 @@ export class PlanetaryCamera extends Script {
 }
 
 export class PlanetaryMotion extends Script {
+    static scriptName = 'planetaryMotion';
+
     initialize() {
         // Planet radii (for scale reference)
         this.planetSizes = new Map([

examples/assets/scripts/static-body.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class StaticBody extends Script {
+    static scriptName = 'staticBody';
+
     initialize() {
         this.entity.findComponents('render').forEach((render) => {
             const entity = render.entity;

examples/assets/scripts/text3d.mjs

@@ -98,6 +98,8 @@ class Polygon {
 }
 
 export class Text3D extends Script {
+    static scriptName = 'text3d';
+
     /**
      * TTF file used as the basis for this 3D text.
      * @type {Asset}

examples/assets/scripts/tweener.mjs

@@ -132,6 +132,8 @@ class TweenDescriptor { /* eslint-disable-line no-unused-vars */
 }
 
 export class Tweener extends Script {
+    static scriptName = 'tweener';
+
     /**
      * Array of tween configurations
      * @type {TweenDescriptor[]}

examples/assets/scripts/video-recorder-ui.mjs

@@ -1,6 +1,8 @@
 import { Script } from 'playcanvas';
 
 export class VideoRecorderUI extends Script {
+    static scriptName = 'videoRecorderUI';
+
     initialize() {
         this.createUI();
         // Listen to video recording progress events

examples/assets/scripts/video-recorder.mjs

@@ -15,6 +15,8 @@ const FrameRate = {
 };
 
 export class VideoRecorder extends Script {
+    static scriptName = 'videoRecorder';
+
     /**
      * Whether to activate the recorder on initialization.
      *

examples/assets/scripts/video-texture.mjs

@@ -1,6 +1,8 @@
 import { Color, Script, Texture, PIXELFORMAT_R8_G8_B8, FILTER_LINEAR_MIPMAP_LINEAR, FILTER_LINEAR, ADDRESS_CLAMP_TO_EDGE } from 'playcanvas';
 
 export class VideoTexture extends Script {
+    static scriptName = 'videoTexture';
+
     /**
      * URL to use if there is no video asset selected.
      * @type {string}

examples/text3d.html

@@ -52,7 +52,7 @@
                 <!-- Text -->
                 <pc-entity name="3d text">
                     <pc-scripts>
-                        <pc-script name="text3D" attributes='{
+                        <pc-script name="text3d" attributes='{
                             "font": "asset:arial",
                             "text": "3D Text",
                             "thickness": 0.2