create-substrate 0.1.1 → 0.1.3

package/dist/surfaces/3d-scene.js

@@ -9,12 +9,12 @@ export const scene3d = {
         "status-bar",
     ],
     extraDeps: {
-        three: "^0.170.0",
-        "@react-three/fiber": "^8.17.0",
-        "@react-three/drei": "^9.117.0",
+        three: "^0.172.0",
+        "@react-three/fiber": "^9.0.0",
+        "@react-three/drei": "^10.0.0",
     },
     extraDevDeps: {
-        "@types/three": "^0.170.0",
+        "@types/three": "^0.172.0",
     },
     app: () => `import { useState, useRef } from "react"
 import { Canvas } from "@react-three/fiber"
@@ -172,8 +172,8 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Mode" value={mode} />
-          {selected && <StatusBarItem label="Selected" value={selected.id} />}
+          <StatusBarItem>Mode: {mode}</StatusBarItem>
+          {selected && <StatusBarItem>Selected: {selected.id}</StatusBarItem>}
         </StatusBarSection>
       </StatusBar>
     </div>

package/dist/surfaces/3d-scene.js.map

@@ -1 +1 @@
-{"version":3,"file":"3d-scene.js","sourceRoot":"","sources":["../../src/surfaces/3d-scene.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAkB;IACpC,UAAU,EAAE;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,QAAQ;QACR,cAAc;QACd,eAAe;QACf,YAAY;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAU;QACjB,oBAAoB,EAAE,SAAS;QAC/B,mBAAmB,EAAE,UAAU;KAChC;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,UAAU;KAC3B;IACD,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKZ;CACA,CAAA"}
+{"version":3,"file":"3d-scene.js","sourceRoot":"","sources":["../../src/surfaces/3d-scene.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAkB;IACpC,UAAU,EAAE;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,QAAQ;QACR,cAAc;QACd,eAAe;QACf,YAAY;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAU;QACjB,oBAAoB,EAAE,QAAQ;QAC9B,mBAAmB,EAAE,SAAS;KAC/B;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,UAAU;KAC3B;IACD,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKZ;CACA,CAAA"}

package/dist/surfaces/animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/surfaces/animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,SAAS,EAAE,aAiNvB,CAAA"}
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/surfaces/animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,SAAS,EAAE,aAoNvB,CAAA"}

package/dist/surfaces/animation.js

@@ -135,7 +135,10 @@ export default function App() {
             <PaneContent>
               <div className="grid grid-cols-2 gap-2">
                 <NumberInput label="Frame" value={currentFrame} onChange={setCurrentFrame} min={0} max={totalFrames} />
-                <NumberInput label="Value" defaultValue={0} />
+                <div>
+                  <label className="text-xs font-medium">Value</label>
+                  <NumberInput value={0} onChange={() => {}} />
+                </div>
               </div>
             </PaneContent>
           </Pane>
@@ -180,11 +183,11 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Frame" value={\`\${currentFrame} / \${totalFrames}\`} />
-          <StatusBarItem label="State" value={playing ? "Playing" : "Stopped"} />
+          <StatusBarItem>Frame: {currentFrame} / {totalFrames}</StatusBarItem>
+          <StatusBarItem>State: {playing ? "Playing" : "Stopped"}</StatusBarItem>
         </StatusBarSection>
         <StatusBarSection>
-          <HistoryControls canUndo={false} canRedo={false} onUndo={() => {}} onRedo={() => {}} />
+          <HistoryControls size="sm" />
         </StatusBarSection>
       </StatusBar>
     </div>

package/dist/surfaces/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../src/surfaces/animation.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAkB;IACtC,UAAU,EAAE;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,UAAU;QACV,qBAAqB;QACrB,QAAQ;QACR,cAAc;QACd,kBAAkB;QAClB,YAAY;KACb;IACD,SAAS,EAAE;QACT,IAAI,EAAE,SAAS;KAChB;IACD,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiMZ;CACA,CAAA"}
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../src/surfaces/animation.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAkB;IACtC,UAAU,EAAE;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,UAAU;QACV,qBAAqB;QACrB,QAAQ;QACR,cAAc;QACd,kBAAkB;QAClB,YAAY;KACb;IACD,SAAS,EAAE;QACT,IAAI,EAAE,SAAS;KAChB;IACD,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoMZ;CACA,CAAA"}

package/dist/surfaces/blank.js

@@ -61,7 +61,7 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Tool" value={tool} />
+          <StatusBarItem>Tool: {tool}</StatusBarItem>
         </StatusBarSection>
       </StatusBar>
     </div>

package/dist/surfaces/canvas-2d.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-2d.d.ts","sourceRoot":"","sources":["../../src/surfaces/canvas-2d.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,QAAQ,EAAE,aAyItB,CAAA"}
+{"version":3,"file":"canvas-2d.d.ts","sourceRoot":"","sources":["../../src/surfaces/canvas-2d.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,QAAQ,EAAE,aA8ItB,CAAA"}

package/dist/surfaces/canvas-2d.js

@@ -57,6 +57,11 @@ const TOOLS = [
 export default function App() {
   const [tool, setTool] = useState("select")
   const [zoom, setZoom] = useState(1)
+  const [x, setX] = useState(0)
+  const [y, setY] = useState(0)
+  const [w, setW] = useState(100)
+  const [h, setH] = useState(100)
+  const [fill, setFill] = useState("#6366f1")
 
   return (
     <div className="flex h-screen flex-col bg-background text-foreground">
@@ -90,10 +95,10 @@ export default function App() {
             </PaneHeader>
             <PaneContent>
               <div className="grid grid-cols-2 gap-2">
-                <NumberInput label="X" defaultValue={0} />
-                <NumberInput label="Y" defaultValue={0} />
-                <NumberInput label="W" defaultValue={100} />
-                <NumberInput label="H" defaultValue={100} />
+                <NumberInput label="X" value={x} onChange={setX} />
+                <NumberInput label="Y" value={y} onChange={setY} />
+                <NumberInput label="W" value={w} onChange={setW} />
+                <NumberInput label="H" value={h} onChange={setH} />
               </div>
             </PaneContent>
           </Pane>
@@ -102,7 +107,7 @@ export default function App() {
               <PaneLabel>Fill</PaneLabel>
             </PaneHeader>
             <PaneContent>
-              <ColourPicker />
+              <ColourPicker value={fill} onChange={setFill} />
             </PaneContent>
           </Pane>
         </Panel>
@@ -124,11 +129,11 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Tool" value={tool} />
+          <StatusBarItem>Tool: {tool}</StatusBarItem>
         </StatusBarSection>
         <StatusBarSection>
-          <HistoryControls canUndo={false} canRedo={false} onUndo={() => {}} onRedo={() => {}} />
-          <ZoomControls zoom={zoom} onZoomIn={() => setZoom((z) => Math.min(z * 1.25, 10))} onZoomOut={() => setZoom((z) => Math.max(z / 1.25, 0.1))} onReset={() => setZoom(1)} />
+          <HistoryControls size="sm" />
+          <ZoomControls zoom={zoom} onZoomChange={setZoom} />
         </StatusBarSection>
       </StatusBar>
     </div>

package/dist/surfaces/canvas-2d.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-2d.js","sourceRoot":"","sources":["../../src/surfaces/canvas-2d.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAkB;IACrC,UAAU,EAAE;QACV,eAAe;QACf,SAAS;QACT,OAAO;QACP,MAAM;QACN,QAAQ;QACR,YAAY;QACZ,cAAc;QACd,eAAe;QACf,kBAAkB;QAClB,YAAY;QACZ,eAAe;KAChB;IACD,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HZ;CACA,CAAA"}
+{"version":3,"file":"canvas-2d.js","sourceRoot":"","sources":["../../src/surfaces/canvas-2d.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAkB;IACrC,UAAU,EAAE;QACV,eAAe;QACf,SAAS;QACT,OAAO;QACP,MAAM;QACN,QAAQ;QACR,YAAY;QACZ,cAAc;QACd,eAAe;QACf,kBAAkB;QAClB,YAAY;QACZ,eAAe;KAChB;IACD,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HZ;CACA,CAAA"}

package/dist/surfaces/data-vis.js

@@ -162,9 +162,9 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Chart" value={chartType} />
-          <StatusBarItem label="Metric" value={metric} />
-          <StatusBarItem label="Points" value={String(SAMPLE_DATA.length)} />
+          <StatusBarItem>Chart: {chartType}</StatusBarItem>
+          <StatusBarItem>Metric: {metric}</StatusBarItem>
+          <StatusBarItem>Points: {SAMPLE_DATA.length}</StatusBarItem>
         </StatusBarSection>
       </StatusBar>
     </div>

package/dist/surfaces/image-gen.js

@@ -177,12 +177,12 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Generations" value={String(generations.length)} />
-          {generating && <StatusBarItem label="Progress" value={\`\${progress}%\`} />}
+          <StatusBarItem>Generations: {generations.length}</StatusBarItem>
+          {generating && <StatusBarItem>Progress: {progress}%</StatusBarItem>}
         </StatusBarSection>
         <StatusBarSection>
-          <StatusBarItem label="Steps" value={String(steps)} />
-          <StatusBarItem label="CFG" value={String(cfg)} />
+          <StatusBarItem>Steps: {steps}</StatusBarItem>
+          <StatusBarItem>CFG: {cfg}</StatusBarItem>
         </StatusBarSection>
       </StatusBar>
     </div>

package/dist/surfaces/node-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-editor.d.ts","sourceRoot":"","sources":["../../src/surfaces/node-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,UAAU,EAAE,aAiNxB,CAAA"}
+{"version":3,"file":"node-editor.d.ts","sourceRoot":"","sources":["../../src/surfaces/node-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,UAAU,EAAE,aAqNxB,CAAA"}

package/dist/surfaces/node-editor.js

@@ -163,8 +163,14 @@ export default function App() {
               </PaneHeader>
               <PaneContent>
                 <div className="grid grid-cols-2 gap-2">
-                  <NumberInput label="X" value={selected.x} />
-                  <NumberInput label="Y" value={selected.y} />
+                  <div>
+                    <label className="text-xs font-medium">X</label>
+                    <NumberInput value={selected.x} onChange={() => {}} />
+                  </div>
+                  <div>
+                    <label className="text-xs font-medium">Y</label>
+                    <NumberInput value={selected.y} onChange={() => {}} />
+                  </div>
                 </div>
               </PaneContent>
             </Pane>
@@ -191,15 +197,13 @@ export default function App() {
 
       <StatusBar>
         <StatusBarSection>
-          <StatusBarItem label="Tool" value={tool} />
-          {selected && <StatusBarItem label="Node" value={selected.label} />}
+          <StatusBarItem>Tool: {tool}</StatusBarItem>
+          {selected && <StatusBarItem>Node: {selected.label}</StatusBarItem>}
         </StatusBarSection>
         <StatusBarSection>
           <ZoomControls
             zoom={zoom}
-            onZoomIn={() => setZoom((z) => Math.min(z * 1.25, 5))}
-            onZoomOut={() => setZoom((z) => Math.max(z / 1.25, 0.2))}
-            onReset={() => setZoom(1)}
+            onZoomChange={setZoom}
           />
         </StatusBarSection>
       </StatusBar>

package/dist/surfaces/node-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-editor.js","sourceRoot":"","sources":["../../src/surfaces/node-editor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAkB;IACvC,UAAU,EAAE;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,MAAM;QACN,cAAc;QACd,eAAe;QACf,YAAY;QACZ,eAAe;QACf,iBAAiB;KAClB;IACD,OAAO,EAAE;;;;;;;mCAOwB;IACjC,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LZ;CACA,CAAA"}
+{"version":3,"file":"node-editor.js","sourceRoot":"","sources":["../../src/surfaces/node-editor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAkB;IACvC,UAAU,EAAE;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,MAAM;QACN,cAAc;QACd,eAAe;QACf,YAAY;QACZ,eAAe;QACf,iBAAiB;KAClB;IACD,OAAO,EAAE;;;;;;;mCAOwB;IACjC,GAAG,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMZ;CACA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-substrate",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Scaffold a Substrate creative tool playground",
   "type": "module",
   "bin": {