@_onmax

Open Source Maintainer - Nuxt Team Building https://xitter.cf/t.co/muSlDXFEiG, https://xitter.cf/t.co/zhApas99LS, https://xitter.cf/t.co/VeIiLSVoZT

 Lund, Sweden
onmax.me
Joined January 2022
  • Tweets1.2K
  • Following249
  • Followers236
Replying to @itssotsot
and I had to nuke some
1
34
New Comark plugin: comark-carousel Every block inside ::carousel becomes a slide: images, code, prose. Slides scroll and snap with no JavaScript. The script adds arrows, dots and arrow keys, and a click zooms the slide. comark.onmax.me/carousel/
1
7
173
New Comark plugin: comark-zoom Click an image to zoom it. Wrap a table or code block in ::zoom and it zooms too. Give a few the same group and they open as one gallery you can page with arrow keys. Escape, Back or a click outside closes it. comark.onmax.me/zoom/
1
4
109
Not sure if I agree with this take: Evan You says that agents should use less tools such as grep. Instead agents should be using more LSP or built in analyzers. LLMs are trained exactly to read text not fancy structures that might be more optimized for humans
1
1
3
177
I wanted agents to put annotated screenshots in PRs without anyone drawing on them comark-annotate is a @comarkdown plugin for that. Write the marks in Markdown, get hand-drawn boxes, arrows and before/after pairs as static HTML. comark-annotate.onmax.me
1
1
15
2,287
I am still confused about this new branding at Dev Day Like the dots are completely different mascots
1
11
649
Open AI "dev" Day
6
126
These guys are funny
1
81
Comark plugins let you add features without inventing another document format. In Nuxt, register `comark-knap` through ViteHub. The first image shows the module setup. The second shows a Knap loop that renders ordinary Markdown for Comark to parse. Then use Knap templates:
1
3
43
Use Comark components when the document needs logic: ```md ::if{pullRequest.draft} This pull request is still a draft. ::else Review the changed files and report the result. :: ``` ViteHub gets Comark’s component system out of the box: comark.dev/docs/plugins/if
1
31
Comark’s binding syntax lets you put runtime data directly in a `.md` file: ```md # Review {{ pullRequest.number }} Title: {{ pullRequest.title }} The PR was opened by {{ pullRequest.author.name }}. ``` ViteHub passes your Agent or server data into the Comark renderer.
1
1
59
The email is a Markdown template with variables and conditions. Comark renders it for the email driver. I'll share more about this soon. If you're interested: vitehub.dev/docs/server-prim…
Abbreviated code example. # {{ recap.user.name }}, this was your {{ recap.label }} on GitHub You opened **{{ recap.metrics.openedPullRequests }} pull requests**. ::if{recap.topRepository} You were most active in **{{ recap.topRepository.name }}**. :: [Open and share your visual recap]({{ url }})

ALT Abbreviated code example. # {{ recap.user.name }}, this was your {{ recap.label }} on GitHub You opened **{{ recap.metrics.openedPullRequests }} pull requests**. ::if{recap.topRepository} You were most active in **{{ recap.topRepository.name }}**. :: [Open and share your visual recap]({{ url }})

2
1
5
873
Each recap has PR and issue totals, daily activity, and a top repository. You can share it as a page or an image. The monthly email links back to that page.
The monthly GitHub recap page with contribution totals and activity charts. Repository screenshot from the README.

ALT The monthly GitHub recap page with contribution totals and activity charts. Repository screenshot from the README.

1
1
110
The monthly recap Workflow has three files.
// server/workflows/monthly-recap/01-collect.ts import { monthlyRecaps } from '../../sources/monthly-recaps' export default async function (input: { month: string }) { return monthlyRecaps.get(input.month) }

ALT // server/workflows/monthly-recap/01-collect.ts import { monthlyRecaps } from '../../sources/monthly-recaps' export default async function (input: { month: string }) { return monthlyRecaps.get(input.month) }

// server/workflows/monthly-recap/02-store.ts import { kv } from 'vite-hub/kv' export default async function (recap: MonthlyRecap) { const [error] = await kv.set(`monthly-recap:${recap.month}`, recap) if (error) throw error return recap }

ALT // server/workflows/monthly-recap/02-store.ts import { kv } from 'vite-hub/kv' export default async function (recap: MonthlyRecap) { const [error] = await kv.set(`monthly-recap:${recap.month}`, recap) if (error) throw error return recap }

Abbreviated code example. // server/workflows/monthly-recap/03-send.ts await email.send({ ...await renderEmailMarkdown(await renderMonthlyRecap({ recap, url })), from, subject: `${recap.label}: your GitHub recap`, to, })

ALT Abbreviated code example. // server/workflows/monthly-recap/03-send.ts await email.send({ ...await renderEmailMarkdown(await renderMonthlyRecap({ recap, url })), from, subject: `${recap.label}: your GitHub recap`, to, })

1
1
82
Load more