Abell 🌀
@abelljs.org
A Low-level, Framework-Agnostic, Static-Site-Generator for JavaScript Developers powered by Vite 🤗
If it breaks, blame @srbh.dev
🌐 abelljs.org
If it breaks, blame @srbh.dev
🌐 abelljs.org
Pinned
Abell 🌀
@abelljs.org
· Nov 6
🦋 🤝 🌀
Reposted by Abell 🌀
I made abell support client-side code (to use it as a template in web component) just 1 day before bsky-widget's release 🤭
The template compiles down to JS string literal on build-time
`<div>{{ props.handle }}</div>` --> `const html = () => `<div>${props.handle}</div>` `
The template compiles down to JS string literal on build-time
`<div>{{ props.handle }}</div>` --> `const html = () => `<div>${props.handle}</div>` `
New version of abell adds an experimental flag that allows you to import `.abell` files in client-side code 🚀
```
// vite.config.ts
{
abell: {
experimentalAllowClientSide: true
}
}
```
github.com/abelljs/abel...
```
// vite.config.ts
{
abell: {
experimentalAllowClientSide: true
}
}
```
github.com/abelljs/abel...
Release abell-v1.0.0-beta.5: Remove node dependencies in Abell runtime to allow abell to run on client-side · abelljs/abell
What's Changed
feat: remove node dependencies from compiler by @saurabhdaware in #188
You can now set experimentalAllowClientSide: true which will allow you to import .abell files in client-side ...
github.com
November 10, 2024 at 2:40 PM
I made abell support client-side code (to use it as a template in web component) just 1 day before bsky-widget's release 🤭
The template compiles down to JS string literal on build-time
`<div>{{ props.handle }}</div>` --> `const html = () => `<div>${props.handle}</div>` `
The template compiles down to JS string literal on build-time
`<div>{{ props.handle }}</div>` --> `const html = () => `<div>${props.handle}</div>` `
New version of abell adds an experimental flag that allows you to import `.abell` files in client-side code 🚀
```
// vite.config.ts
{
abell: {
experimentalAllowClientSide: true
}
}
```
github.com/abelljs/abel...
```
// vite.config.ts
{
abell: {
experimentalAllowClientSide: true
}
}
```
github.com/abelljs/abel...
Release abell-v1.0.0-beta.5: Remove node dependencies in Abell runtime to allow abell to run on client-side · abelljs/abell
What's Changed
feat: remove node dependencies from compiler by @saurabhdaware in #188
You can now set experimentalAllowClientSide: true which will allow you to import .abell files in client-side ...
github.com
November 6, 2024 at 4:55 PM
New version of abell adds an experimental flag that allows you to import `.abell` files in client-side code 🚀
```
// vite.config.ts
{
abell: {
experimentalAllowClientSide: true
}
}
```
github.com/abelljs/abel...
```
// vite.config.ts
{
abell: {
experimentalAllowClientSide: true
}
}
```
github.com/abelljs/abel...