| ... | ... | @@ -5,7 +5,6 @@ meta: |
| 5 | 5 | import './log.css'; |
| 6 | 6 | static const repo = "${repo}"; |
| 7 | 7 | |
| 8 | | [go back to the home page](/) |
| 9 | 8 | |
| 10 | 9 | [git]: https://git.paperclover.net/ |
| 11 | 10 | [home infra]: https://git.paperclover.net/clo/home-infra |
| ... | ... | @@ -18,16 +17,240 @@ static const repo = "${repo}"; |
| 18 | 17 | [evil inc]: https://evil.inc/ |
| 19 | 18 | [history of japan reanimated]: /history-of-japan-reanimated |
| 20 | 19 | [react mutation]: /history-of-japan-reanimated |
| 20 | [HOTEWIG reanimated]: /hotewig-reanimated |
| 21 | [clover creative control]: https://git.paperclover.net/clo/creative-control |
| 22 | [markodown]: https://git.paperclover.net/clo/markodown |
| 21 | 23 | |
| 22 | 24 | <main> |
| 23 | 25 | |
| 26 | [go back to the home page](/) |
| 27 | |
| 24 | 28 | # clover's log |
| 25 | 29 | |
| 26 | 30 | these are like mini blog posts, but more in generally just what the heck i'm up to. |
| 27 | 31 | |
| 32 | ## 2026-03-16 |
| 33 | |
| 34 | just chilling. at work i replaced `bun install` with `pnpm`. pretty peak. in the |
| 35 | night, i worked on [this page][this site], and worked a bit on [hexiflare]'s |
| 36 | local llm system. |
| 37 | |
| 38 | ## 2026-03-15 |
| 39 | |
| 40 | tags: [clover creative control] |
| 41 | |
| 42 | this is sort of the new version of what i've called "creative toolkit." it's now |
| 43 | a TypeScript library that controls REAPER and the DaVinci Resolve Speed Editor. |
| 44 | the two layers are the library layer and the configuration layer. the config |
| 45 | layer is meant to be trivial, editable and instantly-reloadable at a moments notice. |
| 46 | |
| 47 | ```ts |
| 48 | export default config.forApp("com.cockos.reaper", ({ speededitor: se, mac }) => { |
| 49 | const reaper = new Reaper(); |
| 50 | |
| 51 | // Sync state to LEDs |
| 52 | reaper.on("transport", (transport) => { |
| 53 | se.leds.cut = transport.recording; |
| 54 | se.leds.dissolve = transport.recording; |
| 55 | se.leds.smoothCut = transport.recording; |
| 56 | }); |
| 57 | |
| 58 | // Keyboard Actions |
| 59 | se.onPress("stopPlay", () => { |
| 60 | if (reaper.transport.recording) { |
| 61 | reaper.runAction("transport-stop-save-all-recorded-media"); |
| 62 | } else { |
| 63 | reaper.runAction("transport-play-stop"); |
| 64 | } |
| 65 | }); |
| 66 | se.onPress("cut", () => { |
| 67 | if (reaper.transport.recording) { |
| 68 | reaper.runAction("transport-stop-delete-all-recorded-media"); |
| 69 | reaper.runAction("transport-record"); |
| 70 | } else { |
| 71 | reaper.runAction("transport-record"); |
| 72 | } |
| 73 | }); |
| 74 | se.onPress("dissolve", () => { |
| 75 | reaper.runAction("transport-stop-delete-all-recorded-media"); |
| 76 | }); |
| 77 | se.onPress("smoothCut", () => { |
| 78 | if (reaper.transport.recording) { |
| 79 | reaper.runAction("transport-stop-save-all-recorded-media"); |
| 80 | reaper.runAction("transport-record"); |
| 81 | } |
| 82 | }); |
| 83 | se.onPress("videoOnly", () => { |
| 84 | if (mac.window?.title.startsWith("FX:") && mac.mainWindow) { |
| 85 | mac.focusMainWindow(); |
| 86 | return; |
| 87 | } |
| 88 | reaper.runAction("track-view-fx-chain-for-current-last-touched-track"); |
| 89 | }); |
| 90 | }); |
| 91 | ``` |
| 92 | |
| 93 | the winning workflow here for recording audio has been the bottom three keys being mapped to |
| 94 | |
| 95 | - start a recording. or if one is already going, delete and restart it |
| 96 | - discard the currently recording take and stop |
| 97 | - accept the currently recording and start a new one |
| 98 | |
| 99 | this is better than just having keys on the main keyboard, no modifiers! *and* i |
| 100 | don't have to lose out on any existing keybinds. |
| 101 | |
| 102 | i used to have a setup like this with multiple external keyboards, but i am |
| 103 | keeping that on hold until i run out of macro keys. what's also interesting to |
| 104 | note is each app gets its own layer of bindings. |
| 105 | |
| 106 | ## 2026-03-14 |
| 107 | |
| 108 | tags: [album] |
| 109 | |
| 110 | i've made some beautiful progress on the album, i finished another song. it is |
| 111 | one of my best creative works i've ever done. i'm personally very happy with my |
| 112 | singing and vocal editing skills improving. will be holding it captive except in |
| 113 | some small circles (who have all said it is amazing) |
| 114 | |
| 115 | ## 2026-03-11 |
| 116 | |
| 117 | tags: [react mutation] |
| 118 | |
| 119 | my coworker was working on something that needed a feature for react mutation. i |
| 120 | also needed his approval on some code i was working on, but he wouldn't give me |
| 121 | any attention. so as a bribe, i released a new patch of the library. my PR was |
| 122 | reviewed, and everything was great. the changelog |
| 123 | |
| 124 | - tanstack query integration |
| 125 | - [feat: `arrayUpsert` and `objArrayUpsert`](https://git.paperclover.net/clo/react-mutation/commit/47304f56e98bf841b757d16e472fb64a01c99fd2) |
| 126 | - [fix: allow spreading `TanstackQueryOptimisticHelpers`](https://git.paperclover.net/clo/react-mutation/commit/4b09ff4dba5fad5b7e2b44a0bdc2789918f74561) |
| 127 | - mutation buttons |
| 128 | - [pass `args={null}` to disable the button UI](https://git.paperclover.net/clo/react-mutation/commit/ec65067d04a72a51b71b63d3b4569843b8fd0dad) |
| 129 | |
| 130 | ## 2026-03-10 |
| 131 | |
| 132 | tags: [hexiflare] |
| 133 | |
| 134 | with the hexi bot with just two users eating my entire at-work anthropic |
| 135 | subscription, i was messing with getting hexi to work as much on local models as |
| 136 | possible. the results are very promising, but it is very much becoming a |
| 137 | manually designed and written project, which is good (slop is bad). but that |
| 138 | does mean i can't spent a lot of time on it, as i have other desires. |
| 139 | |
| 140 | anyways, the local model chat system works by having a qwen model with an insane |
| 141 | "personality" prompt. and then it goes through another qwen model with an |
| 142 | equally insane "review". the results are pretty good. |
| 143 | |
| 144 | ``` |
| 145 | you> what u been up to? |
| 146 | hexi> not much lol |
| 147 | hexi> messing w/ some css animations rn breaking them is kinda fun though |
| 148 | you> omg can i see? |
| 149 | hexi> hold on lemme whip up a lil demo page real quick |
| 150 | [triggers sandboxed agent task] |
| 151 | ``` |
| 152 | |
| 153 | benefit of doing it this way instead of through a stupid wrapper, the latency |
| 154 | can be brought down a ton. but the full system isn't wired up, and i frankly |
| 155 | don't trust anyone but myself to do this task. |
| 156 | |
| 157 | ## 2026-03-05 |
| 158 | |
| 159 | tags: [work], [hexiflare] |
| 160 | |
| 161 | i wrote a beautiful dialog component for use at work and in the hexiflare |
| 162 | template. the usage is like this: |
| 163 | |
| 164 | ```ts |
| 165 | showTextDialog({ |
| 166 | title: "Hello hiii heelloooo.", |
| 167 | description: "Enter something important" |
| 168 | onConfirm: async (reason) => { |
| 169 | // do something with `reason` |
| 170 | }, |
| 171 | onCancel: "close", |
| 172 | }); |
| 173 | ``` |
| 174 | |
| 175 | it's certainly better than copying the Radix Dialog everywhere. that component |
| 176 | is a great primitive but it isn't nice to spam it. |
| 177 | |
| 178 | |
| 179 | ## 2026-02-25 |
| 180 | |
| 181 | tags: [hexiflare] |
| 182 | |
| 183 | i was starting to work on an ai project, a chatbot that is absurdly tuned to the |
| 184 | format of texting. in addition to this, it has full access to a (sandboxed) |
| 185 | computing environment where it can run any command, browser use, and also can |
| 186 | deploy web apps. |
| 187 | |
| 188 | this whole thing is based on a friend's project, named "clungus", which was |
| 189 | literally just a wrapper around claude code. his could deploy static websites, |
| 190 | which was really cool since you could just ask it for some little thing and it |
| 191 | would just make it. and you send your bug reports as text messages. |
| 192 | |
| 193 | in both bots, the interface is much more natural than using claude code, |
| 194 | chatgpt, or another application. and with mine particularly, i was working on |
| 195 | making the base app template as high quality as possible, so that the apps. so |
| 196 | at a minimum, we now have one of the best tanstack start templates ever. at |
| 197 | best, i might be able to automate some apps i never would've cared to write |
| 198 | manually. |
| 199 | |
| 200 | ## 2026-02-25 |
| 201 | |
| 202 | ## 2026-02-18 |
| 203 | |
| 204 | tags: [this site], [markodown] |
| 205 | |
| 206 | i finally closed [issue #1](https://git.paperclover.net/clo/sitegen/issues/1) on |
| 207 | my website, eliminating the MDX compiler in its entirety on my website. |
| 208 | |
| 209 | i don't think MDX is a great format to work with. and on top of that, it adds |
| 210 | 111 transitive dependencies to my website. and what, all for a medium markdown |
| 211 | language. markdown is inherently concise, so pairing it with Marko felt like it |
| 212 | would be a nicer format to work in. the answer: it is! i made "markodown", by |
| 213 | using rust, a bit of llm slop, and used it a ton to ensure a good api. the |
| 214 | result is beautiful. |
| 215 | |
| 216 | my favorite part of this language is automatic header tracking being built in. |
| 217 | alongside Marko's id shorthand, i can type something like this: |
| 218 | |
| 219 | ```ts |
| 220 | <h2#technical-review>A Technical Review: What are Server Components?</> |
| 221 | ``` |
| 222 | |
| 223 | and the compiler will track this properly, emitting it as |
| 224 | `<Heading level=2 id="technical-review">` and including it in the generated |
| 225 | table of contents. i can then include the table of contents with a |
| 226 | `<table-of-contents />` element |
| 227 | |
| 228 | a little bit tough because i did spend a whole week on it. but it's done, and i |
| 229 | love it. after this port, i also axed some other dependencies in favor of |
| 230 | lighter alternatives: |
| 231 | |
| 232 | - `puppeteer` with `playwright` |
| 233 | - `codemirror` with `<textarea />` |
| 234 | - panning to replace `msgpackr` with a custom format that handles the types needed |
| 235 | |
| 236 | and the biggest of all, deprecating my HTML rendering framework, in favor of |
| 237 | using Marko. this is technically a complexity increase, except for the part |
| 238 | where i already supported Marko. |
| 239 | |
| 240 | ## 2026-02-08 |
| 241 | |
| 242 | tags: [HOTEWIG reanimated] |
| 243 | |
| 244 | i am on the team of people organizing "history of the entire world, i guess - |
| 245 | reanimated." not much news yet, but it will be exciting. please fill out the |
| 246 | form if you are interested, and please send it to anyone you may think would be |
| 247 | interested. |
| 248 | |
| 28 | 249 | ## 2026-02-06 |
| 29 | 250 | |
| 30 | | spent yesterday and today cathing up with this page and preparing to get |
| 251 | tags: [this site] |
| 252 | |
| 253 | spent yesterday and today catching up with this page and preparing to get |
| 31 | 254 | writing heavy on the blog. i also fixed a bug on the video player where it |
| 32 | 255 | wouldnt work on latest chrome on non-av1 accelerated hardware. |
| 33 | 256 | |
clover caruso <git@paperclover.net> 2026-03-17 00:04:50-07:00