Htmx 4.0, the first JavaScript library to release exclusively on the Game Boy

Scriptc by Vercel: TypeScript-to-Native compiler, no JavaScript engine in binary

HTML over WebSockets: real-time SPAs with barely any JavaScript

You don't need React: creating a minimal UI library in Vanilla JavaScript

Zero-dependency streaming tar parser and writer for JavaScript

Show HN: I built a zero-latency developer tool suite in pure Vanilla JavaScript

TermDOM renders a real DOM styled with real CSS to terminal cells. You build a document with createElement or innerHTML, or any frontend web framework, and it automatically produces colored ANSI output, with browser-style layout, text wrapping and flexbox included. The library can also be used to translate HTML to static ANSI.Full disclaimer: This project was started a year ago and written entirely by Claude. I mainly provided QA and words of encouragement (yelling).

Show HN: TermDOM – HTML, CSS and JavaScript (With a Real DOM) for TUIs and CLIs

TRS-80 Color Computer Extended Basic Emulator in JavaScript

<a href="https:&#x2F;&#x2F;yeargun.github.io&#x2F;lilscript&#x2F;" rel="nofollow">https:&#x2F;&#x2F;yeargun.github.io&#x2F;lilscript&#x2F;</a>LilScript is a typed, compression-first language that compiles into js and sometimes into exec(will be more stable in future). The compiler mangles, reshapes the program into optimized js that happens to be 5-15% smaller (after gzip&#x2F;br compression or raw) compared to the best performing JS toolchains like oxc&#x2F;esbuild&#x2F;terser&#x2F;..## What has been proven to work with LilScript?- makes VSCode&#x27;s core js modules 20% smaller on average- makes the world&#x27;s most performant &amp; small markdown rendering npm library, marked, 5-7% smaller and 10% faster- and many more demos.. works with pretty much any js&#x2F;ts library## How it is compressing js finer than vite&#x2F;oxc&#x2F;terser&#x2F;esbuild&#x2F;..### 1. By changing the app.```
class Vector {
 float x;
 float y;<pre><code> init(float x, float y) {
 this.x = x;
 this.y = y;
 }

