@defold-typescript/types 0.39.0 → 0.40.0

package/examples/translations.json

@@ -32,13 +32,13 @@
   "buffer.copy_stream": [
     {
       "sourceHash": "359ea94639622db5",
-      "ts": "// How to update a texture of a sprite:\nconst srcbuffer = resource.get_buffer(\"/src.bufferc\");\nconst dstbuffer = resource.get_buffer(\"/dst.bufferc\");\n\n// copy entire stream\nconst srcstream = buffer.get_stream(srcbuffer, hash(\"xyz\"));\nconst dststream = buffer.get_stream(dstbuffer, hash(\"xyz\"));\nbuffer.copy_stream(dststream, 0, srcstream, 0, srcstream.length);"
+      "ts": "// How to update a texture of a sprite:\nconst srcbuffer = resource.get_buffer(\"/src.bufferc\");\nconst dstbuffer = resource.get_buffer(\"/dst.bufferc\");\n\n// copy entire stream\nconst srcstream = buffer.get_stream(srcbuffer, hash(\"xyz\"));\nconst dststream = buffer.get_stream(dstbuffer, hash(\"xyz\"));\nbuffer.copy_stream(dststream, 0, srcstream, 0, srcstream.length());"
     }
   ],
   "buffer.create": [
     {
       "sourceHash": "d83315970921bbc7",
-      "ts": "// How to create and initialize a buffer\nexport default defineScript({\n  init(self) {\n    const size = 128;\n    self.image = buffer.create(size * size, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.imagestream = buffer.get_stream(self.image, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.imagestream[index + 0] = self.r;\n        self.imagestream[index + 1] = self.g;\n        self.imagestream[index + 2] = self.b;\n      }\n    }\n  },\n});"
+      "ts": "// How to create and initialize a buffer\nexport default defineScript({\n  init() {\n    const size = 128;\n    const [width, height] = [size, size];\n    const [r, g, b] = [0xff, 0x80, 0x10];\n    const image = buffer.create(size * size, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    const imagestream = buffer.get_stream(image, hash(\"rgb\"));\n\n    for (let y = 0; y < height; y++) {\n      for (let x = 0; x < width; x++) {\n        const index = y * width * 3 + x * 3;\n        imagestream[index + 0] = r;\n        imagestream[index + 1] = g;\n        imagestream[index + 2] = b;\n      }\n    }\n    return { image, imagestream };\n  },\n});"
     }
   ],
   "buffer.get_metadata": [
@@ -62,13 +62,13 @@
   "camera.screen_to_world": [
     {
       "sourceHash": "0738c074908495cb",
-      "ts": "// Place objects at the touch point with a random Z position, keeping them\n// within the visible view zone.\nexport default defineScript({\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\")) {\n      if (action.pressed) {\n        const perspective_camera = msg.url(\"#perspective_camera\");\n        const random_z = math.random(\n          camera.get_near_z(perspective_camera) + 0.01,\n          camera.get_far_z(perspective_camera) - 0.01,\n        );\n        const world_position = camera.screen_to_world(\n          vmath.vector3(action.screen_x, action.screen_y, random_z),\n          perspective_camera,\n        );\n        go.set_position(world_position, \"/go1\");\n      }\n    }\n  },\n});"
+      "ts": "// Place objects at the touch point with a random Z position, keeping them\n// within the visible view zone.\nexport default defineScript({\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\")) {\n      if (action.pressed && action.screen_x !== undefined && action.screen_y !== undefined) {\n        const perspective_camera = msg.url(\"#perspective_camera\");\n        const random_z = math.random(\n          camera.get_near_z(perspective_camera) + 0.01,\n          camera.get_far_z(perspective_camera) - 0.01,\n        );\n        const world_position = camera.screen_to_world(\n          vmath.vector3(action.screen_x, action.screen_y, random_z),\n          perspective_camera,\n        );\n        go.set_position(world_position, \"/go1\");\n      }\n    }\n  },\n});"
     }
   ],
   "camera.screen_xy_to_world": [
     {
       "sourceHash": "ff65335713fc5698",
-      "ts": "// Place objects at the touch point.\nexport default defineScript({\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\")) {\n      if (action.pressed) {\n        const world_position = camera.screen_xy_to_world(action.screen_x, action.screen_y);\n        go.set_position(world_position, \"/go1\");\n      }\n    }\n  },\n});"
+      "ts": "// Place objects at the touch point.\nexport default defineScript({\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\")) {\n      if (action.pressed && action.screen_x !== undefined && action.screen_y !== undefined) {\n        const world_position = camera.screen_xy_to_world(action.screen_x, action.screen_y);\n        go.set_position(world_position, \"/go1\");\n      }\n    }\n  },\n});"
     }
   ],
   "camera.world_to_screen": [
@@ -80,7 +80,7 @@
   "collectionfactory.create": [
     {
       "sourceHash": "5a49721288808772",
-      "ts": "// How to spawn a collection of game objects:\nexport default defineScript({\n  init(self) {\n    // Spawn a small group of enemies.\n    const pos = vmath.vector3(100, 12.5, 0);\n    const rot = vmath.quat_rotation_z(Math.PI / 2);\n    const scale = 0.5;\n    const props = {\n      [hash(\"/enemy_leader\")]: { health: 1000.0 },\n      [hash(\"/enemy_1\")]: { health: 200.0 },\n      [hash(\"/enemy_2\")]: { health: 400.0, color: hash(\"green\") },\n    };\n\n    self.enemy_ids = collectionfactory.create(\"#enemyfactory\", pos, rot, props, scale);\n    // enemy_ids now map to the spawned instance ids:\n    //\n    // pprint(self.enemy_ids)\n    //\n    // DEBUG:SCRIPT:\n    // {\n    //   hash: [/enemy_leader] = hash: [/collection0/enemy_leader],\n    //   hash: [/enemy_1] = hash: [/collection0/enemy_1],\n    //   hash: [/enemy_2] = hash: [/collection0/enemy_2]\n    // }\n\n    // Send \"attack\" message to the leader. First look up its instance id.\n    const leader_id = self.enemy_ids[hash(\"/enemy_leader\")];\n    msg.post(leader_id, \"attack\");\n  },\n});\n\n// How to delete a spawned collection:\nfunction delete_enemies(self: { enemy_ids: Hash[] }) {\n  go.delete(self.enemy_ids);\n}"
+      "ts": "// How to spawn a collection of game objects:\nexport default defineScript({\n  init() {\n    // Spawn a small group of enemies.\n    const pos = vmath.vector3(100, 12.5, 0);\n    const rot = vmath.quat_rotation_z(Math.PI / 2);\n    const scale = 0.5;\n    const props = new LuaMap<Hash, Record<string, unknown>>();\n    props.set(hash(\"/enemy_leader\"), { health: 1000.0 });\n    props.set(hash(\"/enemy_1\"), { health: 200.0 });\n    props.set(hash(\"/enemy_2\"), { health: 400.0, color: hash(\"green\") });\n\n    const enemy_ids = collectionfactory.create(\"#enemyfactory\", pos, rot, props, scale);\n    // enemy_ids now map to the spawned instance ids:\n    //\n    // pprint(self.enemy_ids)\n    //\n    // DEBUG:SCRIPT:\n    // {\n    //   hash: [/enemy_leader] = hash: [/collection0/enemy_leader],\n    //   hash: [/enemy_1] = hash: [/collection0/enemy_1],\n    //   hash: [/enemy_2] = hash: [/collection0/enemy_2]\n    // }\n\n    // Send \"attack\" message to the leader. First look up its instance id.\n    const leader_id = enemy_ids.get(hash(\"/enemy_leader\"));\n    if (leader_id !== undefined) {\n      msg.post(leader_id, \"attack\");\n    }\n    return { enemy_ids };\n  },\n});\n\n// How to delete a spawned collection:\nfunction delete_enemies(self: { enemy_ids: Hash[] }) {\n  go.delete(self.enemy_ids);\n}"
     }
   ],
   "collectionfactory.load": [
@@ -164,7 +164,7 @@
   "editor.command": [
     {
       "sourceHash": "41caebab7bdd6774",
-      "ts": "// Print Git history for a file:\neditor.command({\n  label: \"Git History\",\n  query: { selection: { type: \"resource\", cardinality: \"one\" } },\n  run: (opts) => {\n    editor.execute(\"git\", \"log\", \"--follow\", `.${editor.get(opts.selection, \"path\")}`, {\n      reload_resources: false,\n    });\n  },\n});"
+      "ts": "// Print Git history for a file:\neditor.command({\n  label: \"Git History\",\n  locations: [\"Assets\"],\n  query: { selection: { type: \"resource\", cardinality: \"one\" } },\n  run: (opts) => {\n    editor.execute(\"git\", \"log\", \"--follow\", `.${editor.get(opts.selection, \"path\")}`, {\n      reload_resources: false,\n    });\n  },\n});"
     }
   ],
   "editor.create_directory": [
@@ -230,7 +230,7 @@
   "final": [
     {
       "sourceHash": "ebc3cae218af001a",
-      "ts": "export default defineScript({\n  final(self) {\n    // report finalization\n    msg.post(\"my_friend_instance\", \"im_dead\", { my_stats: self.some_value });\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    return { some_value: 0 };\n  },\n\n  final(self) {\n    // report finalization\n    msg.post(\"my_friend_instance\", \"im_dead\", { my_stats: self.some_value });\n  },\n});"
     }
   ],
   "font.add_font": [
@@ -298,7 +298,7 @@
   "go.get": [
     {
       "sourceHash": "7cac2203eda50a5e",
-      "ts": "// Get a property \"speed\" from a script \"player\"; the property must be declared\n// in the player script:\ngo.property(\"speed\", 50);\n\n// Then in the calling script (assumed to belong to the same game object, but it\n// does not have to):\nconst speed = go.get(\"#player\", \"speed\");\n\n// Get a value in a material property array (the glsl indices are 0-based):\nconst url = msg.url(\"#mesh\");\ngo.get(url, \"example\", { index: 1 }); // the first vector4 in the array: example[0]\ngo.get(url, \"example\", { index: 16 }); // the last vector4 in the array: example[15]\ngo.get(url, \"example.x\", { index: 1 }); // an element of a vector4: example[0].x\n\n// Get all values in a material property array as a table:\ngo.get(url, \"example\"); // => [vector4, vector4, ...]\ngo.get(url, \"example.x\"); // => [number1, number2, ...]\n\n// Get a named property (the resource of a certain gui font):\nconst font_hash = go.get(\"#gui\", \"fonts\", { key: \"system_font_BIG\" });\n\n// Get a property from a sub-component, using the \"keys\" options table\n// (addressing the first level of a component):\ngo.get(\"#particlefx\", \"material\", { keys: [\"cone_emitter\"] });\n\n// Get a property in a deeper sub-hierarchy (if the component supports it).\n// Note: no built-in component supports this yet, but a custom one could.\ngo.get(\"#my_component\", \"some_property\", { keys: [\"root\", \"child_node\"] });"
+      "ts": "// Get a property \"speed\" from a script \"player\"; the property must be declared\n// in the player script:\ngo.property(\"speed\", 50);\n\n// Then in the calling script (assumed to belong to the same game object, but it\n// does not have to):\nconst speed = go.get(\"#player\", \"speed\");\n\n// Get a value in a material property array (the glsl indices are 0-based):\nconst url = msg.url(\"#mesh\");\ngo.get(url, \"example\", { index: 0 }); // the first vector4 in the array: example[0]\ngo.get(url, \"example\", { index: 15 }); // the last vector4 in the array: example[15]\ngo.get(url, \"example.x\", { index: 0 }); // an element of a vector4: example[0].x\n\n// Get all values in a material property array as a table:\ngo.get(url, \"example\"); // => [vector4, vector4, ...]\ngo.get(url, \"example.x\"); // => [number1, number2, ...]\n\n// Get a named property (the resource of a certain gui font):\nconst font_hash = go.get(\"#gui\", \"fonts\", { key: \"system_font_BIG\" });\n\n// Get a property from a sub-component, using the \"keys\" options table\n// (addressing the first level of a component):\ngo.get(\"#particlefx\", \"material\", { keys: [\"cone_emitter\"] });\n\n// Get a property in a deeper sub-hierarchy (if the component supports it).\n// Note: no built-in component supports this yet, but a custom one could.\ngo.get(\"#my_component\", \"some_property\", { keys: [\"root\", \"child_node\"] });"
     }
   ],
   "go.get_id": [
@@ -416,7 +416,7 @@
   "go.set": [
     {
       "sourceHash": "2ca1763ad71c1232",
-      "ts": "// Set a property \"speed\" of a script \"player\"; the property must be declared in\n// the player script:\ngo.property(\"speed\", 50);\n\n// Then in the calling script (assumed to belong to the same game object, but it\n// does not have to):\ngo.set(\"#player\", \"speed\", 100);\n\n// Set a vector4 in a material property array (the glsl indices are 0-based):\nconst url = msg.url(\"#mesh\");\ngo.set(url, \"example\", vmath.vector4(1, 1, 1, 1), { index: 1 }); // example[0] = v\ngo.set(url, \"example\", vmath.vector4(2, 2, 2, 2), { index: 16 }); // example[15] = v\ngo.set(url, \"example.x\", 7, { index: 1 }); // example[0].x = 7\n\n// Set a material property array by a table of vector4 (only the first two are\n// set; extra array elements are ignored):\ngo.set(url, \"example\", [vmath.vector4(1, 1, 1, 1), vmath.vector4(2, 2, 2, 2)]);\n\n// Set a named property (inside init(self)):\ngo.property(\"big_font\", resource.font());\n\nfunction set_named_font(self: { big_font: Hash }) {\n  go.set(\"#gui\", \"fonts\", self.big_font, { key: \"system_font_BIG\" });\n}\n\n// Set a property on a sub-component, using the \"keys\" options table (inside\n// init(self)):\ngo.property(\"my_material\", resource.material);\n\nfunction set_sub_component_material(self: { my_material: Hash }) {\n  go.set(\"#particlefx\", \"material\", self.my_material, { keys: [\"cone_emitter\"] });\n}\n\n// Set a property in a deeper sub-hierarchy (if the component supports it).\n// Note: no built-in component supports this yet, but a custom one could.\nconst some_value = 1;\ngo.set(\"#my_component\", \"some_property\", some_value, { keys: [\"root\", \"child_node\"] });"
+      "ts": "// Set a property \"speed\" of a script \"player\"; the property must be declared in\n// the player script:\ngo.property(\"speed\", 50);\n\n// Then in the calling script (assumed to belong to the same game object, but it\n// does not have to):\ngo.set(\"#player\", \"speed\", 100);\n\n// Set a vector4 in a material property array (the glsl indices are 0-based):\nconst url = msg.url(\"#mesh\");\ngo.set(url, \"example\", vmath.vector4(1, 1, 1, 1), { index: 0 }); // example[0] = v\ngo.set(url, \"example\", vmath.vector4(2, 2, 2, 2), { index: 15 }); // example[15] = v\ngo.set(url, \"example.x\", 7, { index: 0 }); // example[0].x = 7\n\n// Set a material property array by a table of vector4 (only the first two are\n// set; extra array elements are ignored):\ngo.set(url, \"example\", [vmath.vector4(1, 1, 1, 1), vmath.vector4(2, 2, 2, 2)]);\n\n// Set a named property (inside init(self)):\ngo.property(\"big_font\", resource.font());\n\nfunction set_named_font(self: { big_font: Hash }) {\n  go.set(\"#gui\", \"fonts\", self.big_font, { key: \"system_font_BIG\" });\n}\n\n// Set a property on a sub-component, using the \"keys\" options table (inside\n// init(self)):\ngo.property(\"my_material\", resource.material());\n\nfunction set_sub_component_material(self: { my_material: Hash }) {\n  go.set(\"#particlefx\", \"material\", self.my_material, { keys: [\"cone_emitter\"] });\n}\n\n// Set a property in a deeper sub-hierarchy (if the component supports it).\n// Note: no built-in component supports this yet, but a custom one could.\nconst some_value = 1;\ngo.set(\"#my_component\", \"some_property\", some_value, { keys: [\"root\", \"child_node\"] });"
     }
   ],
   "go.set_parent": [
@@ -512,7 +512,7 @@
   "gui.cancel_animations": [
     {
       "sourceHash": "ac678b79b816b54d",
-      "ts": "// Start an animation of the position property of a node, then cancel parts of\n// the animation:\nconst node = gui.get_node(\"my_node\");\n// animate to new position\nconst pos = vmath.vector3(100, 100, 0);\ngui.animate(node, \"position\", pos, go.EASING_LINEAR, 2);\n// ...\n// cancel animation of the x component.\ngui.cancel_animations(node, \"position.x\");\n\n// Cancels all property animations on a node in a single call:\n// animate to new position and scale\ngui.animate(node, \"position\", vmath.vector3(100, 100, 0), go.EASING_LINEAR, 5);\ngui.animate(node, \"scale\", vmath.vector3(0.5), go.EASING_LINEAR, 5);\n// ...\n// cancel positioning and scaling at once\ngui.cancel_animations(node);"
+      "ts": "// Start an animation of the position property of a node, then cancel parts of\n// the animation:\nconst node = gui.get_node(\"my_node\");\n// animate to new position\nconst pos = vmath.vector3(100, 100, 0);\ngui.animate(node, \"position\", pos, gui.EASING_LINEAR, 2);\n// ...\n// cancel animation of the x component.\ngui.cancel_animations(node, \"position.x\");\n\n// Cancels all property animations on a node in a single call:\n// animate to new position and scale\ngui.animate(node, \"position\", vmath.vector3(100, 100, 0), gui.EASING_LINEAR, 5);\ngui.animate(node, \"scale\", vmath.vector3(0.5), gui.EASING_LINEAR, 5);\n// ...\n// cancel positioning and scaling at once\ngui.cancel_animations(node);"
     }
   ],
   "gui.cancel_flipbook": [
@@ -572,7 +572,7 @@
   "gui.new_texture": [
     {
       "sourceHash": "192ba6f4b864704a",
-      "ts": "// How to create a texture and apply it to a new box node:\nexport default defineGuiScript({\n  init(self) {\n    const w = 200;\n    const h = 300;\n\n    // A nice orange. String with the RGB values.\n    const orange = String.fromCharCode(0xff, 0x80, 0x10);\n\n    // Create the texture. Repeat the color string for each pixel.\n    const [ok, reason] = gui.new_texture(\"orange_tx\", w, h, \"rgb\", orange.repeat(w * h));\n    if (ok) {\n      // Create a box node and apply the texture to it.\n      const n = gui.new_box_node(vmath.vector3(200, 200, 0), vmath.vector3(w, h, 0));\n      gui.set_texture(n, \"orange_tx\");\n    } else {\n      // Could not create texture for some reason...\n      if (reason === gui.RESULT_TEXTURE_ALREADY_EXISTS) {\n        // ...\n      } else {\n        // ...\n      }\n    }\n  },\n});\n\n// How to create a texture using .astc format\nconst size = 4;\nconst pos = vmath.vector3(200, 200, 0);\nconst path = \"/assets/images/logo_4x4.astc\";\nconst buffer = sys.load_resource(path);\nconst n = gui.new_box_node(pos, vmath.vector3(size, size, 0));\n// size is read from the .astc buffer\n// flip is not supported\ngui.new_texture(path, 0, 0, \"astc\", buffer, false);\ngui.set_texture(n, path);"
+      "ts": "// How to create a texture and apply it to a new box node:\nexport default defineGuiScript({\n  init(self) {\n    const w = 200;\n    const h = 300;\n\n    // A nice orange. String with the RGB values.\n    const orange = String.fromCharCode(0xff, 0x80, 0x10);\n\n    // Create the texture. Repeat the color string for each pixel.\n    const [ok, reason] = gui.new_texture(\"orange_tx\", w, h, \"rgb\", orange.repeat(w * h));\n    if (ok) {\n      // Create a box node and apply the texture to it.\n      const n = gui.new_box_node(vmath.vector3(200, 200, 0), vmath.vector3(w, h, 0));\n      gui.set_texture(n, \"orange_tx\");\n    } else {\n      // Could not create texture for some reason...\n      if (reason === gui.RESULT_TEXTURE_ALREADY_EXISTS) {\n        // ...\n      } else {\n        // ...\n      }\n    }\n  },\n});\n\n// How to create a texture using .astc format\nconst size = 4;\nconst pos = vmath.vector3(200, 200, 0);\nconst path = \"/assets/images/logo_4x4.astc\";\nconst [data] = sys.load_resource(path);\nif (data !== undefined) {\n  const n = gui.new_box_node(pos, vmath.vector3(size, size, 0));\n  // size is read from the .astc buffer\n  // flip is not supported\n  gui.new_texture(path, 0, 0, \"astc\", data, false);\n  gui.set_texture(n, path);\n}"
     }
   ],
   "gui.play_flipbook": [
@@ -596,17 +596,17 @@
   "gui.screen_to_local": [
     {
       "sourceHash": "3e442324e48a7f04",
-      "ts": "// Animate a node to the pressed pointer position:\nexport default defineGuiScript({\n  init() {\n    msg.post(\".\", \"acquire_input_focus\");\n    return { marker: gui.get_node(\"marker\") };\n  },\n\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\") && action.pressed) {\n      const screen_position = vmath.vector3(action.screen_x, action.screen_y, 0);\n      const target_position = gui.screen_to_local(self.marker, screen_position);\n      gui.animate(self.marker, gui.PROP_POSITION, target_position, gui.EASING_OUTQUAD, 0.2);\n      return true;\n    }\n  },\n});"
+      "ts": "// Animate a node to the pressed pointer position:\nexport default defineGuiScript({\n  init() {\n    msg.post(\".\", \"acquire_input_focus\");\n    return { marker: gui.get_node(\"marker\") };\n  },\n\n  on_input(self, action_id, action) {\n    if (\n      action_id === hash(\"touch\") &&\n      action.pressed &&\n      action.screen_x !== undefined &&\n      action.screen_y !== undefined\n    ) {\n      const screen_position = vmath.vector3(action.screen_x, action.screen_y, 0);\n      const target_position = gui.screen_to_local(self.marker, screen_position);\n      gui.animate(self.marker, gui.PROP_POSITION, target_position, gui.EASING_OUTQUAD, 0.2);\n      return true;\n    }\n  },\n});"
     }
   ],
   "gui.set": [
     {
       "sourceHash": "a609fdbcee772fac",
-      "ts": "// Updates the position property on an existing node:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\");\ngui.set(node, \"position.x\", node_position.x + 128);\n\n// Updates the rotation property on an existing node:\ngui.set(node, \"rotation\", vmath.quat_rotation_z(math.rad(45)));\n// this is equivalent to:\ngui.set(node, \"euler.z\", 45);\n// or using the entire vector:\ngui.set(node, \"euler\", vmath.vector3(0, 0, 45));\n// or using the set_rotation\ngui.set_rotation(node, vmath.vector3(0, 0, 45));\n\n// Sets various material constants for a node:\ngui.set(node, \"tint\", vmath.vector4(1, 0, 0, 1));\n// matrix4 is also supported\ngui.set(node, \"light_matrix\", vmath.matrix4());\n// update a constant in an array at position 4. the array is specified in the shader as:\n// uniform vec4 tint_array[4]; // lua is 1 based, shader is 0 based\ngui.set(node, \"tint_array\", vmath.vector4(1, 0, 0, 1), { index: 4 });\n// update a matrix constant in an array at position 4. the array is specified in the shader as:\n// uniform mat4 light_matrix_array[4];\ngui.set(node, \"light_matrix_array\", vmath.matrix4(), { index: 4 });\n// update a sub-element in a constant\ngui.set(node, \"tint.x\", 1);\n// update a sub-element in an array constant at position 4\ngui.set(node, \"tint_array.x\", 1, { index: 4 });\n\n// Set a named property\nexport default defineGuiScript({\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_font\")) {\n      gui.set(msg.url(), \"fonts\", message.font, { key: \"my_font_name\" });\n      gui.set_font(gui.get_node(\"text\"), \"my_font_name\");\n    } else if (message_id === hash(\"set_texture\")) {\n      gui.set(msg.url(), \"textures\", message.texture, { key: \"my_texture\" });\n      gui.set_texture(gui.get_node(\"box\"), \"my_texture\");\n      gui.play_flipbook(gui.get_node(\"box\"), \"logo_256\");\n    }\n  },\n});\n\n// Remove a named runtime texture resource mapping:\nconst atlas_params = { texture: \"/runtime.texturec\", animations: [], geometries: [] };\nconst atlas_id = resource.create_atlas(\"/runtime.texturesetc\", atlas_params);\ngui.set(msg.url(), \"textures\", atlas_id, { key: \"runtime_texture\" });\ngui.set_texture(gui.get_node(\"box\"), \"runtime_texture\");\n\n// Later, remove the GUI mapping before releasing the atlas resource.\ngui.set(msg.url(), \"textures\", undefined, { key: \"runtime_texture\" });\nresource.release(atlas_id);"
+      "ts": "// Updates the position property on an existing node:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\") as Vector3;\ngui.set(node, \"position.x\", node_position.x + 128);\n\n// Updates the rotation property on an existing node:\ngui.set(node, \"rotation\", vmath.quat_rotation_z(math.rad(45)));\n// this is equivalent to:\ngui.set(node, \"euler.z\", 45);\n// or using the entire vector:\ngui.set(node, \"euler\", vmath.vector3(0, 0, 45));\n// or using the set_rotation\ngui.set_rotation(node, vmath.vector3(0, 0, 45));\n\n// Sets various material constants for a node:\ngui.set(node, \"tint\", vmath.vector4(1, 0, 0, 1));\n// matrix4 is also supported\ngui.set(node, \"light_matrix\", vmath.matrix4());\n// update a constant in an array at position 4. the array is specified in the shader as:\n// uniform vec4 tint_array[4]; // TypeScript and the shader are both 0 based\ngui.set(node, \"tint_array\", vmath.vector4(1, 0, 0, 1), { index: 3 });\n// update a matrix constant in an array at position 4. the array is specified in the shader as:\n// uniform mat4 light_matrix_array[4];\ngui.set(node, \"light_matrix_array\", vmath.matrix4(), { index: 3 });\n// update a sub-element in a constant\ngui.set(node, \"tint.x\", 1);\n// update a sub-element in an array constant at position 4\ngui.set(node, \"tint_array.x\", 1, { index: 3 });\n\n// Set a named property\nexport default defineGuiScript({\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_font\") && types.is_hash(message.font)) {\n      gui.set(msg.url(), \"fonts\", message.font, { key: \"my_font_name\" });\n      gui.set_font(gui.get_node(\"text\"), \"my_font_name\");\n    } else if (message_id === hash(\"set_texture\") && types.is_hash(message.texture)) {\n      gui.set(msg.url(), \"textures\", message.texture, { key: \"my_texture\" });\n      gui.set_texture(gui.get_node(\"box\"), \"my_texture\");\n      gui.play_flipbook(gui.get_node(\"box\"), \"logo_256\");\n    }\n  },\n});\n\n// Remove a named runtime texture resource mapping:\nconst atlas_params = { texture: \"/runtime.texturec\", animations: [], geometries: [] };\nconst atlas_id = resource.create_atlas(\"/runtime.texturesetc\", atlas_params);\ngui.set(msg.url(), \"textures\", atlas_id, { key: \"runtime_texture\" });\ngui.set_texture(gui.get_node(\"box\"), \"runtime_texture\");\n\n// Later, remove the GUI mapping before releasing the atlas resource.\ngui.set(msg.url(), \"textures\", undefined, { key: \"runtime_texture\" });\nresource.release(atlas_id);"
     },
     {
       "sourceHash": "d195edde0a9fd170",
-      "ts": "// Updates the position property on an existing node:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\");\ngui.set(node, \"position.x\", node_position.x + 128);\n\n// Updates the rotation property on an existing node:\ngui.set(node, \"rotation\", vmath.quat_rotation_z(math.rad(45)));\n// this is equivalent to:\ngui.set(node, \"euler.z\", 45);\n// or using the entire vector:\ngui.set(node, \"euler\", vmath.vector3(0, 0, 45));\n// or using the set_rotation\ngui.set_rotation(node, vmath.vector3(0, 0, 45));\n\n// Sets various material constants for a node:\ngui.set(node, \"tint\", vmath.vector4(1, 0, 0, 1));\n// matrix4 is also supported\ngui.set(node, \"light_matrix\", vmath.matrix4());\n// update a constant in an array at position 4. the array is specified in the shader as:\n// uniform vec4 tint_array[4]; // lua is 1 based, shader is 0 based\ngui.set(node, \"tint_array\", vmath.vector4(1, 0, 0, 1), { index: 4 });\n// update a matrix constant in an array at position 4. the array is specified in the shader as:\n// uniform mat4 light_matrix_array[4];\ngui.set(node, \"light_matrix_array\", vmath.matrix4(), { index: 4 });\n// update a sub-element in a constant\ngui.set(node, \"tint.x\", 1);\n// update a sub-element in an array constant at position 4\ngui.set(node, \"tint_array.x\", 1, { index: 4 });\n\n// Set a named property\nexport default defineGuiScript({\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_font\")) {\n      gui.set(msg.url(), \"fonts\", message.font, { key: \"my_font_name\" });\n      gui.set_font(gui.get_node(\"text\"), \"my_font_name\");\n    } else if (message_id === hash(\"set_texture\")) {\n      gui.set(msg.url(), \"textures\", message.texture, { key: \"my_texture\" });\n      gui.set_texture(gui.get_node(\"box\"), \"my_texture\");\n      gui.play_flipbook(gui.get_node(\"box\"), \"logo_256\");\n    }\n  },\n});"
+      "ts": "// Updates the position property on an existing node:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\") as Vector3;\ngui.set(node, \"position.x\", node_position.x + 128);\n\n// Updates the rotation property on an existing node:\ngui.set(node, \"rotation\", vmath.quat_rotation_z(math.rad(45)));\n// this is equivalent to:\ngui.set(node, \"euler.z\", 45);\n// or using the entire vector:\ngui.set(node, \"euler\", vmath.vector3(0, 0, 45));\n// or using the set_rotation\ngui.set_rotation(node, vmath.vector3(0, 0, 45));\n\n// Sets various material constants for a node:\ngui.set(node, \"tint\", vmath.vector4(1, 0, 0, 1));\n// matrix4 is also supported\ngui.set(node, \"light_matrix\", vmath.matrix4());\n// update a constant in an array at position 4. the array is specified in the shader as:\n// uniform vec4 tint_array[4]; // TypeScript and the shader are both 0 based\ngui.set(node, \"tint_array\", vmath.vector4(1, 0, 0, 1), { index: 3 });\n// update a matrix constant in an array at position 4. the array is specified in the shader as:\n// uniform mat4 light_matrix_array[4];\ngui.set(node, \"light_matrix_array\", vmath.matrix4(), { index: 3 });\n// update a sub-element in a constant\ngui.set(node, \"tint.x\", 1);\n// update a sub-element in an array constant at position 4\ngui.set(node, \"tint_array.x\", 1, { index: 3 });\n\n// Set a named property\nexport default defineGuiScript({\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_font\") && types.is_hash(message.font)) {\n      gui.set(msg.url(), \"fonts\", message.font, { key: \"my_font_name\" });\n      gui.set_font(gui.get_node(\"text\"), \"my_font_name\");\n    } else if (message_id === hash(\"set_texture\") && types.is_hash(message.texture)) {\n      gui.set(msg.url(), \"textures\", message.texture, { key: \"my_texture\" });\n      gui.set_texture(gui.get_node(\"box\"), \"my_texture\");\n      gui.play_flipbook(gui.get_node(\"box\"), \"logo_256\");\n    }\n  },\n});"
     }
   ],
   "gui.set_id": [
@@ -636,7 +636,7 @@
   "html5.run": [
     {
       "sourceHash": "03f87c9fc915512f",
-      "ts": "const res = html5.run(\"10 + 20\"); // returns the string \"30\"\nprint(res);\nconst res_num = tonumber(res); // convert to number\nprint(res_num - 20); // prints 10"
+      "ts": "const res = html5.run(\"10 + 20\"); // returns the string \"30\"\nprint(res);\nconst res_num = tonumber(res); // convert to number\nif (res_num !== undefined) {\n  print(res_num - 20); // prints 10\n}"
     }
   ],
   "html5.set_interaction_listener": [
@@ -648,25 +648,25 @@
   "http.request": [
     {
       "sourceHash": "170c94c250c1ce49",
-      "ts": "function update_my_progress_bar(self: unknown, fraction: number) {\n  // draw the progress bar at the given fraction\n}\n\n// Basic HTTP-GET request. The callback receives a table with the response\n// in the fields status, the response (the data) and headers (a table).\nexport default defineScript({\n  init() {\n    http.request(\n      \"http://www.google.com\",\n      \"GET\",\n      (self, _id, response) => {\n        if (response.bytes_total !== undefined) {\n          update_my_progress_bar(self, response.bytes_received / response.bytes_total);\n        } else {\n          print(response.status);\n          print(response.response);\n          pprint(response.headers);\n        }\n      },\n      undefined,\n      undefined,\n      { report_progress: true },\n    );\n  },\n});"
+      "ts": "function update_my_progress_bar(self: unknown, fraction: number) {\n  // draw the progress bar at the given fraction\n}\n\n// Basic HTTP-GET request. The callback receives a table with the response\n// in the fields status, the response (the data) and headers (a table).\nexport default defineScript({\n  init() {\n    http.request(\n      \"http://www.google.com\",\n      \"GET\",\n      (self, _id, response) => {\n        if (response.bytes_received !== undefined && response.bytes_total !== undefined) {\n          update_my_progress_bar(self, response.bytes_received / response.bytes_total);\n        } else {\n          print(response.status);\n          print(response.response);\n          pprint(response.headers);\n        }\n      },\n      undefined,\n      undefined,\n      { report_progress: true },\n    );\n  },\n});"
     }
   ],
   "image.get_astc_header": [
     {
       "sourceHash": "adae89354a89050a",
-      "ts": "// How to get the block size and dimensions from a .astc file\nconst [s] = sys.load_resource(\"/assets/cat.astc\");\nconst header = image.get_astc_header(s);\npprint(s);"
+      "ts": "// How to get the block size and dimensions from a .astc file\nconst [s] = sys.load_resource(\"/assets/cat.astc\");\nif (s !== undefined) {\n  const header = image.get_astc_header(s);\n  pprint(s);\n}"
     }
   ],
   "image.load": [
     {
       "sourceHash": "d7c6b4708bd86c99",
-      "ts": "// How to load an image from an URL and create a GUI texture from it:\nconst imgurl = \"http://www.site.com/image.png\";\nhttp.request(imgurl, \"GET\", (self, id, response) => {\n  const img = image.load(response.response);\n  const tx = gui.new_texture(\"image_node\", img.width, img.height, img.type, img.buffer);\n});"
+      "ts": "// How to load an image from an URL and create a GUI texture from it:\nconst imgurl = \"http://www.site.com/image.png\";\nhttp.request(imgurl, \"GET\", (self, id, response) => {\n  const img = response.response !== undefined ? image.load(response.response) : undefined;\n  if (img !== undefined) {\n    const tx = gui.new_texture(\"image_node\", img.width, img.height, img.type, img.buffer);\n  }\n});"
     }
   ],
   "image.load_buffer": [
     {
       "sourceHash": "55649cadc660e25e",
-      "ts": "// Load an image from an URL as a buffer and create a texture resource from it:\nconst imgurl = \"http://www.site.com/image.png\";\nhttp.request(imgurl, \"GET\", (self, id, response) => {\n  const img = image.load_buffer(response.response, { flip_vertically: true });\n  const tparams = {\n    width: img.width,\n    height: img.height,\n    type: graphics.TEXTURE_TYPE_2D,\n    format: graphics.TEXTURE_FORMAT_RGBA,\n  };\n\n  const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams, img.buffer);\n  // Apply the texture to a model\n  go.set(\"/go1#model\", \"texture0\", my_texture_id);\n});"
+      "ts": "// Load an image from an URL as a buffer and create a texture resource from it:\nconst imgurl = \"http://www.site.com/image.png\";\nhttp.request(imgurl, \"GET\", (self, id, response) => {\n  const img =\n    response.response !== undefined\n      ? image.load_buffer(response.response, { flip_vertically: true })\n      : undefined;\n  if (img !== undefined) {\n    const tparams = {\n      width: img.width,\n      height: img.height,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n\n    const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams, img.buffer);\n    // Apply the texture to a model\n    go.set(\"/go1#model\", \"texture0\", my_texture_id);\n  }\n});"
     }
   ],
   "init": [
@@ -806,7 +806,7 @@
   "model.get_mesh_enabled": [
     {
       "sourceHash": "b2f9e47a91bc3f12",
-      "ts": "// shared weapon data, e.g. required from your own module\nconst game = { data: { weapons: { Sword: { damage: 10 } } } };\n\nexport default defineScript({\n  init(self) {\n    if (model.get_mesh_enabled(\"#model\", \"Sword\")) {\n      // set properties specific for the sword\n      self.weapon_properties = game.data.weapons[\"Sword\"];\n    }\n  },\n});"
+      "ts": "// shared weapon data, e.g. required from your own module\nconst game = { data: { weapons: { Sword: { damage: 10 } } } };\n\nexport default defineScript({\n  init() {\n    if (model.get_mesh_enabled(\"#model\", \"Sword\")) {\n      // set properties specific for the sword\n      return { weapon_properties: game.data.weapons[\"Sword\"] };\n    }\n    return { weapon_properties: undefined };\n  },\n});"
     }
   ],
   "model.play_anim": [
@@ -856,11 +856,11 @@
   "on_input": [
     {
       "sourceHash": "86c70cf4ccb7381e",
-      "ts": "// This example demonstrates how a game object instance can be moved as a response to user input.\nexport default defineScript({\n  init() {\n    // acquire input focus\n    msg.post(\".\", \"acquire_input_focus\");\n    return {\n      // maximum speed the instance can be moved\n      max_speed: 2,\n      // velocity of the instance, initially zero\n      velocity: vmath.vector3(),\n    };\n  },\n\n  update(self, dt) {\n    // move the instance\n    go.set_position(go.get_position().add(self.velocity.mul(dt)));\n  },\n\n  on_input(self, action_id, action) {\n    // check for movement input\n    if (action_id === hash(\"right\")) {\n      if (action.released) {\n        // reset velocity if input was released\n        self.velocity = vmath.vector3();\n      } else {\n        // update velocity\n        self.velocity = vmath.vector3(action.value * self.max_speed, 0, 0);\n      }\n    }\n  },\n});"
+      "ts": "// This example demonstrates how a game object instance can be moved as a response to user input.\nexport default defineScript({\n  init() {\n    // acquire input focus\n    msg.post(\".\", \"acquire_input_focus\");\n    return {\n      // maximum speed the instance can be moved\n      max_speed: 2,\n      // velocity of the instance, initially zero\n      velocity: vmath.vector3(),\n    };\n  },\n\n  update(self, dt) {\n    // move the instance\n    go.set_position(go.get_position().add(self.velocity.mul(dt)));\n  },\n\n  on_input(self, action_id, action) {\n    // check for movement input\n    if (action_id === hash(\"right\")) {\n      if (action.released) {\n        // reset velocity if input was released\n        self.velocity = vmath.vector3();\n      } else {\n        // update velocity\n        self.velocity = vmath.vector3((action.value ?? 0) * self.max_speed, 0, 0);\n      }\n    }\n  },\n});"
     },
     {
       "sourceHash": "cc835ea429adc693",
-      "ts": "export default defineGuiScript({\n  on_input(self, action_id, action) {\n    // check for input\n    if (action_id === hash(\"my_action\")) {\n      // take appropriate action\n      self.my_value = action.value;\n    }\n    // consume input\n    return true;\n  },\n});"
+      "ts": "export default defineGuiScript({\n  init(): { my_value: number | undefined } {\n    return { my_value: undefined };\n  },\n\n  on_input(self, action_id, action) {\n    // check for input\n    if (action_id === hash(\"my_action\")) {\n      // take appropriate action\n      self.my_value = action.value;\n    }\n    // consume input\n    return true;\n  },\n});"
     }
   ],
   "on_message": [
@@ -870,17 +870,17 @@
     },
     {
       "sourceHash": "9f37896589565629",
-      "ts": "// b.script — Script of instance \"b\":\nexport default defineScript({\n  init() {\n    // store the url of instance \"a\" for later use, by specifying undefined as socket we\n    // automatically use our own socket\n    return { a_url: msg.url(undefined, go.get_id(\"a\"), \"script\") };\n  },\n\n  on_message(self, message_id, message, sender) {\n    // check message and sender\n    if (message_id === hash(\"my_data\") && sender === self.a_url) {\n      // use the data in some way\n      self.important_value = message.important_value;\n    }\n  },\n});"
+      "ts": "// b.script — Script of instance \"b\":\nexport default defineScript({\n  init() {\n    // store the url of instance \"a\" for later use, by specifying undefined as socket we\n    // automatically use our own socket\n    return { a_url: msg.url(undefined, go.get_id(\"a\"), \"script\"), important_value: 0 };\n  },\n\n  on_message(self, message_id, message, sender) {\n    // check message and sender\n    if (message_id === hash(\"my_data\") && sender === self.a_url && typeof message.important_value === \"number\") {\n      // use the data in some way\n      self.important_value = message.important_value;\n    }\n  },\n});"
     }
   ],
   "on_reload": [
     {
       "sourceHash": "ba39c0b0d5170ccb",
-      "ts": "// This example demonstrates how to tweak the speed of a game object instance that is moved on user input.\nexport default defineScript({\n  init() {\n    // acquire input focus\n    msg.post(\".\", \"acquire_input_focus\");\n    return {\n      // maximum speed the instance can be moved, this value is tweaked in the on_reload function below\n      max_speed: 2,\n      // velocity of the instance, initially zero\n      velocity: vmath.vector3(),\n    };\n  },\n\n  update(self, dt) {\n    // move the instance\n    go.set_position(go.get_position().add(self.velocity.mul(dt)));\n  },\n\n  on_input(self, action_id, action) {\n    // check for movement input\n    if (action_id === hash(\"right\")) {\n      if (action.released) {\n        // reset velocity if input was released\n        self.velocity = vmath.vector3();\n      } else {\n        // update velocity\n        self.velocity = vmath.vector3(action.value * self.max_speed, 0, 0);\n      }\n    }\n  },\n\n  on_reload(self) {\n    // edit this value and reload the script component\n    self.max_speed = 100;\n  },\n});"
+      "ts": "// This example demonstrates how to tweak the speed of a game object instance that is moved on user input.\nexport default defineScript({\n  init() {\n    // acquire input focus\n    msg.post(\".\", \"acquire_input_focus\");\n    return {\n      // maximum speed the instance can be moved, this value is tweaked in the on_reload function below\n      max_speed: 2,\n      // velocity of the instance, initially zero\n      velocity: vmath.vector3(),\n    };\n  },\n\n  update(self, dt) {\n    // move the instance\n    go.set_position(go.get_position().add(self.velocity.mul(dt)));\n  },\n\n  on_input(self, action_id, action) {\n    // check for movement input\n    if (action_id === hash(\"right\")) {\n      if (action.released) {\n        // reset velocity if input was released\n        self.velocity = vmath.vector3();\n      } else {\n        // update velocity\n        self.velocity = vmath.vector3((action.value ?? 0) * self.max_speed, 0, 0);\n      }\n    }\n  },\n\n  on_reload(self) {\n    // edit this value and reload the script component\n    self.max_speed = 100;\n  },\n});"
     },
     {
       "sourceHash": "e89fe0d0bd51ed98",
-      "ts": "export default defineGuiScript({\n  on_reload(self) {\n    // restore some color (or similar)\n    gui.set_color(gui.get_node(\"my_node\"), self.my_original_color);\n  },\n});"
+      "ts": "export default defineGuiScript({\n  init() {\n    return { my_original_color: gui.get_color(gui.get_node(\"my_node\")) };\n  },\n\n  on_reload(self) {\n    // restore some color (or similar)\n    gui.set_color(gui.get_node(\"my_node\"), self.my_original_color);\n  },\n});"
     }
   ],
   "particlefx.play": [
@@ -910,19 +910,19 @@
   "physics.get_gravity": [
     {
       "sourceHash": "b2b339f1ddd89a38",
-      "ts": "export default defineScript({\n  init(self) {\n    let gravity = physics.get_gravity();\n    // Inverse gravity!\n    gravity = -gravity;\n    physics.set_gravity(gravity);\n  },\n});"
+      "ts": "export default defineScript({\n  init(self) {\n    let gravity = physics.get_gravity();\n    // Inverse gravity!\n    gravity = vmath.vector3(-gravity.x, -gravity.y, -gravity.z);\n    physics.set_gravity(gravity);\n  },\n});"
     }
   ],
   "physics.raycast": [
     {
       "sourceHash": "3e0c534d741f0120",
-      "ts": "function handle_result(hit: { fraction: number; position: Vector3; normal: Vector3; id: Hash; group: Hash; request_id: number }) {\n  // act on the hit (see 'ray_cast_response')\n}\n\n// How to perform a ray cast synchronously:\nexport default defineScript({\n  init(self) {\n    self.groups = [hash(\"world\"), hash(\"enemy\")];\n  },\n\n  update(self, dt) {\n    // request ray cast\n    const from = go.get_world_position();\n    const to = vmath.vector3(from.x, from.y - 100, from.z);\n    const results = physics.raycast(from, to, self.groups, { all: true });\n    if (results !== undefined) {\n      for (const result of results) {\n        handle_result(result);\n      }\n    }\n  },\n});"
+      "ts": "function handle_result(hit: { fraction: number; position: Vector3; normal: Vector3; id: Hash; group: Hash; request_id: number }) {\n  // act on the hit (see 'ray_cast_response')\n}\n\n// How to perform a ray cast synchronously:\nexport default defineScript({\n  init() {\n    return { groups: [hash(\"world\"), hash(\"enemy\")] };\n  },\n\n  update(self, dt) {\n    // request ray cast\n    const from = go.get_world_position();\n    const to = vmath.vector3(from.x, from.y - 100, from.z);\n    const results = physics.raycast(from, to, self.groups, { all: true });\n    if (results !== undefined) {\n      for (const result of results) {\n        handle_result(result);\n      }\n    }\n  },\n});"
     }
   ],
   "physics.raycast_async": [
     {
       "sourceHash": "746b7900ebaa1f10",
-      "ts": "// How to perform a ray cast asynchronously:\nexport default defineScript({\n  init(self) {\n    self.my_groups = [hash(\"my_group1\"), hash(\"my_group2\")];\n  },\n\n  update(self, dt) {\n    // request ray cast\n    const my_start = go.get_world_position();\n    const my_end = vmath.vector3(my_start.x, my_start.y - 100, my_start.z);\n    physics.raycast_async(my_start, my_end, self.my_groups);\n  },\n\n  on_message(self, message_id, message, sender) {\n    // check for the response\n    if (message_id === hash(\"ray_cast_response\")) {\n      // act on the hit\n    } else if (message_id === hash(\"ray_cast_missed\")) {\n      // act on the miss\n    }\n  },\n});"
+      "ts": "// How to perform a ray cast asynchronously:\nexport default defineScript({\n  init() {\n    return { my_groups: [hash(\"my_group1\"), hash(\"my_group2\")] };\n  },\n\n  update(self, dt) {\n    // request ray cast\n    const my_start = go.get_world_position();\n    const my_end = vmath.vector3(my_start.x, my_start.y - 100, my_start.z);\n    physics.raycast_async(my_start, my_end, self.my_groups);\n  },\n\n  on_message(self, message_id, message, sender) {\n    // check for the response\n    if (message_id === hash(\"ray_cast_response\")) {\n      // act on the hit\n    } else if (message_id === hash(\"ray_cast_missed\")) {\n      // act on the miss\n    }\n  },\n});"
     }
   ],
   "physics.set_event_listener": [
@@ -944,13 +944,13 @@
   "physics.set_hflip": [
     {
       "sourceHash": "71a627e46d2e651e",
-      "ts": "export default defineScript({\n  init(self) {\n    self.fliph = true; // set on some condition\n    physics.set_hflip(\"#collisionobject\", self.fliph);\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    const fliph = true; // set on some condition\n    physics.set_hflip(\"#collisionobject\", fliph);\n    return { fliph };\n  },\n});"
     }
   ],
   "physics.set_vflip": [
     {
       "sourceHash": "7b5832955ec6635c",
-      "ts": "export default defineScript({\n  init(self) {\n    self.flipv = true; // set on some condition\n    physics.set_vflip(\"#collisionobject\", self.flipv);\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    const flipv = true; // set on some condition\n    physics.set_vflip(\"#collisionobject\", flipv);\n    return { flipv };\n  },\n});"
     }
   ],
   "physics.update_mass": [
@@ -992,7 +992,7 @@
   "profiler.recorded_frame_count": [
     {
       "sourceHash": "9d55df4a00c36560",
-      "ts": "// Show the last recorded frame\nconst recorded_frame_count = profiler.recorded_frame_count();\nprofiler.view_recorded_frame(recorded_frame_count);"
+      "ts": "// Show the last recorded frame\nconst recorded_frame_count = profiler.recorded_frame_count();\nprofiler.view_recorded_frame({ frame: recorded_frame_count });"
     }
   ],
   "profiler.scope_begin": [
@@ -1058,19 +1058,19 @@
   "render.disable_texture": [
     {
       "sourceHash": "77eefc5b608dd2e6",
-      "ts": "export default defineRenderScript({\n  update(self, dt) {\n    render.enable_texture(0, self.my_render_target, graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n    // done, disable the texture\n    render.disable_texture(0);\n  },\n});"
+      "ts": "export default defineRenderScript({\n  init() {\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n    };\n    return {\n      my_render_target: render.render_target({ [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params }),\n      my_pred: render.predicate([hash(\"my_tag\")]),\n    };\n  },\n\n  update(self, dt) {\n    render.enable_texture(0, self.my_render_target, graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n    // done, disable the texture\n    render.disable_texture(0);\n  },\n});"
     }
   ],
   "render.dispatch_compute": [
     {
       "sourceHash": "af76607a05354da7",
-      "ts": "export default defineRenderScript({\n  init() {\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n    };\n    return {\n      scene_rt: render.render_target({ [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params }),\n    };\n  },\n\n  update(self, dt) {\n    render.set_compute(\"bloom\");\n    render.enable_texture(0, self.backing_texture);\n    render.enable_texture(1, self.scene_rt);\n    render.dispatch_compute(128, 128, 1);\n    render.set_compute();\n  },\n});\n\n// Dispatch a compute program with a constant buffer:\nconst constants = render.constant_buffer();\nconstants.tint = vmath.vector4(1, 1, 1, 1);\nrender.dispatch_compute(32, 32, 32, { constants });"
+      "ts": "export default defineRenderScript({\n  init() {\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n    };\n    return {\n      backing_texture: resource.get_texture_info(\"/main/backing.texturec\").handle,\n      scene_rt: render.render_target({ [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params }),\n    };\n  },\n\n  update(self, dt) {\n    render.set_compute(\"bloom\");\n    render.enable_texture(0, self.backing_texture);\n    render.enable_texture(1, self.scene_rt);\n    render.dispatch_compute(128, 128, 1);\n    render.set_compute();\n  },\n});\n\n// Dispatch a compute program with a constant buffer:\nconst constants = render.constant_buffer();\nconstants.tint = vmath.vector4(1, 1, 1, 1);\nrender.dispatch_compute(32, 32, 32, { constants });"
     }
   ],
   "render.draw": [
     {
       "sourceHash": "47232b75e7b74189",
-      "ts": "export default defineRenderScript({\n  init() {\n    // define a predicate matching anything with material tag \"my_tag\"\n    return { my_pred: render.predicate([hash(\"my_tag\")]) };\n  },\n\n  update(self, dt) {\n    // draw everything in the my_pred predicate\n    render.draw(self.my_pred);\n\n    // Draw predicate with constants:\n    const constants = render.constant_buffer();\n    constants.tint = vmath.vector4(1, 1, 1, 1);\n    render.draw(self.my_pred, { constants });\n\n    // Draw with predicate and frustum culling (without near+far planes):\n    const frustum = self.proj.mul(self.view);\n    render.draw(self.my_pred, { frustum });\n\n    // Draw with predicate and frustum culling (with near+far planes):\n    const frustum2 = self.proj.mul(self.view);\n    render.draw(self.my_pred, { frustum: frustum2, frustum_planes: render.FRUSTUM_PLANES_ALL });\n  },\n});"
+      "ts": "export default defineRenderScript({\n  init() {\n    return {\n      // define a predicate matching anything with material tag \"my_tag\"\n      my_pred: render.predicate([hash(\"my_tag\")]),\n      proj: vmath.matrix4_perspective(math.rad(45), render.get_window_width() / render.get_window_height(), 0.1, 1000),\n      view: vmath.matrix4_look_at(vmath.vector3(0, 0, 10), vmath.vector3(0, 0, 0), vmath.vector3(0, 1, 0)),\n    };\n  },\n\n  update(self, dt) {\n    // draw everything in the my_pred predicate\n    render.draw(self.my_pred);\n\n    // Draw predicate with constants:\n    const constants = render.constant_buffer();\n    constants.tint = vmath.vector4(1, 1, 1, 1);\n    render.draw(self.my_pred, { constants });\n\n    // Draw with predicate and frustum culling (without near+far planes):\n    const frustum = self.proj.mul(self.view);\n    render.draw(self.my_pred, { frustum });\n\n    // Draw with predicate and frustum culling (with near+far planes):\n    const frustum2 = self.proj.mul(self.view);\n    render.draw(self.my_pred, { frustum: frustum2, frustum_planes: render.FRUSTUM_PLANES_ALL });\n  },\n});"
     }
   ],
   "render.draw_debug3d": [
@@ -1094,15 +1094,15 @@
   "render.enable_texture": [
     {
       "sourceHash": "410c8dd98e44842a",
-      "ts": "export default defineRenderScript({\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // disable target\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n\n    render.enable_texture(0, self.my_render_target, graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n  },\n});"
+      "ts": "export default defineRenderScript({\n  init() {\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n    };\n    return {\n      my_render_target: render.render_target({ [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params }),\n      my_pred: render.predicate([hash(\"my_tag\")]),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // disable target\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n\n    render.enable_texture(0, self.my_render_target, graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n  },\n});"
     },
     {
       "sourceHash": "dc0ea083dbea5fe1",
-      "ts": "// Or enable a render target by resource id:\nexport default defineRenderScript({\n  update(self, dt) {\n    render.set_render_target(\"my_rt_resource\");\n    render.draw(self.my_pred);\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n\n    render.enable_texture(0, \"my_rt_resource\", graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n  },\n});"
+      "ts": "// Or enable a render target by resource id:\nexport default defineRenderScript({\n  init() {\n    return { my_pred: render.predicate([hash(\"my_tag\")]) };\n  },\n\n  update(self, dt) {\n    render.set_render_target(\"my_rt_resource\");\n    render.draw(self.my_pred);\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n\n    render.enable_texture(0, \"my_rt_resource\", graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n  },\n});"
     },
     {
       "sourceHash": "49503c29f0de95f3",
-      "ts": "// Or bind a texture handle directly:\nexport default defineRenderScript({\n  update(self, dt) {\n    // bind a texture to the texture unit 0\n    render.enable_texture(0, self.my_texture_handle);\n    // bind the same texture to a named sampler\n    render.enable_texture(\"my_texture_sampler\", self.my_texture_handle);\n  },\n});"
+      "ts": "// Or bind a texture handle directly:\nexport default defineRenderScript({\n  init() {\n    return { my_texture_handle: resource.get_texture_info(\"/main/my_texture.texturec\").handle };\n  },\n\n  update(self, dt) {\n    // bind a texture to the texture unit 0\n    render.enable_texture(0, self.my_texture_handle);\n    // bind the same texture to a named sampler\n    render.enable_texture(\"my_texture_sampler\", self.my_texture_handle);\n  },\n});"
     }
   ],
   "render.get_height": [
@@ -1150,15 +1150,15 @@
   "render.render_target": [
     {
       "sourceHash": "0c72f5142a3a57da",
-      "ts": "// How to create a new render target and draw to it:\nexport default defineRenderScript({\n  init() {\n    // render target buffer parameters\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const depth_params = {\n      format: graphics.TEXTURE_FORMAT_DEPTH,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params,\n        [graphics.BUFFER_TYPE_DEPTH_BIT]: depth_params,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
+      "ts": "// How to create a new render target and draw to it:\nexport default defineRenderScript({\n  init() {\n    // render target buffer parameters\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const depth_params = {\n      format: graphics.TEXTURE_FORMAT_DEPTH,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params,\n        [graphics.BUFFER_TYPE_DEPTH_BIT]: depth_params,\n      }),\n      my_pred: render.predicate([hash(\"my_tag\")]),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
     },
     {
       "sourceHash": "271ca31f05e103b5",
-      "ts": "// How to create a render target with multiple outputs:\nexport default defineRenderScript({\n  init() {\n    // render target buffer parameters\n    const color_params_rgba = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const color_params_float = {\n      format: graphics.TEXTURE_FORMAT_RG32F,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n\n    // Create a render target with three color attachments\n    // Note: No depth buffer is attached here\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR1_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR2_BIT]: color_params_float,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.enable_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
+      "ts": "// How to create a render target with multiple outputs:\nexport default defineRenderScript({\n  init() {\n    // render target buffer parameters\n    const color_params_rgba = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const color_params_float = {\n      format: graphics.TEXTURE_FORMAT_RG32F,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n\n    // Create a render target with three color attachments\n    // Note: No depth buffer is attached here\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR1_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR2_BIT]: color_params_float,\n      }),\n      my_pred: render.predicate([hash(\"my_tag\")]),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
     },
     {
       "sourceHash": "e39f13af5d65d01d",
-      "ts": "// How to create a render target with multiple outputs:\nexport default defineRenderScript({\n  init() {\n    // render target buffer parameters\n    const color_params_rgba = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const color_params_float = {\n      format: graphics.TEXTURE_FORMAT_RG32F,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n\n    // Create a render target with three color attachments\n    // Note: No depth buffer is attached here\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR1_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR2_BIT]: color_params_float,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.enable_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
+      "ts": "// How to create a render target with multiple outputs:\nexport default defineRenderScript({\n  init() {\n    // render target buffer parameters\n    const color_params_rgba = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const color_params_float = {\n      format: graphics.TEXTURE_FORMAT_RG32F,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n\n    // Create a render target with three color attachments\n    // Note: No depth buffer is attached here\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR1_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR2_BIT]: color_params_float,\n      }),\n      my_pred: render.predicate([hash(\"my_tag\")]),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
     }
   ],
   "render.set_blend_equation_separate": [
@@ -1236,11 +1236,11 @@
   "render.set_render_target": [
     {
       "sourceHash": "c6e25f5038d19bee",
-      "ts": "// How to set a render target and draw to it and then switch back to the default render target\n// The render target defines the depth/stencil buffers as transient, when set_render_target is called the next time the buffers may be invalidated and allow for optimisations depending on driver support\nexport default defineRenderScript({\n  update(self, dt) {\n    // set render target so all drawing is done to it\n    render.set_render_target(self.my_render_target, {\n      transient: [graphics.BUFFER_TYPE_DEPTH_BIT, graphics.BUFFER_TYPE_STENCIL_BIT],\n    });\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // set default render target. This also invalidates the depth and stencil buffers of the current target (self.my_render_target)\n    //  which can be an optimisation on some hardware\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n  },\n});"
+      "ts": "// How to set a render target and draw to it and then switch back to the default render target\n// The render target defines the depth/stencil buffers as transient, when set_render_target is called the next time the buffers may be invalidated and allow for optimisations depending on driver support\nexport default defineRenderScript({\n  init() {\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n    };\n    return {\n      my_render_target: render.render_target({ [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params }),\n      my_pred: render.predicate([hash(\"my_tag\")]),\n    };\n  },\n\n  update(self, dt) {\n    // set render target so all drawing is done to it\n    render.set_render_target(self.my_render_target, {\n      transient: [graphics.BUFFER_TYPE_DEPTH_BIT, graphics.BUFFER_TYPE_STENCIL_BIT],\n    });\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // set default render target. This also invalidates the depth and stencil buffers of the current target (self.my_render_target)\n    //  which can be an optimisation on some hardware\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n  },\n});"
     },
     {
       "sourceHash": "bb08db5e232c5b5e",
-      "ts": "// Or set the render target by a render target resource identifier:\nexport default defineRenderScript({\n  update(self, dt) {\n    render.set_render_target(\"my_rt_resource\");\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // reset the render target to the default backbuffer\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n  },\n});"
+      "ts": "// Or set the render target by a render target resource identifier:\nexport default defineRenderScript({\n  init() {\n    return { my_pred: render.predicate([hash(\"my_tag\")]) };\n  },\n\n  update(self, dt) {\n    render.set_render_target(\"my_rt_resource\");\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // reset the render target to the default backbuffer\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n  },\n});"
     }
   ],
   "render.set_render_target_size": [
@@ -1270,7 +1270,7 @@
   "render.set_view": [
     {
       "sourceHash": "7a30b4955abb3844",
-      "ts": "// How to set the view and projection matrices according to\n// the values supplied by a camera.\nexport default defineRenderScript({\n  init() {\n    return {\n      view: vmath.matrix4(),\n      projection: vmath.matrix4(),\n    };\n  },\n\n  update(self, dt) {\n    // set the view to the stored view value\n    render.set_view(self.view);\n    // now we can draw with this view\n  },\n\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_view_projection\")) {\n      // camera view and projection arrives here.\n      self.view = message.view;\n      self.projection = message.projection;\n    }\n  },\n});"
+      "ts": "// How to set the view and projection matrices according to\n// the values supplied by a camera.\nexport default defineRenderScript({\n  init() {\n    return {\n      view: vmath.matrix4(),\n      projection: vmath.matrix4(),\n    };\n  },\n\n  update(self, dt) {\n    // set the view to the stored view value\n    render.set_view(self.view);\n    // now we can draw with this view\n  },\n\n  on_message(self, message_id, message) {\n    if (\n      message_id === hash(\"set_view_projection\") &&\n      types.is_matrix4(message.view) &&\n      types.is_matrix4(message.projection)\n    ) {\n      // camera view and projection arrives here.\n      self.view = message.view;\n      self.projection = message.projection;\n    }\n  },\n});"
     }
   ],
   "render.set_viewport": [
@@ -1282,17 +1282,17 @@
   "resource.atlas": [
     {
       "sourceHash": "10e8e4948751ccc8",
-      "ts": "// Load an atlas and set it to a sprite:\ngo.property(\"my_atlas\", resource.atlas(\"/atlas.atlas\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#sprite\", \"image\", self.my_atlas);\n  },\n});"
+      "ts": "// Load an atlas and set it to a sprite:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_atlas: resource.atlas(\"/atlas.atlas\") },\n\n  init(self) {\n    go.set(\"#sprite\", \"image\", self.my_atlas);\n  },\n});"
     },
     {
       "sourceHash": "46638db8e246e1ed",
-      "ts": "// Load an atlas and set it to a gui:\ngo.property(\"my_atlas\", resource.atlas(\"/atlas.atlas\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#gui\", \"textures\", self.my_atlas, { key: \"my_atlas\" });\n  },\n});"
+      "ts": "// Load an atlas and set it to a gui:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_atlas: resource.atlas(\"/atlas.atlas\") },\n\n  init(self) {\n    go.set(\"#gui\", \"textures\", self.my_atlas, { key: \"my_atlas\" });\n  },\n});"
     }
   ],
   "resource.buffer": [
     {
       "sourceHash": "4353a4d474ea70b6",
-      "ts": "// Set a unique buffer it to a sprite:\ngo.property(\"my_buffer\", resource.buffer(\"/cube.buffer\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#mesh\", \"vertices\", self.my_buffer);\n  },\n});"
+      "ts": "// Set a unique buffer it to a sprite:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_buffer: resource.buffer(\"/cube.buffer\") },\n\n  init(self) {\n    go.set(\"#mesh\", \"vertices\", self.my_buffer);\n  },\n});"
     }
   ],
   "resource.create_atlas": [
@@ -1304,7 +1304,7 @@
   "resource.create_buffer": [
     {
       "sourceHash": "a4804ebe744d930a",
-      "ts": "// Create a buffer object and bind it to a buffer resource\nexport default defineScript({\n  init() {\n    const size = 1;\n    const positions = [\n      // triangle 1\n      size, size, 0,\n      -size, -size, 0,\n      size, -size, 0,\n      // triangle 2\n      size, size, 0,\n      -size, size, 0,\n      -size, -size, 0,\n    ];\n\n    const buffer_handle = buffer.create(positions.length, [\n      {\n        name: hash(\"position\"),\n        type: buffer.VALUE_TYPE_FLOAT32,\n        count: 3,\n      },\n    ]);\n\n    const stream = buffer.get_stream(buffer_handle, hash(\"position\"));\n\n    // transfer vertex data to buffer\n    for (let k = 0; k < positions.length; k++) {\n      stream[k] = positions[k];\n    }\n\n    const my_buffer = resource.create_buffer(\"/my_buffer.bufferc\", { buffer: buffer_handle });\n    go.set(\"/go#mesh\", \"vertices\", my_buffer);\n  },\n});"
+      "ts": "// Create a buffer object and bind it to a buffer resource\nexport default defineScript({\n  init() {\n    const size = 1;\n    const positions = [\n      // triangle 1\n      size, size, 0,\n      -size, -size, 0,\n      size, -size, 0,\n      // triangle 2\n      size, size, 0,\n      -size, size, 0,\n      -size, -size, 0,\n    ];\n\n    const buffer_handle = buffer.create(positions.length, [\n      {\n        name: hash(\"position\"),\n        type: buffer.VALUE_TYPE_FLOAT32,\n        count: 3,\n      },\n    ]);\n\n    const stream = buffer.get_stream(buffer_handle, hash(\"position\"));\n\n    // transfer vertex data to buffer\n    positions.forEach((value, k) => {\n      stream[k] = value;\n    });\n\n    const my_buffer = resource.create_buffer(\"/my_buffer.bufferc\", { buffer: buffer_handle });\n    go.set(\"/go#mesh\", \"vertices\", my_buffer);\n  },\n});"
     },
     {
       "sourceHash": "eef45bf7aae2047d",
@@ -1314,7 +1314,7 @@
   "resource.create_sound_data": [
     {
       "sourceHash": "19e6f6ab7a317fa1",
-      "ts": "export default defineScript({\n  init() {\n    // create a new sound resource, given the initial chunk of the file\n    const relative_path = \"/a/unique/resource/name.oggc\";\n    const hash = resource.create_sound_data(relative_path, { data, filesize, partial: true });\n    go.set(\"#music\", \"sound\", hash); // override the previous sound resource\n    sound.play(\"#music\"); // start the playing\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    // create a new sound resource, given the initial chunk of the file\n    const [data] = sys.load_resource(\"/sounds/music_header.oggc\");\n    if (data === undefined) {\n      return;\n    }\n    const filesize = 1048576;\n    const relative_path = \"/a/unique/resource/name.oggc\";\n    const hash = resource.create_sound_data(relative_path, { data, filesize, partial: true });\n    go.set(\"#music\", \"sound\", hash); // override the previous sound resource\n    sound.play(\"#music\"); // start the playing\n  },\n});"
     }
   ],
   "resource.create_texture": [
@@ -1328,7 +1328,7 @@
     },
     {
       "sourceHash": "be4f6e903c862a52",
-      "ts": "// How to create a 32x32x32 floating point 3D texture that can be used to generate volumetric data in a compute shader\nexport default defineScript({\n  init() {\n    const t_volume = resource.create_texture(\"/my_backing_texture.texturec\", {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 32,\n      height: 32,\n      depth: 32,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n      flags: resource.TEXTURE_USAGE_FLAG_STORAGE + resource.TEXTURE_USAGE_FLAG_SAMPLE,\n    });\n\n    // pass the backing texture to the render script\n    msg.post(\"@render:\", \"add_textures\", [t_volume]);\n  },\n});"
+      "ts": "// How to create a 32x32x32 floating point 3D texture that can be used to generate volumetric data in a compute shader\nexport default defineScript({\n  init() {\n    const t_volume = resource.create_texture(\"/my_backing_texture.texturec\", {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 32,\n      height: 32,\n      depth: 32,\n      format: graphics.TEXTURE_FORMAT_RGBA32F,\n      flags: graphics.TEXTURE_USAGE_FLAG_STORAGE + graphics.TEXTURE_USAGE_FLAG_SAMPLE,\n    });\n\n    // pass the backing texture to the render script\n    msg.post(\"@render:\", \"add_textures\", [t_volume]);\n  },\n});"
     },
     {
       "sourceHash": "b1535ccf9e09d259",
@@ -1336,7 +1336,7 @@
     },
     {
       "sourceHash": "54a85cf9f38f2521",
-      "ts": "// How to create a 32x32x32 floating point 3D texture that can be used to generate volumetric data in a compute shader\nexport default defineScript({\n  init() {\n    const t_volume = resource.create_texture(\"/my_backing_texture.texturec\", {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 32,\n      height: 32,\n      depth: 32,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n      flags: resource.TEXTURE_USAGE_FLAG_STORAGE + resource.TEXTURE_USAGE_FLAG_SAMPLE,\n    });\n\n    // pass the backing texture to the render script\n    msg.post(\"@render:\", \"add_textures\", [t_volume]);\n  },\n});"
+      "ts": "// How to create a 32x32x32 floating point 3D texture that can be used to generate volumetric data in a compute shader\nexport default defineScript({\n  init() {\n    const t_volume = resource.create_texture(\"/my_backing_texture.texturec\", {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 32,\n      height: 32,\n      depth: 32,\n      format: graphics.TEXTURE_FORMAT_RGBA32F,\n      flags: graphics.TEXTURE_USAGE_FLAG_STORAGE + graphics.TEXTURE_USAGE_FLAG_SAMPLE,\n    });\n\n    // pass the backing texture to the render script\n    msg.post(\"@render:\", \"add_textures\", [t_volume]);\n  },\n});"
     }
   ],
   "resource.create_texture_async": [
@@ -1352,17 +1352,17 @@
   "resource.font": [
     {
       "sourceHash": "3e41babc3620a985",
-      "ts": "// Load a font and set it to a label:\ngo.property(\"my_font\", resource.font(\"/font.font\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#label\", \"font\", self.my_font);\n  },\n});"
+      "ts": "// Load a font and set it to a label:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_font: resource.font(\"/font.font\") },\n\n  init(self) {\n    go.set(\"#label\", \"font\", self.my_font);\n  },\n});"
     },
     {
       "sourceHash": "8eb5018038b320d3",
-      "ts": "// Load a font and set it to a gui:\ngo.property(\"my_font\", resource.font(\"/font.font\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#gui\", \"fonts\", self.my_font, { key: \"my_font\" });\n  },\n});"
+      "ts": "// Load a font and set it to a gui:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_font: resource.font(\"/font.font\") },\n\n  init(self) {\n    go.set(\"#gui\", \"fonts\", self.my_font, { key: \"my_font\" });\n  },\n});"
     }
   ],
   "resource.get_buffer": [
     {
       "sourceHash": "ed7d361c7f5d2e35",
-      "ts": "// How to get the data from a buffer\nexport default defineScript({\n  init() {\n    const res_path = go.get(\"#mesh\", \"vertices\");\n    const buf = resource.get_buffer(res_path);\n    const stream_positions = buffer.get_stream(buf, \"position\");\n\n    for (let i = 0; i < stream_positions.length; i++) {\n      print(i, stream_positions[i]);\n    }\n  },\n});"
+      "ts": "// How to get the data from a buffer\nexport default defineScript({\n  init() {\n    const res_path = go.get<mesh.properties>()(\"#mesh\", \"vertices\");\n    const buf = resource.get_buffer(res_path);\n    const stream_positions = buffer.get_stream(buf, \"position\");\n\n    for (let i = 0; i < stream_positions.length(); i++) {\n      print(i, stream_positions[i]);\n    }\n  },\n});"
     }
   ],
   "resource.get_render_target_info": [
@@ -1378,7 +1378,7 @@
   "resource.get_text_metrics": [
     {
       "sourceHash": "d63156dd59513358",
-      "ts": "export default defineScript({\n  init() {\n    const font = go.get(\"#label\", \"font\");\n    const metrics = resource.get_text_metrics(font, \"The quick brown fox\\n jumps over the lazy dog\");\n    pprint(metrics);\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    const font = go.get<label.properties>()(\"#label\", \"font\");\n    const metrics = resource.get_text_metrics(font, \"The quick brown fox\\n jumps over the lazy dog\");\n    pprint(metrics);\n  },\n});"
     }
   ],
   "resource.get_texture_info": [
@@ -1400,29 +1400,29 @@
   "resource.material": [
     {
       "sourceHash": "444ac3e37fe7401e",
-      "ts": "// Load a material and set it to a sprite:\ngo.property(\"my_material\", resource.material(\"/material.material\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#sprite\", \"material\", self.my_material);\n  },\n});"
+      "ts": "// Load a material and set it to a sprite:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_material: resource.material(\"/material.material\") },\n\n  init(self) {\n    go.set(\"#sprite\", \"material\", self.my_material);\n  },\n});"
     },
     {
       "sourceHash": "7de09b2a13f4e657",
-      "ts": "// Load a material resource and update a named material with the resource:\ngo.property(\"my_material\", resource.material(\"/material.material\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#gui\", \"materials\", self.my_material, { key: \"my_material\" });\n  },\n});"
+      "ts": "// Load a material resource and update a named material with the resource:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_material: resource.material(\"/material.material\") },\n\n  init(self) {\n    go.set(\"#gui\", \"materials\", self.my_material, { key: \"my_material\" });\n  },\n});"
     }
   ],
   "resource.render_target": [
     {
       "sourceHash": "87231742204d2351",
-      "ts": "// Set a render target color attachment as a model texture:\ngo.property(\"my_render_target\", resource.render_target(\"/rt.render_target\"));\n\nexport default defineScript({\n  init(self) {\n    const rt_info = resource.get_render_target_info(self.my_render_target);\n    go.set(\"#model\", \"texture0\", rt_info.attachments[0]!.texture!);\n  },\n});"
+      "ts": "// Set a render target color attachment as a model texture:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_render_target: resource.render_target(\"/rt.render_target\") },\n\n  init(self) {\n    const rt_info = resource.get_render_target_info(self.my_render_target);\n    go.set(\"#model\", \"texture0\", rt_info.attachments[0]!.texture!);\n  },\n});"
     }
   ],
   "resource.set": [
     {
       "sourceHash": "fd3445f93ecdd85e",
-      "ts": "// Assuming the folder \"/res\" is added to the project custom resources:\n// load a texture resource and set it on a sprite\nconst buffer = resource.load(\"/res/new.texturec\");\nresource.set(go.get(\"#sprite\", \"texture0\"), buffer);"
+      "ts": "// Assuming the folder \"/res\" is added to the project custom resources:\n// load a texture resource and set it on a sprite\nconst buffer = resource.load(\"/res/new.texturec\");\nresource.set(go.get<sprite.properties>()(\"#sprite\", \"texture0\"), buffer);"
     }
   ],
   "resource.set_atlas": [
     {
       "sourceHash": "58ec7c40c31875a4",
-      "ts": "// Add a new animation to an existing atlas\nexport default defineScript({\n  init() {\n    const data = resource.get_atlas(\"/main/my_atlas.a.texturesetc\");\n    const my_animation = {\n      id: \"my_new_animation\",\n      width: 128,\n      height: 128,\n      frame_start: 1,\n      frame_end: 6,\n      playback: go.PLAYBACK_LOOP_PINGPONG,\n      fps: 8,\n    };\n    data.animations.push(my_animation);\n    resource.set_atlas(\"/main/my_atlas.a.texturesetc\", data);\n  },\n});"
+      "ts": "// Add a new animation to an existing atlas\nexport default defineScript({\n  init() {\n    const data = resource.get_atlas(\"/main/my_atlas.a.texturesetc\");\n    const my_animation = {\n      id: \"my_new_animation\",\n      width: 128,\n      height: 128,\n      frame_start: 1,\n      frame_end: 6,\n      playback: go.PLAYBACK_LOOP_PINGPONG,\n      fps: 8,\n      flip_vertical: false,\n      flip_horizontal: false,\n    };\n    data.animations.push(my_animation);\n    resource.set_atlas(\"/main/my_atlas.a.texturesetc\", data);\n  },\n});"
     },
     {
       "sourceHash": "c672fd8c9d921f68",
@@ -1432,25 +1432,25 @@
   "resource.set_buffer": [
     {
       "sourceHash": "a52fd8ac7453f601",
-      "ts": "// How to set the data from a buffer\nfunction fill_stream(stream: { [index: number]: number }, verts: number[]) {\n  verts.forEach((value, key) => {\n    stream[key] = value;\n  });\n}\n\nexport default defineScript({\n  init() {\n    const res_path = go.get(\"#mesh\", \"vertices\");\n\n    const positions = [\n      1, -1, 0,\n      1, 1, 0,\n      -1, -1, 0,\n    ];\n\n    const num_verts = positions.length / 3;\n\n    // create a new buffer\n    let buf = buffer.create(num_verts, [{ name: hash(\"position\"), type: buffer.VALUE_TYPE_FLOAT32, count: 3 }]);\n\n    buf = resource.get_buffer(res_path);\n    const stream_positions = buffer.get_stream(buf, \"position\");\n\n    fill_stream(stream_positions, positions);\n\n    resource.set_buffer(res_path, buf);\n  },\n});"
+      "ts": "// How to set the data from a buffer\nfunction fill_stream(stream: { [index: number]: number }, verts: number[]) {\n  verts.forEach((value, key) => {\n    stream[key] = value;\n  });\n}\n\nexport default defineScript({\n  init() {\n    const res_path = go.get<mesh.properties>()(\"#mesh\", \"vertices\");\n\n    const positions = [\n      1, -1, 0,\n      1, 1, 0,\n      -1, -1, 0,\n    ];\n\n    const num_verts = positions.length / 3;\n\n    // create a new buffer\n    let buf = buffer.create(num_verts, [{ name: hash(\"position\"), type: buffer.VALUE_TYPE_FLOAT32, count: 3 }]);\n\n    buf = resource.get_buffer(res_path);\n    const stream_positions = buffer.get_stream(buf, \"position\");\n\n    fill_stream(stream_positions, positions);\n\n    resource.set_buffer(res_path, buf);\n  },\n});"
     }
   ],
   "resource.set_texture": [
     {
       "sourceHash": "fe312c35ef2ab0f4",
-      "ts": "// How to set all pixels of an atlas\nexport default defineScript({\n  init(self) {\n    self.height = 128;\n    self.width = 128;\n    self.buffer = buffer.create(self.width * self.height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.stream = buffer.get_stream(self.buffer, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.stream[index + 0] = 0xff;\n        self.stream[index + 1] = 0x80;\n        self.stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get(\"#model\", \"texture0\");\n    const args = { width: self.width, height: self.height, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, self.buffer);\n  },\n});"
+      "ts": "// How to set all pixels of an atlas\nexport default defineScript({\n  init() {\n    const height = 128;\n    const width = 128;\n    const buf = buffer.create(width * height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    const stream = buffer.get_stream(buf, hash(\"rgb\"));\n\n    for (let y = 0; y < height; y++) {\n      for (let x = 0; x < width; x++) {\n        const index = y * width * 3 + x * 3;\n        stream[index + 0] = 0xff;\n        stream[index + 1] = 0x80;\n        stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get<model.properties>()(\"#model\", \"texture0\");\n    const args = { width, height, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, buf);\n    return { buffer: buf, stream };\n  },\n});"
     },
     {
       "sourceHash": "b4098f0f37b9c1d0",
-      "ts": "// How to update a specific region of an atlas by using the x,y values. Assumes the already set atlas is a 128x128 texture.\nexport default defineScript({\n  init(self) {\n    self.x = 16;\n    self.y = 16;\n    self.height = 128 - self.x * 2;\n    self.width = 128 - self.y * 2;\n    self.buffer = buffer.create(self.width * self.height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.stream = buffer.get_stream(self.buffer, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.stream[index + 0] = 0xff;\n        self.stream[index + 1] = 0x80;\n        self.stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get(\"#model\", \"texture0\");\n    const args = { width: self.width, height: self.height, x: self.x, y: self.y, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, self.buffer);\n  },\n});"
+      "ts": "// How to update a specific region of an atlas by using the x,y values. Assumes the already set atlas is a 128x128 texture.\nexport default defineScript({\n  init() {\n    const x = 16;\n    const y = 16;\n    const height = 128 - x * 2;\n    const width = 128 - y * 2;\n    const buf = buffer.create(width * height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    const stream = buffer.get_stream(buf, hash(\"rgb\"));\n\n    for (let row = 0; row < height; row++) {\n      for (let col = 0; col < width; col++) {\n        const index = row * width * 3 + col * 3;\n        stream[index + 0] = 0xff;\n        stream[index + 1] = 0x80;\n        stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get<model.properties>()(\"#model\", \"texture0\");\n    const args = { width, height, x, y, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, buf);\n    return { buffer: buf, stream };\n  },\n});"
     },
     {
       "sourceHash": "02d7f2ec29971bf1",
-      "ts": "// Update a texture from a buffer resource\ngo.property(\"my_buffer\", resource.buffer(\"/my_default_buffer.buffer\"));\n\nexport default defineScript({\n  init(self) {\n    const resource_path = go.get(\"#model\", \"texture0\");\n    // the \"my_buffer\" resource is expected to hold 128 * 128 * 3 bytes!\n    const args = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGB,\n    };\n    // Note that the extra resource.get_buffer call is a requirement here\n    // since the \"self.my_buffer\" is just pointing to a buffer resource path\n    // and not an actual buffer object or buffer resource.\n    resource.set_texture(resource_path, args, resource.get_buffer(self.my_buffer));\n  },\n});"
+      "ts": "// Update a texture from a buffer resource\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_buffer: resource.buffer(\"/my_default_buffer.buffer\") },\n\n  init(self) {\n    const resource_path = go.get<model.properties>()(\"#model\", \"texture0\");\n    // the \"my_buffer\" resource is expected to hold 128 * 128 * 3 bytes!\n    const args = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGB,\n    };\n    // Note that the extra resource.get_buffer call is a requirement here\n    // since the \"self.my_buffer\" is just pointing to a buffer resource path\n    // and not an actual buffer object or buffer resource.\n    resource.set_texture(resource_path, args, resource.get_buffer(self.my_buffer));\n  },\n});"
     },
     {
       "sourceHash": "15829bfe1b186bc3",
-      "ts": "// Update an existing 3D texture from a buffer\nexport default defineScript({\n  init() {\n    // create a buffer that can hold the data of a 8x8x8 texture\n    const tbuffer = buffer.create(8 * 8 * 8, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // populate the buffer with some data\n    let index = 0;\n    for (let z = 0; z < 8; z++) {\n      for (let y = 0; y < 8; y++) {\n        for (let x = 0; x < 8; x++) {\n          tstream[index + 0] = x;\n          tstream[index + 1] = y;\n          tstream[index + 2] = z;\n          tstream[index + 3] = 1.0;\n          index = index + 4;\n        }\n      }\n    }\n\n    const t_args = {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 8,\n      height: 8,\n      depth: 8,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // This expects that the texture resource \"/my_3d_texture.texturec\" already exists\n    // and is a 3D texture resource. To create a dynamic 3D texture resource\n    // use the \"resource.create_texture\" function.\n    resource.set_texture(\"/my_3d_texture.texturec\", t_args, tbuffer);\n  },\n});"
+      "ts": "// Update an existing 3D texture from a buffer\nexport default defineScript({\n  init() {\n    // create a buffer that can hold the data of a 8x8x8 texture\n    const tbuffer = buffer.create(8 * 8 * 8, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // populate the buffer with some data\n    let index = 0;\n    for (let z = 0; z < 8; z++) {\n      for (let y = 0; y < 8; y++) {\n        for (let x = 0; x < 8; x++) {\n          tstream[index + 0] = x;\n          tstream[index + 1] = y;\n          tstream[index + 2] = z;\n          tstream[index + 3] = 1.0;\n          index = index + 4;\n        }\n      }\n    }\n\n    const t_args = {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 8,\n      height: 8,\n      depth: 8,\n      format: graphics.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // This expects that the texture resource \"/my_3d_texture.texturec\" already exists\n    // and is a 3D texture resource. To create a dynamic 3D texture resource\n    // use the \"resource.create_texture\" function.\n    resource.set_texture(\"/my_3d_texture.texturec\", t_args, tbuffer);\n  },\n});"
     },
     {
       "sourceHash": "f9b616092f8c1b6a",
@@ -1458,19 +1458,19 @@
     },
     {
       "sourceHash": "34dce6f8362c0e92",
-      "ts": "// Update an existing 3D texture from a buffer\nexport default defineScript({\n  init() {\n    // create a buffer that can hold the data of a 8x8x8 texture\n    const tbuffer = buffer.create(8 * 8 * 8, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // populate the buffer with some data\n    let index = 0;\n    for (let z = 0; z < 8; z++) {\n      for (let y = 0; y < 8; y++) {\n        for (let x = 0; x < 8; x++) {\n          tstream[index + 0] = x;\n          tstream[index + 1] = y;\n          tstream[index + 2] = z;\n          tstream[index + 3] = 1.0;\n          index = index + 4;\n        }\n      }\n    }\n\n    const t_args = {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 8,\n      height: 8,\n      depth: 8,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // This expects that the texture resource \"/my_3d_texture.texturec\" already exists\n    // and is a 3D texture resource. To create a dynamic 3D texture resource\n    // use the \"resource.create_texture\" function.\n    resource.set_texture(\"/my_3d_texture.texturec\", t_args, tbuffer);\n  },\n});"
+      "ts": "// Update an existing 3D texture from a buffer\nexport default defineScript({\n  init() {\n    // create a buffer that can hold the data of a 8x8x8 texture\n    const tbuffer = buffer.create(8 * 8 * 8, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // populate the buffer with some data\n    let index = 0;\n    for (let z = 0; z < 8; z++) {\n      for (let y = 0; y < 8; y++) {\n        for (let x = 0; x < 8; x++) {\n          tstream[index + 0] = x;\n          tstream[index + 1] = y;\n          tstream[index + 2] = z;\n          tstream[index + 3] = 1.0;\n          index = index + 4;\n        }\n      }\n    }\n\n    const t_args = {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 8,\n      height: 8,\n      depth: 8,\n      format: graphics.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // This expects that the texture resource \"/my_3d_texture.texturec\" already exists\n    // and is a 3D texture resource. To create a dynamic 3D texture resource\n    // use the \"resource.create_texture\" function.\n    resource.set_texture(\"/my_3d_texture.texturec\", t_args, tbuffer);\n  },\n});"
     }
   ],
   "resource.texture": [
     {
       "sourceHash": "8cd63a7393c8a799",
-      "ts": "// Load a texture and set it to a model:\ngo.property(\"my_texture\", resource.texture(\"/texture.png\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#model\", \"texture0\", self.my_texture);\n  },\n});"
+      "ts": "// Load a texture and set it to a model:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_texture: resource.texture(\"/texture.png\") },\n\n  init(self) {\n    go.set(\"#model\", \"texture0\", self.my_texture);\n  },\n});"
     }
   ],
   "resource.tile_source": [
     {
       "sourceHash": "517b23c5ce0e56c6",
-      "ts": "// Load tile source and set it to a tile map:\ngo.property(\"my_tile_source\", resource.tile_source(\"/tilesource.tilesource\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#tilemap\", \"tile_source\", self.my_tile_source);\n  },\n});"
+      "ts": "// Load tile source and set it to a tile map:\nexport default defineScript({\n  // Never call `go.property` yourself: the transpiler emits the chunk-scope\n  // registration from this field, and only this field types the property onto `self`.\n  properties: { my_tile_source: resource.tile_source(\"/tilesource.tilesource\") },\n\n  init(self) {\n    go.set(\"#tilemap\", \"tile_source\", self.my_tile_source);\n  },\n});"
     }
   ],
   "socket.gettime": [
@@ -1482,19 +1482,19 @@
   "socket.newtry": [
     {
       "sourceHash": "38a669dbf612b327",
-      "ts": "// Perform operations on an open socket c:\nconst [c] = socket.connect(\"localhost\", 80);\nif (c !== undefined) {\n  // create a try function that closes 'c' on error\n  const try_ = socket.newtry(() => c.close());\n  // do everything reassured c will be closed\n  try_(c.send(\"hello there?\\r\\n\"));\n  const answer = try_(c.receive());\n  // ...\n  try_(c.send(\"good bye\\r\\n\"));\n  c.close();\n}"
+      "ts": "// Perform operations on an open socket c:\nconst [c] = socket.connect(\"localhost\", 80);\nif (c !== undefined) {\n  // create a try function that closes 'c' on error\n  const try_ = socket.newtry(() => c.close());\n  // do everything reassured c will be closed\n  const [sent, sendError, lastByte] = c.send(\"hello there?\\r\\n\");\n  try_(sent, sendError, lastByte);\n  const [line, receiveError, partial] = c.receive();\n  const answer = try_(line, receiveError, partial);\n  // ...\n  const [byeSent, byeError, byeLastByte] = c.send(\"good bye\\r\\n\");\n  try_(byeSent, byeError, byeLastByte);\n  c.close();\n}"
     }
   ],
   "socket.protect": [
     {
       "sourceHash": "478d4974b491bda9",
-      "ts": "const dostuff = socket.protect(() => {\n  let try_ = socket.newtry();\n  const c = try_(socket.connect(\"myserver.com\", 80));\n  try_ = socket.newtry(() => c.close());\n  try_(c.send(\"hello?\\r\\n\"));\n  const answer = try_(c.receive());\n  c.close();\n});\n\nconst [n, error] = dostuff();"
+      "ts": "const dostuff = socket.protect(() => {\n  let try_ = socket.newtry();\n  const [conn, connectError] = socket.connect(\"myserver.com\", 80);\n  const c = try_(conn, connectError);\n  try_ = socket.newtry(() => c.close());\n  const [sent, sendError, lastByte] = c.send(\"hello?\\r\\n\");\n  try_(sent, sendError, lastByte);\n  const [line, receiveError, partial] = c.receive();\n  const answer = try_(line, receiveError, partial);\n  c.close();\n});\n\nconst [n, error] = dostuff();"
     }
   ],
   "socket.skip": [
     {
       "sourceHash": "3a75c35a80c48e9e",
-      "ts": "const line = \"250 OK\";\n\n// Instead of doing the following with dummy variables:\n// get the status code and separator from SMTP server reply\nconst [dummy1, dummy2, code, sep] = string.find(line, \"^(%d%d%d)(.?)\");\n\n// You can skip a number of variables:\n// get the status code and separator from SMTP server reply\nconst [code, sep] = socket.skip(2, string.find(line, \"^(%d%d%d)(.?)\"));"
+      "ts": "const line = \"250 OK\";\n\n// Instead of doing the following with dummy variables:\n{\n  // get the status code and separator from SMTP server reply\n  const [dummy1, dummy2, code, sep] = string.find(line, \"^(%d%d%d)(.?)\");\n}\n\n// You can skip a number of variables:\n{\n  // get the status code and separator from SMTP server reply\n  const [code, sep] = socket.skip(2, string.find(line, \"^(%d%d%d)(.?)\"));\n}"
     }
   ],
   "sound.get_group_gain": [
@@ -1548,7 +1548,7 @@
   "sound.play": [
     {
       "sourceHash": "fcfbfd341c41ec59",
-      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will make the component play its sound after 1 second:\nsound.play(\"#sound\", { delay: 1, gain: 0.9, pan: -1.0 });\n\n// Using the callback argument, you can chain several sounds together:\nfunction sound_done(self: unknown, message_id: unknown, message: unknown, sender: unknown) {\n  // play 'boom' sound fx when the countdown has completed\n  const { play_id } = message as { play_id: number };\n  if (message_id === hash(\"sound_done\") && play_id === (self as { countdown_id: number }).countdown_id) {\n    sound.play(\"#boom\", undefined, sound_done);\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    self.countdown_id = sound.play(\"#countdown\", undefined, sound_done);\n  },\n});"
+      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will make the component play its sound after 1 second:\nsound.play(\"#sound\", { delay: 1, gain: 0.9, pan: -1.0 });\n\n// Using the callback argument, you can chain several sounds together:\nfunction sound_done(self: unknown, message_id: unknown, message: unknown, sender: unknown) {\n  // play 'boom' sound fx when the countdown has completed\n  const { play_id } = message as { play_id: number };\n  if (message_id === hash(\"sound_done\") && play_id === (self as { countdown_id: number }).countdown_id) {\n    sound.play(\"#boom\", undefined, sound_done);\n  }\n}\n\nexport default defineScript({\n  init() {\n    return { countdown_id: sound.play(\"#countdown\", undefined, sound_done) };\n  },\n});"
     }
   ],
   "sound.set_gain": [
@@ -1590,13 +1590,13 @@
   "sprite.set_hflip": [
     {
       "sourceHash": "2d067cdccd1fb269",
-      "ts": "// How to flip a sprite so it faces the horizontal movement (it is assumed that\n// the sprite component has id \"sprite\" and the original animation faces right):\nexport default defineScript({\n  update(self, dt) {\n    // calculate self.velocity somehow\n    sprite.set_hflip(\"#sprite\", self.velocity.x < 0);\n  },\n});"
+      "ts": "// How to flip a sprite so it faces the horizontal movement (it is assumed that\n// the sprite component has id \"sprite\" and the original animation faces right):\nexport default defineScript({\n  init() {\n    return { velocity: vmath.vector3() };\n  },\n\n  update(self, dt) {\n    // calculate self.velocity somehow\n    sprite.set_hflip(\"#sprite\", self.velocity.x < 0);\n  },\n});"
     }
   ],
   "sprite.set_vflip": [
     {
       "sourceHash": "89dcc94c14d785e2",
-      "ts": "// How to flip a sprite in a game which negates gravity as a game mechanic (it is\n// assumed that the sprite component has id \"sprite\" and the original animation\n// is up-right):\nexport default defineScript({\n  update(self, dt) {\n    // calculate self.up_side_down somehow, then:\n    sprite.set_vflip(\"#sprite\", self.up_side_down);\n  },\n});"
+      "ts": "// How to flip a sprite in a game which negates gravity as a game mechanic (it is\n// assumed that the sprite component has id \"sprite\" and the original animation\n// is up-right):\nexport default defineScript({\n  init() {\n    return { up_side_down: false };\n  },\n\n  update(self, dt) {\n    // calculate self.up_side_down somehow, then:\n    sprite.set_vflip(\"#sprite\", self.up_side_down);\n  },\n});"
     }
   ],
   "sys.deserialize": [
@@ -1608,7 +1608,7 @@
   "sys.exists": [
     {
       "sourceHash": "7e98945102ff1ab7",
-      "ts": "// Load data but return nil if path didn't exist\nconst path = \"/save/game.dat\";\nif (!sys.exists(path)) {\n  return undefined;\n}\nreturn sys.load(path); // returns {} if it failed"
+      "ts": "// Load data but return nil if path didn't exist\nfunction load_data(path: string) {\n  if (!sys.exists(path)) {\n    return undefined;\n  }\n  return sys.load(path); // returns {} if it failed\n}"
     }
   ],
   "sys.exit": [
@@ -1620,7 +1620,7 @@
   "sys.get_application_info": [
     {
       "sourceHash": "e13c2cc712709832",
-      "ts": "// Check if twitter is installed:\nconst sysinfo = sys.get_sys_info();\nlet twitter = {};\n\nif (sysinfo.system_name === \"Android\") {\n  twitter = sys.get_application_info(\"com.twitter.android\");\n} else if (sysinfo.system_name === \"iPhone OS\") {\n  twitter = sys.get_application_info(\"twitter:\");\n}\n\nif (twitter.installed) {\n  // twitter is installed!\n}\n\n// Info.plist for the iOS app needs to list the schemes that are queried:\n// ...\n// <key>LSApplicationQueriesSchemes</key>\n//  <array>\n//    <string>twitter</string>\n//  </array>\n// ..."
+      "ts": "// Check if twitter is installed:\nconst sysinfo = sys.get_sys_info();\nlet twitter: { installed?: boolean } = {};\n\nif (sysinfo.system_name === \"Android\") {\n  twitter = sys.get_application_info(\"com.twitter.android\");\n} else if (sysinfo.system_name === \"iPhone OS\") {\n  twitter = sys.get_application_info(\"twitter:\");\n}\n\nif (twitter.installed) {\n  // twitter is installed!\n}\n\n// Info.plist for the iOS app needs to list the schemes that are queried:\n// ...\n// <key>LSApplicationQueriesSchemes</key>\n//  <array>\n//    <string>twitter</string>\n//  </array>\n// ..."
     }
   ],
   "sys.get_application_path": [
@@ -1668,7 +1668,7 @@
   "sys.get_host_path": [
     {
       "sourceHash": "a059ecb3d55d5c22",
-      "ts": "// Save data on the host\nconst mytable = { score: 100, level: 3 };\nconst host_path = sys.get_host_path(\"logs/test.txt\");\nsys.save(host_path, mytable);\n\n// Load data from the host\nconst host_path = sys.get_host_path(\"logs/test.txt\");\nconst table = sys.load(host_path);"
+      "ts": "// Save data on the host\n{\n  const mytable = { score: 100, level: 3 };\n  const host_path = sys.get_host_path(\"logs/test.txt\");\n  sys.save(host_path, mytable);\n}\n\n// Load data from the host\n{\n  const host_path = sys.get_host_path(\"logs/test.txt\");\n  const table = sys.load(host_path);\n}"
     }
   ],
   "sys.get_ifaddrs": [
@@ -1704,7 +1704,7 @@
   "sys.load_buffer_async": [
     {
       "sourceHash": "6a383bca91cf11eb",
-      "ts": "// Load binary data from a custom project resource and update a texture resource:\nfunction my_callback(self: unknown, request_id: unknown, result: unknown) {\n  const { status, buf } = result as { status: number; buf: Opaque<\"buffer\"> };\n  if (status === resource.REQUEST_STATUS_FINISHED) {\n    resource.set_texture(\"/my_texture\", {}, buf); // texture args\n  }\n}\n\nconst my_request = sys.load_buffer_async(\"/assets/my_level_data.bin\", my_callback);\n\n// Load binary data from non-custom resource files on disk:\nfunction my_callback(self: unknown, request_id: unknown, result: unknown) {\n  const { first_asset, second_asset } = self as { first_asset: Hash; second_asset: Hash };\n  if ((result as { status: number }).status !== sys.REQUEST_STATUS_FINISHED) {\n    // uh oh! File could not be found, do something graceful\n  } else if (request_id === first_asset) {\n    // result.buffer contains data from my_level_asset.bin\n  } else if (request_id === second_asset) {\n    // result.buffer contains data from 'my_level.bin'\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    self.first_asset = hash(\"folder_next_to_binary/my_level_asset.bin\");\n    self.second_asset = hash(\"/some_absolute_path/my_level.bin\");\n    self.first_request = sys.load_buffer_async(self.first_asset, my_callback);\n    self.second_request = sys.load_buffer_async(self.second_asset, my_callback);\n  },\n});"
+      "ts": "// Load binary data from a custom project resource and update a texture resource:\n{\n  function my_callback(self: unknown, request_id: unknown, result: unknown) {\n    const { status, buf } = result as { status: number; buf: Opaque<\"buffer\"> };\n    if (status === sys.REQUEST_STATUS_FINISHED) {\n      resource.set_texture(\"/my_texture\", {}, buf); // texture args\n    }\n  }\n\n  const my_request = sys.load_buffer_async(\"/assets/my_level_data.bin\", my_callback);\n}\n\n// Load binary data from non-custom resource files on disk:\nfunction my_callback(self: unknown, request_id: unknown, result: unknown) {\n  const { first_asset, second_asset } = self as { first_asset: Hash; second_asset: Hash };\n  if ((result as { status: number }).status !== sys.REQUEST_STATUS_FINISHED) {\n    // uh oh! File could not be found, do something graceful\n  } else if (request_id === first_asset) {\n    // result.buffer contains data from my_level_asset.bin\n  } else if (request_id === second_asset) {\n    // result.buffer contains data from 'my_level.bin'\n  }\n}\n\nexport default defineScript({\n  init() {\n    const first_path = \"folder_next_to_binary/my_level_asset.bin\";\n    const second_path = \"/some_absolute_path/my_level.bin\";\n    return {\n      first_asset: hash(first_path),\n      second_asset: hash(second_path),\n      first_request: sys.load_buffer_async(first_path, my_callback),\n      second_request: sys.load_buffer_async(second_path, my_callback),\n    };\n  },\n});"
     }
   ],
   "sys.load_resource": [
@@ -1846,7 +1846,7 @@
     },
     {
       "sourceHash": "f4f87939dbdd5fc3",
-      "ts": "// This example demonstrates how to update a text node that displays game score\n// in a counting fashion. It is assumed that the gui component receives messages\n// from the game when a new score is to be shown.\nexport default defineGuiScript({\n  init(self) {\n    // fetch the score text node for later use (assumes it is called \"score\")\n    self.score_node = gui.get_node(\"score\");\n    // keep track of the current score counted up so far\n    self.current_score = 0;\n    // keep track of the target score we should count up to\n    self.target_score = 0;\n    // how fast we will update the score, in score/second\n    self.score_update_speed = 1;\n  },\n\n  update(self, dt) {\n    // check if target score is more than current score\n    if (self.current_score < self.target_score) {\n      // increment current score according to the speed\n      self.current_score = self.current_score + dt * self.score_update_speed;\n      // check if we went past the target score, clamp current score in that case\n      if (self.current_score > self.target_score) {\n        self.current_score = self.target_score;\n      }\n      // update the score text node\n      gui.set_text(self.score_node, \"\" + math.floor(self.current_score));\n    }\n  },\n\n  on_message(self, message_id, message) {\n    // check the message\n    if (message_id === hash(\"set_score\")) {\n      self.target_score = message.score;\n    }\n  },\n});"
+      "ts": "// This example demonstrates how to update a text node that displays game score\n// in a counting fashion. It is assumed that the gui component receives messages\n// from the game when a new score is to be shown.\nexport default defineGuiScript({\n  init() {\n    return {\n      // fetch the score text node for later use (assumes it is called \"score\")\n      score_node: gui.get_node(\"score\"),\n      // keep track of the current score counted up so far\n      current_score: 0,\n      // keep track of the target score we should count up to\n      target_score: 0,\n      // how fast we will update the score, in score/second\n      score_update_speed: 1,\n    };\n  },\n\n  update(self, dt) {\n    // check if target score is more than current score\n    if (self.current_score < self.target_score) {\n      // increment current score according to the speed\n      self.current_score = self.current_score + dt * self.score_update_speed;\n      // check if we went past the target score, clamp current score in that case\n      if (self.current_score > self.target_score) {\n        self.current_score = self.target_score;\n      }\n      // update the score text node\n      gui.set_text(self.score_node, \"\" + math.floor(self.current_score));\n    }\n  },\n\n  on_message(self, message_id, message) {\n    // check the message\n    if (message_id === hash(\"set_score\") && typeof message.score === \"number\") {\n      self.target_score = message.score;\n    }\n  },\n});"
     }
   ],
   "vmath.clamp": [
@@ -1904,11 +1904,11 @@
     },
     {
       "sourceHash": "7cf8c0c1679ab05b",
-      "ts": "export default defineScript({\n  init(self) {\n    self.t = 0;\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startrot = vmath.quat_rotation_z(0);\n      const endrot = vmath.quat_rotation_z(3.141592653);\n      const rot = vmath.lerp(self.t, startrot, endrot);\n      go.set_rotation(rot, \"go\");\n    }\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    return { t: 0 };\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startrot = vmath.quat_rotation_z(0);\n      const endrot = vmath.quat_rotation_z(3.141592653);\n      const rot = vmath.lerp(self.t, startrot, endrot);\n      go.set_rotation(rot, \"go\");\n    }\n  },\n});"
     },
     {
       "sourceHash": "0f4fdfe7a9a39df7",
-      "ts": "export default defineScript({\n  init(self) {\n    self.t = 0;\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startx = 0;\n      const endx = 600;\n      const x = vmath.lerp(self.t, startx, endx);\n      go.set_position(vmath.vector3(x, 100, 0), \"go\");\n    }\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    return { t: 0 };\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startx = 0;\n      const endx = 600;\n      const x = vmath.lerp(self.t, startx, endx);\n      go.set_position(vmath.vector3(x, 100, 0), \"go\");\n    }\n  },\n});"
     }
   ],
   "vmath.matrix4": [
@@ -2094,7 +2094,7 @@
     },
     {
       "sourceHash": "858acbd524dfe896",
-      "ts": "export default defineScript({\n  init(self) {\n    self.t = 0;\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startrot = vmath.quat_rotation_z(0);\n      const endrot = vmath.quat_rotation_z(3.141592653);\n      const rot = vmath.slerp(self.t, startrot, endrot);\n      go.set_rotation(rot, \"go\");\n    }\n  },\n});"
+      "ts": "export default defineScript({\n  init() {\n    return { t: 0 };\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startrot = vmath.quat_rotation_z(0);\n      const endrot = vmath.quat_rotation_z(3.141592653);\n      const rot = vmath.slerp(self.t, startrot, endrot);\n      go.set_rotation(rot, \"go\");\n    }\n  },\n});"
     }
   ],
   "vmath.vector": [