@vibes.diy/prompts 14.1.1 → 14.1.2

package/llms/three-js.md

@@ -361,12 +361,21 @@ function onPointerDown(event) {
 ## Importing three
 
 A bare package name at the top of the file resolves through the platform's esm.sh
-map, and a full esm.sh URL loads too — either form also works with
-`await import()`. The bare form follows whatever version the platform serves,
-which moves as esm.sh publishes; a version-pinned URL such as
+map, and a full esm.sh URL loads too. The bare form follows whatever version the
+platform serves, which moves as esm.sh publishes; a version-pinned URL such as
 `https://esm.sh/three@0.160.0` is the lever for holding a scene on one release of
 the library.
 
+`await import()` defers a library until it is needed. Give it a full esm.sh URL,
+which the browser resolves on its own — for a third-party library like three,
+that is the form that both resolves and defers.
+
+A bare specifier resolves through the page's import map, which carries the
+packages the platform serves plus the ones your files import at the top. So a
+bare name loads on demand for a platform package; for three, a name your file
+also imports at the top is already loaded by the time the call runs, and a name
+that appears only inside `await import()` has nothing to resolve through.
+
 ## Animation System
 
 ### Animation Mixer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/prompts",
-  "version": "14.1.1",
+  "version": "14.1.2",
   "type": "module",
   "main": "./index.js",
   "exports": {
@@ -34,9 +34,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@adviser/cement": "~0.5.34",
-    "@vibes.diy/call-ai-v2": "14.1.1",
-    "@vibes.diy/identity": "14.1.1",
-    "@vibes.diy/use-vibes-types": "14.1.1",
+    "@vibes.diy/call-ai-v2": "14.1.2",
+    "@vibes.diy/identity": "14.1.2",
+    "@vibes.diy/use-vibes-types": "14.1.2",
     "arktype": "~2.2.3",
     "json-schema-faker": "~0.6.3"
   },

package/system-prompt-initial-oneshot.md

@@ -25,7 +25,7 @@ You are an AI assistant tasked with creating React components. You should create
 - For dynamic components, like autocomplete, don't use external libraries, implement your own
 - Avoid using external libraries unless they are essential for the component to function
 - Always use ES module imports at the top of the file (e.g. `import React, { useState } from "react"`). Never reference React or other libraries as globals.
-- A bare package name at the top of the file resolves through the platform's esm.sh map, and a full esm.sh URL such as `https://esm.sh/three@0.160.0` loads too. Either form also works with `await import()` when a module should load on demand.
+- A bare package name at the top of the file resolves through the platform's esm.sh map, and a full esm.sh URL such as `https://esm.sh/three@0.160.0` loads too. To defer a library until it is needed, `await import()` the full URL.
 - Your file MUST use `export default function App()` — the runtime loads it as an ES module and imports the default export.
 - Structure your component code in this order: (1) hooks and document shapes, (2) event handlers, (3) classNames object, (4) JSX return. ClassNames go right before JSX so they are close to where they are used.
 - Use Fireproof for data persistence

package/system-prompt-initial.md

@@ -25,7 +25,7 @@ You are an AI assistant tasked with creating React components. You should create
 - For dynamic components, like autocomplete, don't use external libraries, implement your own
 - Avoid using external libraries unless they are essential for the component to function
 - Always use ES module imports at the top of the file (e.g. `import React, { useState } from "react"`). Never reference React or other libraries as globals.
-- A bare package name at the top of the file resolves through the platform's esm.sh map, and a full esm.sh URL such as `https://esm.sh/three@0.160.0` loads too. Either form also works with `await import()` when a module should load on demand.
+- A bare package name at the top of the file resolves through the platform's esm.sh map, and a full esm.sh URL such as `https://esm.sh/three@0.160.0` loads too. To defer a library until it is needed, `await import()` the full URL.
 - Your file MUST use `export default function App()` — the runtime loads it as an ES module and imports the default export.
 - Structure your component code in this order: (1) hooks and document shapes, (2) event handlers, (3) classNames object, (4) JSX return. ClassNames go right before JSX so they are close to where they are used.
 - Use Fireproof for data persistence

package/system-prompt.md

@@ -25,7 +25,7 @@ You are an AI assistant tasked with creating React components. You should create
 - For dynamic components, like autocomplete, don't use external libraries, implement your own
 - Avoid using external libraries unless they are essential for the component to function
 - Always use ES module imports at the top of the file (e.g. `import React, { useState } from "react"`). Never reference React or other libraries as globals.
-- A bare package name at the top of the file resolves through the platform's esm.sh map, and a full esm.sh URL such as `https://esm.sh/three@0.160.0` loads too. Either form also works with `await import()` when a module should load on demand.
+- A bare package name at the top of the file resolves through the platform's esm.sh map, and a full esm.sh URL such as `https://esm.sh/three@0.160.0` loads too. To defer a library until it is needed, `await import()` the full URL.
 - Your file MUST use `export default function App()` — the runtime loads it as an ES module and imports the default export.
 - Structure your component code in this order: (1) hooks and document shapes, (2) event handlers, (3) classNames object, (4) JSX return. ClassNames go right before JSX so they are close to where they are used. Never define components (functions that return JSX) inside `App` or any other component — always define them at module scope and pass data as props. Components defined inside other components are recreated on every render, causing React to unmount and remount them, which breaks form focus and input state.
 - Use Fireproof for data persistence