 float lengthSquared() {
 return this.x * this.x + this.y * this.y;
 }</code></pre>
}int[] values = [1, 2, 3, 4];
auto doubled = values.map((int value) =&gt; value * 2);
int sum = 0;
for (int i = 0; i &lt; doubled.length; i++) {
 sum += doubled[i];
}
Vector vector = new Vector(3.0, 4.0);
if (vector.lengthSquared() == 25.0) {
 print(`sum=${sum}`);
}
```Above code compiles into this:```
var b=[1,2,3,4].map(a=&gt;a2|0);var a=0,c=0;while(a&lt;b.length){<pre><code> c=c+b[a]|0;

 a=a+1|0;
</code></pre>
}console.log(`sum=${c}`)```This is not minification of the same program. The compiler changed the app.oxc &#x2F; esbuild &#x2F; terser &#x2F; .. starts from JS and mostly keeps the shape of the app. Meanwhile LilScript the language is designed from scratch to give compiler any extra knowledge that could help the compiler&#x27;s compilation. Just like Google Closure Compiler - Advanced Mode, and beyond.### 2. Tryhard property mangling.Visit the world&#x27;s most used web applications, chatgpt.com, and read the source codes. You will see that, there are lots of framework related js properties that dont get minified, and are indeed human readable.Those names stay in the bundle because the toolchain cannot prove they are local. A property might be a public API, a DOM field, a framework hook, or something a plugin reads by string. So the minifier leaves it.LilScript:- *a-* does both eliminates the objects, weird code structures into more optimized variables&#x2F;arrays
- *b-* rename any variable into mostly occured, short versions, field cleverly to minimize entropy (based on the objective compression algorith. gzip&#x2F;brotli) so that the end result is highly compressed.*(a)* is the same move as the `Vector` example, at library scale: objects and classes that only exist as a programming convenience get flattened into scalars, arrays, and tight loops.*(b)* is not &quot;make every name 1 letter.&quot; gzip and brotli win when the same short tokens repeat. The compiler picks the names that show up the most, and scores the spelling against the compression algorithm you asked for (gzip, brotli, or raw). Different `cost_model` → different names → a different file that is smaller after* that codec.That is why the same program can be 5-15% smaller after gzip&#x2F;br compression or raw: the JS is shaped and named for the compressor, not just for a human reading the AST.Feel free to PR, experiment (Please respect the modified MIT license)LLM models can oneshot implement your library with LilScript. For non optimized libraries, it could end up 20%+ size reduction and somewhat performance improvements (which usualy matters very little)Please share your opinions, would love to discuss about the future direction for the language and the compiler

Show HN: LilScript makes JavaScript libraries smaller

Bot Detection Without JavaScript: What My Blog Measured

I see companies having codebase in Tauri going back to electron - is this a common thing?

Ask HN: Any true alternatives to electron JavaScript?

Building textlog without JavaScript

GSAP – A robust JavaScript animation library built for professionals

Mohabi: Disaggregating and Sandboxing the Firefox JavaScript Engine

Hi, I am building a js library for grids (and pivot tables) so that coding agents can use our primitives to deliver a grid based on your specifications.I started working on this problem because data displays like grids &#x2F; pivot tables are tricky to get right as more and more features pile up (features like: pagination of data, virtualization, pivots, grouped views, custom renderers, filters, sort, etc)Pre llm and coding agents, I built <a href="https:&#x2F;&#x2F;github.com&#x2F;chartshq&#x2F;muze" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;chartshq&#x2F;muze</a> (that later got acquired by mode analytics) with grammar of graphics for developers. But I have always felt a library built for agents would have a fundamentally different philosophy than the one built for devs.What does an agent first js grid library mean?The library comes up with few primitives and mental models that agents can use reliably (<a href="https:&#x2F;&#x2F;www.superplot.dev&#x2F;grid&#x2F;our-approach&#x2F;#principles&#x2F;table-algebra" rel="nofollow">https:&#x2F;&#x2F;www.superplot.dev&#x2F;grid&#x2F;our-approach&#x2F;#principles&#x2F;tabl...</a>) alongside the design and architecture of the grid (open closed system + data flow + relinquishing right control to agents). Thus enforcing enough abstraction for agents that produce fewer bugs in a single shot (<a href="https:&#x2F;&#x2F;www.superplot.dev&#x2F;grid&#x2F;our-approach&#x2F;#principles&#x2F;headless-architecture" rel="nofollow">https:&#x2F;&#x2F;www.superplot.dev&#x2F;grid&#x2F;our-approach&#x2F;#principles&#x2F;head...</a>).How is it different from a lib built for devs?Unlike a lib built for devs where the abstaction layer is much closer to humans (config driven like highcharts &#x2F; aggrid), I belive having a different layer of abstraction from carefully defined building blocks and stable contracts help agents build reliable and stable outputs.For majority of the usecases, a user can ask an agent to build a particular representation of the grid (without waiting for the library to support it internally) to their liking. The agent would then go and build the grid with given constructs acting as guardrails. (Ofcourse there is a limit to that, for example if you want to do something which is outside the scope of mental model)What does it support?- Headless grid with virtualization
- Local in browser datasource via duckdbwasm (supports pivot &#x2F; tree &#x2F; grouped data ops)
- External datasource connection via our IR (codegen to db &#x2F; semantic model should be easy given llm like structures)
- Pivot + tree view + grouped data view 
- Table algebra support (that gets translated to IR for external datasource, for which agent can do codegen)
- Pagination &#x2F; data evictions for billions of row handling
- Metadata plumbing (for usecases like complex cells where data needs to be generated from multiple differnet parameters)
- Usage patterns &#x2F; documentations (we are working on this)Some demos: <a href="https:&#x2F;&#x2F;www.superplot.dev&#x2F;grid&#x2F;#demos" rel="nofollow">https:&#x2F;&#x2F;www.superplot.dev&#x2F;grid&#x2F;#demos</a>
Github: <a href="https:&#x2F;&#x2F;github.com&#x2F;superplothq&#x2F;grid" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;superplothq&#x2F;grid</a>Would love to get your feedback on the approach as I continue to build the library.

Show HN: JavaScript grid and pivot library built for coding agents

Hi HN! byteface here. myjs was a recent accident I&#x27;d like to share.Several years ago I began writing DOM API&#x27;s in Python as a curiosity: <a href="https:&#x2F;&#x2F;github.com&#x2F;byteface&#x2F;domonic&#x2F;" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;byteface&#x2F;domonic&#x2F;</a>Every now and then I do another pass rolling in more features from the MDN pages. I have lots of unit tests but found that porting real code and libraries was a useful test of the DOM compatibility. But I didn&#x27;t want to pollute the core any further as had already ported d3 and jquery.So I created a new repo called domonic-libs: <a href="https:&#x2F;&#x2F;github.com&#x2F;byteface&#x2F;domonic-libs&#x2F;" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;byteface&#x2F;domonic-libs&#x2F;</a>Anyways a couple of days ago while porting some js libraries faithfully to run against dom.py and javascript.py I came across Acorn (a Javascript parser) and coverted it into pure python.Once Acorn.py was producing an AST, I mapped that against domonic&#x27;s Javascript and DOM nodes and to my surprise... actual JS code started executing inside the Python process!Give it a try:pipx install myjsWould love to hear your thoughts, edge cases to test, or feedback!

Show HN: Myjs An accidental pure-Python JavaScript interpreter

Concurrent JavaScript: It can work (2017)

I Ported Moonshine to JavaScript

I first shared Caravan on HN in 2024[0]. At the time, I had built the initial version over the Christmas holidays. You guys seemed to enjoy it.Today, I’ve released another major update after spending the last couple of weeks working on it.[0]: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=42508130">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=42508130</a>

Show HN: Caravan, a flexible TypeScript-first logger for JavaScript applications

Porffor: An ahead-of-time JavaScript-to-native/WASM compiler

JavaScript powers the web - it's **the** most important programming language you need to know as a web developer.

## Exempel 1

For example, We have an array of different objects that can weigh the same or different and are spaced apart from us.
The customer wants the lightest and closest object.

```js
object.sort((a,b)=>a.weigh - b.weigh)

 const lightest=(object[0].weigh);
 let sortDistance=(object[0].distance); 

 for (let i = 0; i< object.length; i++) { 
 if (lightest === object[i].weigh && sortDistance > object[i].distance){
 sortDistance = object[i].distance;
 sortObject.unshift(object[i]);
 }else{
 sortObject.push(object[i]);
 }
 }
```

... more comming soon

JavaScript News

News From: hn.algolia.com