rename register to define

demo/animated-shapes.html

@@ -68,7 +68,7 @@
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       const geos = document.querySelectorAll('fc-geometry');
 

demo/arrows.html

@@ -37,8 +37,8 @@
       import { FolkConnection } from '../src/arrows/fc-connection.ts';
       import '../src/arrows/iframe-script.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkConnection.register();
+      FolkConnection.define();
     </script>
   </body>
 </html>

demo/beats.html

@@ -65,10 +65,10 @@
       import { FolkMetronome } from '../src/folk-metronome.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkLLM.register();
+      FolkLLM.define();
-      FolkMetronome.register();
+      FolkMetronome.define();
-      EventPropagator.register();
+      EventPropagator.define();
     </script>
   </body>
 </html>

demo/canvasify.html

@@ -45,77 +45,64 @@
       <h1>My article</h1>
       <p>
         <span
-          >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          eiusmod tempor incididunt ut labore et dolore magna aliqua.</span
+          magna aliqua.</span
         >
-        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
+        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
-        ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+        aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
-        qui officia deserunt mollit anim id est laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+        laborum.
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+        laborum.
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        pariatur.
-        velit esse cillum dolore eu fugiat nulla pariatur.
         <span
-          >Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+          >Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-          officia deserunt mollit anim id est laborum.</span
+          laborum.</span
         >
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+        laborum.
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet,>consectetur adipiscing elit, sed do eiusmod
+        Lorem ipsum dolor sit amet,>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+        laborum.
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+        laborum.
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
       </p>
     </main>
 
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       function copyStyles(from, to) {
         const styles = getComputedStyle(from);
@@ -128,8 +115,7 @@
       }
 
       document.addEventListener('click', ({ target }) => {
-        if (target.closest('fc-geometry') || target.matches('body, html'))
+        if (target.closest('fc-geometry') || target.matches('body, html')) return;
-          return;
 
         const rect = target.getBoundingClientRect();
 

demo/chains-of-thought/main.ts

@@ -11,7 +11,7 @@ declare global {
 class FolkThought extends HTMLElement {
   static tagName = 'fc-thought';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
@@ -44,9 +44,9 @@ class FolkThought extends HTMLElement {
   }
 }
 
-FolkGeometry.register();
+FolkGeometry.define();
-FolkThought.register();
+FolkThought.define();
-FolkConnection.register();
+FolkConnection.define();
 
 interface Thought {
   id: string;

demo/collision.html

@@ -32,7 +32,7 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { collisionDetection } from '../src/collision.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       const geometryElements = document.querySelectorAll('fc-geometry');
 

demo/event-propagator.html

@@ -55,8 +55,8 @@ rotate: from.x"
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      EventPropagator.register();
+      EventPropagator.define();
     </script>
   </body>
 </html>

demo/hull.html

@@ -39,8 +39,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkHull } from '../src/folk-hull.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkHull.register();
+      FolkHull.define();
     </script>
   </body>
 </html>

demo/iframed-arrows.html

@@ -47,8 +47,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkRope } from '../src/arrows/fc-rope.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkRope.register();
+      FolkRope.define();
     </script>
   </body>
 </html>

demo/ink.html

@@ -24,8 +24,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkInk } from '../src/folk-ink.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkInk.register();
+      FolkInk.define();
 
       const drawButton = document.querySelector('button');
 

demo/llm.html

@@ -112,10 +112,10 @@
       import { FolkTimer } from '../src/folk-timer.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkLLM.register();
+      FolkLLM.define();
-      FolkTimer.register();
+      FolkTimer.define();
-      EventPropagator.register();
+      EventPropagator.define();
     </script>
   </body>
 </html>

demo/perf.html

@@ -24,7 +24,7 @@
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       const geometries = [];
 

demo/proximity-maps.html

@@ -52,6 +52,7 @@
         background: white;
         border: solid 2px black;
         border-radius: 5px;
+        padding: 1rem;
       }
     </style>
   </head>
@@ -80,16 +81,16 @@
       import { FolkWeather } from '../src/folk-weather.ts';
       import { FolkCluster, FolkProximity } from '../src/folk-proximity.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkMap.register();
+      FolkMap.define();
-      FolkCluster.register();
+      FolkCluster.define();
-      FolkProximity.register();
+      FolkProximity.define();
-      FolkWeather.register();
+      FolkWeather.define();
 
       class GeoWiki extends HTMLElement {
         static tagName = 'geo-wiki';
 
-        static register() {
+        static define() {
           customElements.define(this.tagName, this);
         }
 
@@ -149,7 +150,7 @@
         }
       }
 
-      GeoWiki.register();
+      GeoWiki.define();
     </script>
   </body>
 </html>

demo/proximity-music.html

@@ -64,8 +64,8 @@
       import { RecordPlayer } from '../src/music/record-player.ts';
       import { collisionDetection } from '../src/collision.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      RecordPlayer.register();
