tuneframes 0.1.0 → 0.1.1

package/LICENSE

@@ -1,199 +1,167 @@
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction,
+and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by
+the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all
+other entities that control, are controlled by, or are under common
+control with that entity. For the purposes of this definition,
+"control" means (i) the power, direct or indirect, to cause the
+direction or management of such entity, whether by contract or
+otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity
+exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications,
+including but not limited to software source code, documentation
+source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical
+transformation or translation of a Source form, including but
+not limited to compiled object code, generated documentation,
+and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or
+Object form, made available under the License, as indicated by a
+copyright notice that is included in or attached to the work.
+
+"Contribution" shall mean any work of authorship, including
+the original version of the Work and any modifications or additions
+to that Work or Derivative Works thereof, that is intentionally
+submitted to the Licensor for inclusion in the Work by the copyright owner
+or by an individual or Legal Entity authorized to submit on behalf of
+the copyright owner. For the purposes of this definition, "submitted"
+means any form of electronic, verbal, or written communication sent
+to the Licensor or its representatives, including but not limited to
+communication on electronic mailing lists, source code control systems,
+and issue tracking systems that are managed by, or on behalf of, the
+Licensor for the purpose of discussing and improving the Work, but
+excluding communication that is conspicuously marked or otherwise
+designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity
+on behalf of whom a Contribution has been received by Licensor and
+subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+this License, each Contributor hereby grants to You a perpetual,
+worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+copyright license to reproduce, prepare Derivative Works of,
+publicly display, publicly perform, sublicense, and distribute the
+Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+this License, each Contributor hereby grants to You a perpetual,
+worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+(except as stated in this section) patent license to make, have made,
+use, offer to sell, sell, import, and otherwise transfer the Work,
+where such license applies only to those patent claims licensable
+by such Contributor that are necessarily infringed by their
+Contribution(s) alone or by combination of their Contribution(s)
+with the Work to which such Contribution(s) was submitted. If You
+institute patent litigation against any entity (including a
+cross-claim or counterclaim in a lawsuit) alleging that the Work
+or a Contribution incorporated within the Work constitutes direct
+or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate
+as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+Work or Derivative Works thereof in any medium, with or without
+modifications, and in Source or Object form, provided that You
+meet the following conditions:
+
+(a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+(b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+You may add Your own copyright statement to Your modifications and
+may provide additional or different license terms and conditions
+for use, reproduction, or distribution of Your modifications, or
+for any such Derivative Works as a whole, provided Your use,
+reproduction, and distribution of the Work otherwise complies with
+the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+any Contribution intentionally submitted for inclusion in the Work
+by You to the Licensor shall be under the terms and conditions of
+this License, without any additional terms or conditions.
+Notwithstanding the above, nothing herein shall supersede or modify
+the terms of any separate license agreement you may have executed
+with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+names, trademarks, service marks, or product names of the Licensor,
+except as required for reasonable and customary use in describing the
+origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+agreed to in writing, Licensor provides the Work (and each
+Contributor provides its Contributions) on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied, including, without limitation, any warranties or conditions
+of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any
+risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+whether in tort (including negligence), contract, or otherwise,
+unless required by applicable law (such as deliberate and grossly
+negligent acts) or agreed to in writing, shall any Contributor be
+liable to You for damages, including any direct, indirect, special,
+incidental, or consequential damages of any character arising as a
+result of this License or out of the use or inability to use the
+Work (including but not limited to damages for loss of goodwill,
+work stoppage, computer failure or malfunction, or any and all
+other commercial damages or losses), even if such Contributor
+has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+the Work or Derivative Works thereof, You may choose to offer,
+and charge a fee for, acceptance of support, warranty, indemnity,
+or other liability obligations and/or rights consistent with this
+License. However, in accepting such obligations, You may act only
+on Your own behalf and on Your sole responsibility, not on behalf
+of any other Contributor, and only if You agree to indemnify,
+defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason
+of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS

package/README.md

@@ -1,160 +1,110 @@
-# TuneFrames — Agent-Native Music Generation
+# TuneFrames
 
-**Write music compositions in HTML. Render them to MP3 with one CLI command.**
+**Agent-native music generation.**
 
-TuneFrames brings the same portability model that Hyperframes (97K npm downloads/month) proved for video — to audio. Every AI agent, Claude Code session, and workflow tool can now compose music without a single line of native audio code.
+Write a single HTML file with Tone.js. Render it to MP3 or WAV with one command. No per-render fees. No Suno wrapper. Your agent, your audio.
 
-```bash
-npx tuneframes init my-track
-cd my-track && npx tuneframes render composition.html
-# Done. my-track/output.mp3 is ready.
-```
-
----
-
-## How It Works
-
-1. **Write HTML** with Tone.js — same API every web developer already knows
-2. **Add a metadata block** so TuneFrames knows the tempo and duration
-3. **Run `tuneframes render`** — Chromium headless renders the composition offline, FFmpeg encodes to MP3/WAV
-
-```html
-<!DOCTYPE html>
-<html>
-<head>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
-</head>
-<body>
-  <div id="tuneframes" style="display:none">{"bpm":120,"duration":"4n"}</div>
-  <script>
-    async function main() {
-      await Tone.start();
-      const synth = new Tone.Synth().toDestination();
-      synth.triggerAttackRelease('C4', '4n', 0);
-      synth.triggerAttackRelease('E4', '4n', Tone.Time('4n').toSeconds());
-      synth.triggerAttackRelease('G4', '4n', Tone.Time('4n').toSeconds() * 2);
-    }
-  </script>
-</body>
-</html>
 ```
-
----
-
-## Examples
-
-| Example | Description | BPM | Duration |
-|---------|-------------|-----|----------|
-| `minimal` | Single synth melody — the simplest possible TuneFrames composition | 120 | 2s |
-| `lofi` | Chord progression, melody, kick and snare — complete lo-fi hip-hop beat | 80 | 10s |
-| `techno` | 4-on-the-floor kick, noise hihat, detuned bass, pad chords | 130 | 2s |
-| `ambient` | Lush reverb pads, crystalline arpeggios — textural ambient | 60 | 2.5s |
-| `orchestral` | Strings, brass, woodwinds in a layered orchestral arrangement | 72 | 2.5s |
-
-Run any example:
-
-```bash
-npx tuneframes render node_modules/tuneframes/examples/example-lofi.html
+npx tuneframes init my-track
+cd my-track
+tuneframes render track.html --output my-track.mp3
 ```
 
 ---
 
-## API Reference
-
-### Metadata Block
-
-Add a `<div id="tuneframes">` to the page body to tell TuneFrames how to render:
+## How it works
 
-```json
-{
-  "bpm": 120,       // Beats per minute (default: 120)
-  "duration": "4n"  // Render duration as Tone.js time (default: "4n")
-}
-```
-
-TuneFrames uses [Tone.js time notation](https://tonejs.github.io/docs/latest/modules/Core.html#Time) — `4n` (quarter note), `2n` (half note), `1n` (whole note), `8n` (eighth note), `16n` (sixteenth note), or any numeric value in seconds.
-
-### `main()` Function
-
-Define an async `main()` function in a `<script>` tag. TuneFrames waits for it to complete, then renders the offline audio buffer.
-
-```js
-async function main() {
-  await Tone.start();
+1. **Write** — Create an HTML file using [Tone.js](https://tonejs.github.io/). Tone.Offline renders the composition to an AudioBuffer with sample-accurate timing.
 
-  const synth = new Tone.Synth().toDestination();
-  // Schedule all your notes, chords, and patterns here
-  synth.triggerAttackRelease('C4', '4n', 0);
-  // ...
-}
-```
-
-### Instruments
-
-Tone.js provides a complete instrument library:
+2. **Render** — The `tuneframes render` command:
+   - Spins up a headless browser
+   - Loads your HTML with Tone.js
+   - Runs `Tone.Offline()` to get the AudioBuffer
+   - Converts to WAV via `audioBufferToWav()`
+   - Encodes to MP3 via FFmpeg
 
-- **Synth / MonoSynth / PolySynth** — basic tone generation
-- **MembraneSynth** — kick drums, toms, bass drums
-- **NoiseSynth** — white/pink/brown noise for hi-hats, snares, textures
-- **MetalSynth** — metallic percussion (cymbals, shakers)
-- **Sampler** — load your own WAV/MP3 samples
-
-### Effects
-
-```js
-const reverb = new Tone.Reverb({ decay: 2.5, wet: 0.3 }).toDestination();
-const comp = new Tone.Compressor(-12, 2).toDestination();
-const delay = new Tone.FeedbackDelay('8n', 0.4).toDestination();
-```
+3. **Done** — Your audio file, deterministic every time.
 
 ---
 
 ## CLI
 
 ```bash
-# Render a composition to MP3
-tuneframes render <file.html> [--output <out.mp3>]
+# Install globally
+npm install -g tuneframes
 
-# Render to WAV (no re-encoding)
-tuneframes render <file.html> --format wav [--output <out.wav>]
+# Render a composition
+tuneframes render my-track.html --output my-track.mp3
 
-# Preview in browser (dev mode with live reload)
-tuneframes preview <file.html>
+# Preview in browser (live reload)
+tuneframes preview my-track.html
 
-# Scaffold a new project
+# Scaffold a new track
 tuneframes init my-track
 ```
 
 ---
 
-## TuneFrames vs Hyperframes
+## Example
 
-TuneFrames is the audio sibling of [Hyperframes](https://github.com/cusidoc/hyperframes) — the same portability model, the same agent-first philosophy, but for music instead of video.
+```html
+<script src="https://unpkg.com/tone@14.7.77/build/Tone.js"></script>
+<script>
+  // Define 4-bar chord progression
+  const chords = [
+    ['C4', 'E4', 'G4'],  // C major
+    ['A3', 'C4', 'E4'],  // A minor
+    ['F3', 'A3', 'C4'],  // F major
+    ['G3', 'B3', 'D4'],  // G major
+  ];
+
+  const synth = new Tone.PolySynth(Tone.Synth).toDestination();
+  const seq = new Tone.Sequence((time, note) => {
+    synth.triggerAttackRelease(note, '4n', time);
+  }, chords.flat()).start(0);
+
+  Tone.Transport.start();
+
+  // Render with Tone.Offline
+  Tone.Offline(() => {
+    new Tone.PolySynth(Tone.Synth).toDestination();
+    new Tone.Sequence((time, note) => {
+      synth.triggerAttackRelease(note, '4n', time);
+    }, chords.flat()).start(0);
+    Tone.Transport.start();
+  }, 8).then(buffer => {
+    const wav = audioBufferToWav(buffer);
+    writeFile('track.wav', Buffer.from(wav));
+  });
+
+  // Expose writeFile to the browser
+  function audioBufferToWav(buffer) { /* included by tuneframes */ }
+</script>
+```
 
-| | Hyperframes | TuneFrames |
-|---|---|---|
-| Output | MP4 video | MP3/WAV audio |
-| Framework | Remotion (React) | Tone.js |
-| Use case | Video generation, animation | Music composition, sound design |
-| Deterministic | Yes | Yes |
+See [`examples/`](examples/) for full compositions — ambient, lo-fi, techno, orchestral, piano, and bass.
 
 ---
 
-## Architecture
+## Requirements
 
-```
-HTML + Tone.js → Chromium (headless, Tone.Offline)
-                → WAV ( PCM 44.1kHz mono )
-                → FFmpeg
-                → MP3 192kbps
-```
+- Node.js 18+
+- FFmpeg (install via `apt install ffmpeg` or `brew install ffmpeg`)
 
-**Tone.Offline** is the key: it renders audio without audio hardware or a browser audio context, producing bit-for-bit identical output every time. Same input HTML = same output MP3, guaranteed.
+---
+
+## Comparison
+
+| | TuneFrames | Suno API | ElevenLabs |
+|---|---|---|---|
+| Open source | ✓ | ✗ | ✗ |
+| Per-render fee | None | Yes | Yes |
+| Agent-native | ✓ | Wrapper | Wrapper |
+| Full audio control | ✓ | Limited | Limited |
+| Deterministic output | ✓ | ✗ | ✗ |
 
 ---
 
 ## License
 
-Apache 2.0 — use it in any project, commercial or open-source, no strings attached.
-
-[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](LICENSE)
+Apache 2.0

package/examples/example-ambient.html

@@ -5,7 +5,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
 </head>
 <body>
-  <div id="tuneframes" style="display:none">{"bpm":60,"duration":"1m"}</div>
+  <div id="tuneframes" style="display:none">{"bpm":60,"duration":"16s"}</div>
   <script>
     async function main() {
       await Tone.start();

package/examples/example-bass.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>TuneFrames — Bass</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
+</head>
+<body>
+  <div id="tuneframes" style="display:none">{"bpm":120,"duration":"4s"}</div>
+  <script>
+    async function main() {
+      await Tone.start();
+      const beat = Tone.Time('4n').toSeconds(); // 0.5s at 120 BPM
+
+      // Warm, rounded bass tone
+      const bass = new Tone.MonoSynth({
+        oscillator: { type: 'sawtooth' },
+        filter: { Q: 2, type: 'lowpass', rolloff: -12 },
+        envelope: { attack: 0.01, decay: 0.2, sustain: 0.4, release: 0.3 },
+        filterEnvelope: { attack: 0.01, decay: 0.1, sustain: 0.3, release: 0.2, baseFrequency: 100, octaves: 2 }
+      }).toDestination();
+      bass.volume.value = -6;
+
+      // Walking bass line: beats 0-4 (0 to 2s) = Dm, beats 4-7 (2 to 3.5s) = Gm
+      // All notes scheduled within duration=4s — notes at time >= 4s are dropped
+      const walk = [
+        // Bar 1 — Dm: root, 5th, 7th, root / approach, 3rd, 4th, 5th, root
+        { note: 'D2', time: 0 },
+        { note: 'A2', time: beat },
+        { note: 'C3', time: 2 * beat },
+        { note: 'D3', time: 3 * beat },
+        { note: 'E2', time: 4 * beat },
+        { note: 'F2', time: 5 * beat },
+        { note: 'G2', time: 6 * beat },
+        { note: 'A2', time: 7 * beat },
+        // Bar 2 — Gm: root, 5th, 7th, root
+        { note: 'G2', time: 8 * beat },
+        { note: 'D3', time: 9 * beat },
+        { note: 'F3', time: 10 * beat },
+        { note: 'G3', time: 11 * beat }
+      ];
+
+      walk.forEach(({ note, time }) => {
+        if (time < 4) bass.triggerAttackRelease(note, '8n', time);
+      });
+    }
+  </script>
+</body>
+</html>

package/examples/example-lofi.html

@@ -5,7 +5,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
 </head>
 <body>
-  <div id="tuneframes" style="display:none">{"bpm":80,"duration":"1m"}</div>
+  <div id="tuneframes" style="display:none">{"bpm":80,"duration":"10s"}</div>
   <script>
     async function main() {
       await Tone.start();

package/examples/example-minimal.html

@@ -1,19 +1,21 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>TuneFrames — Minimal Test</title>
+  <title>TuneFrames — Minimal</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
 </head>
 <body>
+  <div id="tuneframes" style="display:none">{"bpm":120,"duration":"2s"}</div>
   <script>
-    // This must be a named async function for the renderer to call
     async function main() {
-      // BPM set in #tuneframes metadata
       await Tone.start();
       const synth = new Tone.Synth().toDestination();
-      // Explicitly schedule at transport time 0
+      const beat = Tone.Time('4n').toSeconds();
+      // C major arpeggio — three notes, clean and simple
       synth.triggerAttackRelease('C4', '4n', 0);
+      synth.triggerAttackRelease('E4', '4n', beat);
+      synth.triggerAttackRelease('G4', '4n', beat * 2);
     }
   </script>
 </body>
-</html>
+</html>

package/examples/example-orchestral.html

@@ -5,7 +5,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
 </head>
 <body>
-  <div id="tuneframes" style="display:none">{"bpm":72,"duration":"1m"}</div>
+  <div id="tuneframes" style="display:none">{"bpm":72,"duration":"14s"}</div>
   <script>
     async function main() {
       await Tone.start();

package/examples/example-piano.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>TuneFrames — Piano</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
+</head>
+<body>
+  <div id="tuneframes" style="display:none">{"bpm":100,"duration":"5s"}</div>
+  <script>
+    async function main() {
+      await Tone.start();
+      const beat = Tone.Time('4n').toSeconds();
+
+      const piano = new Tone.PolySynth(Tone.Synth, {
+        oscillator: { type: 'triangle' },
+        envelope: { attack: 0.005, decay: 0.3, sustain: 0.3, release: 1.2 }
+      }).toDestination();
+      piano.volume.value = -8;
+
+      // Dm - Am - Bb - F chord progression, 2 bars each
+      const chords = [
+        ['D3', 'F3', 'A3'],   // Dm
+        ['A2', 'C3', 'E3'],   // Am
+        ['Bb2', 'D3', 'F3'],  // Bb
+        ['F2', 'A2', 'C3']    // F
+      ];
+
+      chords.forEach((chord, i) => {
+        piano.triggerAttackRelease(chord, '2n', i * 2 * beat);
+      });
+
+      // Melodic line: simple pentatonic over the changes
+      const melody = [
+        { note: 'D4', time: 0 },
+        { note: 'F4', time: beat },
+        { note: 'A4', time: beat * 2 },
+        { note: 'C4', time: 2 * beat },
+        { note: 'E4', time: 2.5 * beat },
+        { note: 'D4', time: 3 * beat },
+        { note: 'F4', time: 4 * beat },
+        { note: 'G4', time: 4.5 * beat },
+        { note: 'A4', time: 5 * beat },
+        { note: 'Bb4', time: 6 * beat },
+        { note: 'F4', time: 7 * beat }
+      ];
+
+      melody.forEach(({ note, time }) => {
+        if (time < 5) piano.triggerAttackRelease(note, '8n', time);
+      });
+    }
+  </script>
+</body>
+</html>

package/examples/example-techno.html

@@ -5,7 +5,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
 </head>
 <body>
-  <div id="tuneframes" style="display:none">{"bpm":130,"duration":"2n"}</div>
+  <div id="tuneframes" style="display:none">{"bpm":130,"duration":"4s"}</div>
   <script>
     async function main() {
       await Tone.start();

package/package.json

@@ -1,24 +1,37 @@
 {
   "name": "tuneframes",
-  "version": "0.1.0",
-  "description": "Write HTML with Tone.js. Render music to MP3/WAV with one CLI command. Built for AI agents.",
-  "repository": "github:cusidoc/tuneframes",
-  "homepage": "https://github.com/cusidoc/tuneframes#readme",
-  "author": "Nick Shepherd <nick@moltos.org>",
+  "version": "0.1.1",
+  "description": "Agent-native music generation. Write Tone.js, render to audio.",
   "main": "src/cli.js",
   "bin": {
     "tuneframes": "src/cli.js"
   },
   "scripts": {
-    "render": "node src/render.js",
-    "test": "node src/cli.js render examples/example-minimal.html"
+    "render": "node src/cli.js render",
+    "preview": "node src/cli.js preview"
   },
-  "keywords": ["music", "tone.js", "agent", "hyperframes", "ai"],
+  "files": [
+    "src",
+    "examples"
+  ],
+  "keywords": [
+    "tonejs",
+    "music",
+    "audio",
+    "generation",
+    "agents",
+    "web-audio"
+  ],
+  "author": "Nathan Shepherd",
   "license": "Apache-2.0",
-  "dependencies": {
-    "playwright": "^1.40.0"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Shepherd217/TuneFrames"
   },
   "engines": {
     "node": ">=18"
+  },
+  "dependencies": {
+    "puppeteer": "^22.0.0"
   }
-}
+}

package/src/cli.js

@@ -1,11 +1,13 @@
 #!/usr/bin/env node
 /**
  * TuneFrames CLI
- * 
+ *
  * Commands:
  *   tuneframes render <file.html> [--output track.mp3]
  *   tuneframes init <project-name>
  *   tuneframes preview <file.html>
+ *   tuneframes validate <file.html>
+ *   tuneframes add <preset-name>
  */
 
 const { render } = require('./render');
@@ -13,6 +15,8 @@ const fs = require('fs');
 const path = require('path');
 const { spawn } = require('child_process');
 
+const PRESETS = ['drums-lofi', 'reverb-warm', 'chord-progression', 'bass-saw', 'lead-piano'];
+
 async function main() {
   const [,, cmd, ...args] = process.argv;
 
@@ -20,12 +24,12 @@ async function main() {
     case 'render': {
       const inputFile = args[0];
       const outputArg = args.find(a => a.startsWith('--output='));
-      const outputFile = outputArg 
-        ? outputArg.split('=')[1] 
+      const outputFile = outputArg
+        ? outputArg.split('=')[1]
         : inputFile.replace(/\.html$/, '.mp3');
 
       if (!inputFile) {
-        console.error('Usage: tuneframes render <file.html> [--output=track.mp3]');
+        console.error('Usage: tuneframes render <file.html> [--output=track.mp3] [--format wav]');
         process.exit(1);
       }
 
@@ -49,14 +53,14 @@ async function main() {
 
       const dir = path.join(process.cwd(), projectName);
       fs.mkdirSync(dir, { recursive: true });
-      
+
       const example = fs.readFileSync(
         path.join(__dirname, '../examples/example-lofi.html'), 'utf8'
       );
       fs.writeFileSync(path.join(dir, 'composition.html'), example);
-      fs.writeFileSync(path.join(dir, 'README.md'), 
+      fs.writeFileSync(path.join(dir, 'README.md'),
         `# ${projectName}\n\nRun: tuneframes render composition.html\n`);
-      
+
       console.log(`Initialized ${projectName}/`);
       break;
     }
@@ -67,7 +71,6 @@ async function main() {
         console.error('Usage: tuneframes preview <file.html>');
         process.exit(1);
       }
-      // Open in default browser (or just tell user where the file is)
       const url = `file://${path.resolve(inputFile)}`;
       console.log(`Preview: ${url}`);
       if (process.platform === 'darwin') {
@@ -78,12 +81,72 @@ async function main() {
       break;
     }
 
+    case 'validate': {
+      const inputFile = args[0];
+      if (!inputFile) {
+        console.error('Usage: tuneframes validate <file.html>');
+        process.exit(1);
+      }
+      if (!fs.existsSync(inputFile)) {
+        console.error(`File not found: ${inputFile}`);
+        process.exit(1);
+      }
+
+      const tmpOut = `/tmp/tuneframes-validate-${Date.now()}.mp3`;
+      try {
+        await render(inputFile, tmpOut);
+        const stats = fs.statSync(tmpOut);
+        if (stats.size < 5000) {
+          console.error(`FAIL: ${inputFile} rendered to ${stats.size} bytes (< 5000)`);
+          process.exit(1);
+        }
+        console.log(`OK: ${inputFile} — ${stats.size} bytes`);
+      } finally {
+        if (fs.existsSync(tmpOut)) fs.unlinkSync(tmpOut);
+      }
+      break;
+    }
+
+    case 'add': {
+      const [presetName] = args;
+      if (!presetName) {
+        console.error(`Usage: tuneframes add <preset>\nAvailable: ${PRESETS.join(', ')}`);
+        process.exit(1);
+      }
+      if (!PRESETS.includes(presetName)) {
+        console.error(`Unknown preset: ${presetName}\nAvailable: ${PRESETS.join(', ')}`);
+        process.exit(1);
+      }
+
+      const presetPath = path.join(__dirname, `../registry/presets/${presetName}.html`);
+      const content = fs.readFileSync(presetPath, 'utf8');
+
+      // Append to composition.html in current directory
+      const compPath = path.join(process.cwd(), 'composition.html');
+      if (!fs.existsSync(compPath)) {
+        console.error('No composition.html found. Run tuneframes init first.');
+        process.exit(1);
+      }
+
+      const existing = fs.readFileSync(compPath, 'utf8');
+      const insertMarker = '</script>';
+      if (existing.includes(insertMarker)) {
+        const newContent = existing.replace(insertMarker, content + '\n' + insertMarker);
+        fs.writeFileSync(compPath, newContent);
+      } else {
+        fs.appendFileSync(compPath, '\n' + content);
+      }
+
+      console.log(`Added ${presetName} to composition.html`);
+      break;
+    }
+
     default:
-      console.log(`TuneFrames CLI\n\nCommands:\n  tuneframes render <file.html>  Render composition to MP3\n  tuneframes init <name>         Initialize new project\n  tuneframes preview <file.html> Open in browser`);
+      console.log(`TuneFrames CLI\n\nCommands:\n  tuneframes render <file.html>  Render composition to MP3\n  tuneframes init <name>         Initialize new project\n  tuneframes preview <file.html> Open in browser\n  tuneframes validate <file.html> Validate composition (headless test render)\n  tuneframes add <preset>         Add preset to composition.html\n\nPresets: ${PRESETS.join(', ')}`);
   }
 }
 
 main().catch(err => {
   console.error('Error:', err.message);
   process.exit(1);
-});
+});