fragment-tools 0.1.0 → 0.1.1

package/. npmignore

@@ -0,0 +1,4 @@
+.DS_Store
+.vscode
+/examples
+/docs

package/examples/package.json

@@ -6,7 +6,6 @@
     "p5": "^1.4.1",
     "three": "^0.140.2"
   },
-  "devDependencies": {},
   "scripts": {
     "start": "fragment ./circle-2d.js"
   },

package/examples/shape-2d.js

@@ -23,6 +23,7 @@ export let props = {
 export let fps = 0;
 
 export let update = ({ context, width, height }) => {
+  console.log("shape2d update");
   // draw background
   context.fillStyle = props.background.value;
   context.fillRect(0, 0, width, height);
@@ -43,3 +44,7 @@ export let update = ({ context, width, height }) => {
 };
 
 export let rendering = "2d";
+
+export let buildConfig = {
+  gui: true,
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fragment-tools",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A web development environment for creative coding",
   "main": "index.js",
   "bin": {

package/src/cli/server.js

@@ -86,11 +86,17 @@ export async function start({ options, filepaths, entries, fragment }) {
             '__PRODUCTION__': options.build,
         },
         optimizeDeps: {
+            include: ['convert-length', 'webm-writer', 'changedpi'],
             exclude: [
                 "@fragment/sketches",
                 ...entriesPaths,
             ]
-        }
+        },
+        build: {
+            commonjsOptions: {
+                include: ['convert-length', 'webm-writer', 'changedpi'],
+            },
+        },
     });
 
     if (options.build) {

package/src/client/app/modules/Monitor.svelte

@@ -21,6 +21,18 @@ let selected = sketchKey ?
     sketchKey :
     ($preview ? $preview : $sketchesKeys[Math.min(id, $sketchesKeys.length - 1)]);
 
+sketchesKeys.subscribe((keys) => {
+    if (!selected && keys.length > 0) {
+        $monitors = $monitors.map(monitor => {
+            if (monitor.id === id) {
+                monitor.selected = $sketchesKeys[Math.min(id, $sketchesKeys.length - 1)];
+            }
+
+            return monitor;
+        });
+    }
+});
+
 onMount(() => {
     $monitors = [
         ...$monitors,