update docs

packages/core/pattern.mjs

@@ -2106,10 +2106,11 @@ export const linger = register(
 /**
  * Samples the pattern at a rate of n events per cycle. Useful for turning a continuous pattern into a discrete one.
  * @param {number} segments number of segments per cycle
+ * @synonyms seg
  * @example
  * note(saw.range(40,52).segment(24))
  */
-export const segment = register('segment', function (rate, pat) {
+export const {segment, seg} = register(['segment', 'seg'], function (rate, pat) {
   return pat.struct(pure(true)._fast(rate)).setSteps(rate);
 });
 
@@ -2485,16 +2486,21 @@ export const bypass = register(
 );
 
 /**
- * Loops the pattern inside at `offset` for `cycles`.
+ * Loops the pattern inside an `offset` for `cycles`.
+ * If you think of the entire span of time in cycles as a ribbon, you can grab a single piece and loop it.
+ * @synonym rib
  * @param {number} offset start point of loop in cycles
  * @param {number} cycles loop length in cycles
  * @example
- * note("<c d e f>").ribbon(1, 2).fast(2)
+ * note("<c d e f>").ribbon(1, 2)
  * @example
  * // Looping a portion of randomness
- * note(irand(8).segment(4).scale('C3 minor')).ribbon(1337, 2)
+ * n(irand(8).segment(4)).scale("c:pentatonic").ribbon(1337, 2)
+ * @example
+ * // rhythm generator
+ * s("bd!16?").ribbon(29,.5)._punchcard()
  */
-export const ribbon = register('ribbon', (offset, cycles, pat) => pat.early(offset).restart(pure(1).slow(cycles)));
+export const {ribbon, rib} = register(['ribbon', 'rib'], (offset, cycles, pat) => pat.early(offset).restart(pure(1).slow(cycles)));
 
 export const hsla = register('hsla', (h, s, l, a, pat) => {
   return pat.color(`hsla(${h}turn,${s * 100}%,${l * 100}%,${a})`);

packages/core/signal.mjs

@@ -520,12 +520,15 @@ export const degradeByWith = register(
  *
  * @name degradeBy
  * @memberof Pattern
+ * @synonym
  * @param {number} amount - a number between 0 and 1
  * @returns Pattern
  * @example
  * s("hh*8").degradeBy(0.2)
  * @example
  * s("[hh?0.2]*8")
+ * @example
+ * s("bd").segment(16).degradeBy(.5).ribbon(16,1)._punchcard()
  */
 export const degradeBy = register(
   'degradeBy',

website/src/repl/components/panel/SettingsTab.jsx

@@ -179,25 +179,7 @@ export function SettingsTab({ started }) {
           value={togglePanelTrigger}
           onChange={(value) => settingsMap.setKey('togglePanelTrigger', value)}
           items={{ click: 'Click', hover: 'Hover' }}
-        ></ButtonGroup>
-        {/* <Checkbox
-          label="Click"
-          onChange={(cbEvent) => {
-            if (cbEvent.target.checked) {
-              settingsMap.setKey('togglePanelTrigger', 'click');
-            }
-          }}
-          value={togglePanelTrigger != 'hover'}
         />
-        <Checkbox
-          label="Hover"
-          onChange={(cbEvent) => {
-            if (cbEvent.target.checked) {
-              settingsMap.setKey('togglePanelTrigger', 'hover');
-            }
-          }}
-          value={togglePanelTrigger == 'hover'}
-        /> */}
       </FormItem>
       <FormItem label="More Settings">
         <Checkbox