chore: build docs

docs/_coverpage.md

@@ -3,7 +3,7 @@
 
 <!-- ![logo](_media/icon.svg) -->
 
-# supercollider.js <small>1.0.0-beta.0</small>
+# supercollider.js <small>1.0.0-beta.1</small>
 
 > The JavaScript client library for SuperCollider.
 

docs/packages/dryads/README.md

@@ -34,27 +34,28 @@ More extensive examples will come with dryadic 1.0
  */
 const { play, SCSynthDef, SynthEventList, SCServer } = require("supercolliderjs").dryads;
 
-function randomEvent() {
+function randomEvent(totalDuration) {
   return {
-    time: Math.round(Math.random() * 20) * 0.25,
+    time: Math.random() * totalDuration,
     defName: "saw",
     args: {
       freq: Math.random() * 500 + 100,
     },
   };
 }
 
-function randomEvents(n = 256) {
+function randomEvents(totalDuration = 60, density = 2) {
+  const n = Math.floor(totalDuration * density);
   const events = [];
   for (let index = 0; index < n; index++) {
-    events.push(randomEvent());
+    events.push(randomEvent(totalDuration));
   }
   return events;
 }
 
 // Currently this has to be expressed as a tree of nested dependencies.
 // dryadic 2 will make it much cleaner and simpler.
-const out = new SCServer({}, [
+const out = new SCServer({ numInputBusChannels: 0 }, [
   new SCSynthDef(
     {
       source: `
@@ -65,8 +66,8 @@ const out = new SCServer({}, [
     },
     [
       new SynthEventList({
-        events: randomEvents,
-        loopTime: 4,
+        events: randomEvents(60, 4),
+        loopTime: 65,
       }),
     ],
   ),

docs/packages/dryads/docs/assets/css/main.css

@@ -492,6 +492,8 @@ ul.tsd-descriptions > li > :last-child > :last-child > :last-child {
   padding-bottom: 200px; }
 
 .row {
+  display: -ms-flexbox;
+  display: flex;
   position: relative;
   margin: 0 -10px; }
   .row:after {
@@ -1884,7 +1886,7 @@ footer {
     border-bottom: none; }
 
 .tsd-navigation {
-  padding: 0 0 0 40px; }
+  margin: 0 0 0 40px; }
   .tsd-navigation a {
     display: block;
     padding-top: 2px;
@@ -1934,56 +1936,45 @@ footer {
     .tsd-navigation.primary li.globals + li > a {
       padding-top: 20px; }
 
-.tsd-navigation.secondary ul {
-  transition: opacity 0.2s; }
-  .tsd-navigation.secondary ul li a {
-    padding-left: 25px; }
-  .tsd-navigation.secondary ul li li a {
-    padding-left: 45px; }
-  .tsd-navigation.secondary ul li li li a {
-    padding-left: 65px; }
-  .tsd-navigation.secondary ul li li li li a {
-    padding-left: 85px; }
-  .tsd-navigation.secondary ul li li li li li a {
-    padding-left: 105px; }
-  .tsd-navigation.secondary ul li li li li li li a {
-    padding-left: 125px; }
-  .tsd-navigation.secondary ul.current a {
+.tsd-navigation.secondary {
+  max-height: calc(100vh - 1rem - 40px);
+  overflow: auto;
+  position: -webkit-sticky;
+  position: sticky;
+  top: calc(.5rem + 40px);
+  transition: .3s; }
+  .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
+    max-height: calc(100vh - 1rem);
+    top: .5rem; }
+  .tsd-navigation.secondary ul {
+    transition: opacity 0.2s; }
+    .tsd-navigation.secondary ul li a {
+      padding-left: 25px; }
+    .tsd-navigation.secondary ul li li a {
+      padding-left: 45px; }
+    .tsd-navigation.secondary ul li li li a {
+      padding-left: 65px; }
+    .tsd-navigation.secondary ul li li li li a {
+      padding-left: 85px; }
+    .tsd-navigation.secondary ul li li li li li a {
+      padding-left: 105px; }
+    .tsd-navigation.secondary ul li li li li li li a {
+      padding-left: 125px; }
+    .tsd-navigation.secondary ul.current a {
+      border-left-color: #eee; }
+  .tsd-navigation.secondary li.focus > a,
+  .tsd-navigation.secondary ul.current li.focus > a {
+    border-left-color: #000; }
+  .tsd-navigation.secondary li.current {
+    margin-top: 20px;
+    margin-bottom: 20px;
     border-left-color: #eee; }
-
-.tsd-navigation.secondary li.focus > a,
-.tsd-navigation.secondary ul.current li.focus > a {
-  border-left-color: #000; }
-
-.tsd-navigation.secondary li.current {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  border-left-color: #eee; }
-  .tsd-navigation.secondary li.current > a {
-    font-weight: bold; }
+    .tsd-navigation.secondary li.current > a {
+      font-weight: bold; }
 
 @media (min-width: 901px) {
   .menu-sticky-wrap {
-    position: static; }
-    .no-csspositionsticky .menu-sticky-wrap.sticky {
-      position: fixed; }
-    .no-csspositionsticky .menu-sticky-wrap.sticky-current {
-      position: fixed; }
-      .no-csspositionsticky .menu-sticky-wrap.sticky-current ul.before-current,
-      .no-csspositionsticky .menu-sticky-wrap.sticky-current ul.after-current {
-        opacity: 0; }
-    .no-csspositionsticky .menu-sticky-wrap.sticky-bottom {
-      position: absolute;
-      top: auto !important;
-      left: auto !important;
-      bottom: 0;
-      right: 0; }
-    .csspositionsticky .menu-sticky-wrap.sticky {
-      position: -webkit-sticky;
-      position: sticky; }
-    .csspositionsticky .menu-sticky-wrap.sticky-current {
-      position: -webkit-sticky;
-      position: sticky; } }
+    position: static; } }
 
 .tsd-panel {
   margin: 20px 0;
@@ -2204,15 +2195,16 @@ ul.tsd-type-parameters {
     padding: 0; }
 
 .tsd-page-toolbar {
-  position: absolute;
+  position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 40px;
   color: #333;
   background: #fff;
-  border-bottom: 1px solid #eee; }
+  border-bottom: 1px solid #eee;
+  transition: transform .3s linear; }
   .tsd-page-toolbar a {
     color: #333;
     text-decoration: none; }
@@ -2232,6 +2224,9 @@ ul.tsd-type-parameters {
     .tsd-page-toolbar .table-cell:first-child {
       width: 100%; }
 
+.tsd-page-toolbar--hide {
+  transform: translateY(-100%); }
+
 .tsd-widget:before, .tsd-select .tsd-select-label:before, .tsd-select .tsd-select-list li:before {
   content: '';
   display: inline-block;