added jump, save cue

astro/src/components/Toolbar.tsx

@@ -22,7 +22,7 @@ import GitHubIcon from '../ui/GitHubIcon.tsx'
 import { saveFile } from "../lib/saveFile.ts";
 
 export default function Toolbar() {
-  const { connected } = getStore()
+  const { connected, needsSaving } = getStore()
 
   const [hidden, setHidden] = useState(true)
 
@@ -39,7 +39,7 @@ export default function Toolbar() {
         <div 
           class="relative cursor-pointer w-max h-full flex items-center p-1 hover:bg-white hover:bg-opacity-10"
           onClick={() => saveFile(getCode())}>
-          save (ctrl/cmd+s)
+          { needsSaving ? "save* (ctrl/cmd+s)" : "save (ctrl/cmd+s)" }
         </div>
         <NewButton />
         <OpenButton />

astro/src/lib/drawingToolkit/turtle.ts

@@ -58,6 +58,13 @@ export class Turtle {
     return this
   }
 
+  jump(pt: Point) {
+    this.up();
+    this.goTo(pt);
+    this.down();
+    return this;
+  }
+
   forward(distance: number) {
     const last = this.position
     const a = (this.angle / 180) * Math.PI
@@ -217,9 +224,9 @@ export class Turtle {
     return getAngle(this.path, t)
   }
 
-  getNormal(t: number) {
-    return getNormal(this.path, t)
-  }
+  // getNormal(t: number) {
+  //   return getNormal(this.path, t)
+  // }
 
   trim(t0: number, t1: number) {
     trimPolylines(this.path, t0, t1)
@@ -466,15 +473,19 @@ function extrema(pts: Point[]) {
 function tValuesForPoints(polylines: Polyline[]) {
   let totalLength = 0
   let lengths = []
-  let tValues = [0]
+  let tValues = []
 
+  let segmentLength = 0;
   for (let i = 0; i < polylines.length; i++) {
     let polyline = polylines[i]
-    for (let j = 1; j < polyline.length; j++) {
-      let dx = polyline[j][0] - polyline[j - 1][0]
-      let dy = polyline[j][1] - polyline[j - 1][1]
-      let segmentLength = Math.sqrt(dx * dx + dy * dy)
-      totalLength += segmentLength
+    for (let j = 0; j < polyline.length; j++) {
+      if (j > 0) {
+        let dx = polyline[j][0] - polyline[j - 1][0]
+        let dy = polyline[j][1] - polyline[j - 1][1]
+        segmentLength = Math.sqrt(dx * dx + dy * dy)
+        totalLength += segmentLength
+      }
+
       lengths.push(segmentLength)
     }
   }

astro/src/lib/init.js

@@ -6,6 +6,8 @@ import { addMachineControl } from './events/addMachineControl.js'
 import { addLoadBackup } from './events/addLoadBackup.js'
 import { addSrcURLParam } from './events/addSrcURLParam.js'
 import { saveFile } from "./saveFile.ts";
+import { useOnEditorChange } from "./events.ts";
+
 
 export function init() {
   console.log('init')
@@ -39,6 +41,10 @@ export function init() {
     }
   })
 
+  useOnEditorChange(() => {
+    patchStore({ needsSaving: true });
+  })
+
   // get settings from localStorage
 
   const theme = localStorage.getItem('colorTheme') ?? 'light'

astro/src/lib/saveFile.ts

@@ -22,8 +22,6 @@ export async function saveFile(content, { filename, fileHandle } = {} ) {
       suggestedName: filename ?? "anon",
     });
 
-    patchStore({ fileHandle });
-
     // Create a FileSystemWritableFileStream to write to.
     const writableStream = await fileHandle.createWritable();
 
@@ -35,6 +33,8 @@ export async function saveFile(content, { filename, fileHandle } = {} ) {
 
     // Here, you can only print the file name, not the full path
     console.log(`File saved: ${fileHandle.name}`);
+
+    patchStore({ fileHandle, needsSaving: false });
   } catch (err) {
     console.error("File save failed", err);
   }

astro/src/lib/state.ts

@@ -38,7 +38,8 @@ export type GlobalState = {
   view: EditorView | null
   theme: 'light' | 'dark'
   vimMode: boolean,
-  fileHandle: any
+  fileHandle: any,
+  needsSaving: boolean
 }
 
 // setting/initializing state
@@ -58,7 +59,8 @@ const newState: Omit<GlobalState, 'code'> = {
   view: null,
   theme: 'light',
   vimMode: false,
-  fileHandle: null
+  fileHandle: null,
+  needsSaving: false
 }
 
 export const makeNewState = (): GlobalState => {

docs/TOOLKIT.md

@@ -18,6 +18,9 @@ t.goTo([ x: number, y: number ])
 t.forward(distance: number)
 t.arc(angle: number, radius: number)
 
+// to move to pt without drawing and end up in drawing position
+t.jump([ x: number, y: number ])
+
 // change angle
 t.setAngle(theta: number)
 t.right(theta: number)
@@ -66,14 +69,32 @@ t.height
 t.join(anotherTurtle)
 
 // to apply a function to all pts in a turtle
-// this will replace the old point values with the new ones
+// fn takes (pt, tValue) => { ... }
+// return [ x, y ] to replace the old point value with the new one
+// return "BREAK" to split path at that point
+// return "REMOVE" to filter out that point
 t.iteratePath(fn)
 
 t.resample(resolution)
 
+// takes value 0 - 1 and returns point that far along paths
 t.interpolate(tValue)
+
+// takes value 0 - 1 and returns angle that far along paths
+t.getAngle(tValue)
 ```
 
+<!-- 
+displace
+warp
+bezierEasing
+trim 
+merge
+getNormal
+extrema
+copy
+-->
+
 To render a turtle use `drawTurtles`, it takes a list of turtles to draw.
 
 ```js