+      RecordPlayer.define();
 
       /**
         sips -c 326 276 --cropOffset 1 1 *.png --out pngs/

demo/semantic-zoom.html

@@ -153,8 +153,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkConnection } from '../src/arrows/fc-connection.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkConnection.register();
+      FolkConnection.define();
 
       document.body.querySelectorAll('fc-geometry').forEach((el, i) => (el.style.viewTransitionName = `g${i}`));
       document.body.querySelectorAll('fc-connection').forEach((el, i) => (el.style.viewTransitionName = `c${i}`));

demo/shapes.html

@@ -28,7 +28,7 @@
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
     </script>
   </body>
 </html>

demo/spreadsheet-graph.html

@@ -170,9 +170,9 @@
       import { FolkConnection } from '../src/arrows/fc-connection.ts';
       import { FolkSpreadsheet } from '../src/folk-spreadsheet.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkConnection.register();
+      FolkConnection.define();
-      FolkSpreadsheet.register();
+      FolkSpreadsheet.define();
 
       let isProjected = false;
       const button = document.querySelector('button');

demo/spreadsheet-propagator.html

@@ -171,10 +171,10 @@
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
       import { FolkSpreadsheet } from '../src/folk-spreadsheet.ts';
 
-      FolkMap.register();
+      FolkMap.define();
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkSpreadsheet.register();
+      FolkSpreadsheet.define();
-      EventPropagator.register();
+      EventPropagator.define();
 
       window.round = (number, digits = 0) => {
         const base = Number('1'.padEnd(digits + 1, '0'));

demo/spreadsheet.html

@@ -126,8 +126,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkSpreadsheet } from '../src/folk-spreadsheet.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkSpreadsheet.register();
+      FolkSpreadsheet.define();
     </script>
   </body>
 </html>

demo/wiggly.html

@@ -41,8 +41,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkRope } from '../src/arrows/fc-rope.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkRope.register();
+      FolkRope.define();
     </script>
   </body>
 </html>

demo/xanadu-iframe.html

@@ -65,7 +65,7 @@
     <script type="module">
       import { FolkXanadu } from '../src/folk-xanadu.ts';
 
-      FolkXanadu.register();
+      FolkXanadu.define();
     </script>
   </body>
 </html>

demo/xanadu.html

@@ -204,8 +204,8 @@
       import { FolkXanadu } from '../src/folk-xanadu.ts';
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
-      FolkXanadu.register();
+      FolkXanadu.define();
 
       // class AnimatedXanaduLink extends FolkXanadu {
       //   sourceAnimation = null;
@@ -266,7 +266,7 @@
       //   }
       // }
 
-      // AnimatedXanaduLink.register();
+      // AnimatedXanaduLink.define();
     </script>
   </body>
 </html>

src/arrows/abstract-arrow.ts

@@ -11,7 +11,7 @@ function parseCSSSelector(selector: string): string[] {
 export class AbstractArrow extends HTMLElement {
   static tagName = 'abstract-arrow';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/canvas/fc-geometry.ts

@@ -149,7 +149,7 @@ declare global {
 export class FolkGeometry extends HTMLElement {
   static tagName = 'fc-geometry';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-ink.ts

@@ -32,7 +32,7 @@ declare global {
 export class FolkInk extends HTMLElement {
   static tagName = 'folk-ink';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-llm.ts

@@ -14,7 +14,7 @@ declare global {
 export class FolkLLM extends HTMLElement {
   static tagName = 'folk-llm';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-map.ts

@@ -24,7 +24,7 @@ export class RecenterEvent extends Event {
 export class FolkMap extends HTMLElement {
   static tagName = 'folk-map';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-metronome.ts

@@ -7,7 +7,7 @@ declare global {
 export class FolkMetronome extends HTMLElement {
   static tagName = 'folk-metronome';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-proximity.ts

@@ -2,7 +2,7 @@ import { collisionDetection } from './collision';
 import { FolkHull } from './folk-hull';
 import { FolkGeometry } from './canvas/fc-geometry.ts';
 
-// TODO dont hard code this
+// TODO don't hard code this
 const PROXIMITY = 50;
 
 declare global {
@@ -46,7 +46,7 @@ export class FolkCluster extends FolkHull {
 export class FolkProximity extends HTMLElement {
   static tagName = 'folk-proximity';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-set.ts

@@ -11,7 +11,7 @@ declare global {
 export class FolkSet extends HTMLElement {
   static tagName = 'folk-set';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-spreadsheet.ts

@@ -152,9 +152,9 @@ declare global {
 export class FolkSpreadsheet extends HTMLElement {
   static tagName = 'folk-spreadsheet';
 
-  static register() {
+  static define() {
-    FolkSpreadSheetCell.register();
+    FolkSpreadSheetCell.define();
-    FolkSpreadsheetHeader.register();
+    FolkSpreadsheetHeader.define();
     customElements.define(this.tagName, this);
   }
 
@@ -346,7 +346,7 @@ declare global {
 export class FolkSpreadsheetHeader extends HTMLElement {
   static tagName = 's-header';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
@@ -376,7 +376,7 @@ declare global {
 export class FolkSpreadSheetCell extends HTMLElement {
   static tagName = 'folk-cell';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-timer.ts

@@ -7,7 +7,7 @@ declare global {
 export class FolkTimer extends HTMLElement {
   static tagName = 'folk-timer';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/folk-weather.ts

@@ -12,7 +12,7 @@ declare global {
 export class FolkWeather extends HTMLElement {
   static tagName = 'folk-weather';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 

src/music/record-player.ts

@@ -218,7 +218,7 @@ styles.replaceSync(`
 export class RecordPlayer extends HTMLElement {
   static tagName = 'record-player';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }