Happyx

You can improve your translatable strings since v1.6.0

nim
serve(...):
"/":
return "Hello"


With flag `-d:translate` it converts into

nim
serve(...):
"/":
return translate("Hello")


It works for SPA also

Changelog 📕
- New alternative HTTP server - [`httpbeast`](https://github.com/dom96/httpbeast). You can enable it with `-d:hpxBeast` flag 🔥
- `while` statement for HTML DSL ⚡
nim
appRoutes(...):
"/":
tDiv:
nim:
var x = 0
while x < 10:
"x is {x}"

- Translatables for all project types ✨
nim
translatable:
"Hello, world!":
"ru" -> "Привет, мир!"
"fr" -> "Bonjour, monde!"
serve(...): or appRoutes
"/":
return translate("Hello, world!")

Since HappyX v1.1.0 You can declare static directories with two ways ✌

URL Path Is Static Dir 🎈
nim
serve(...):
/myDir/subdir/file.txt returns /myDir/subdir/file.txt
staticDir "myDir"


Custom URL Path ✨
nim
serve(...):
/myPath/subdir/file.txt returns /myDir/subdir/file.txt
staticDir "/myPath" -> "myDir"

Changelog
- `as` statement in components ✌
nim
component MyComponent:
`script` as js:
console.log("Hi")
`style` as css:
tag tDiv:
background-color: rgb(100, 200, 255)
padding: 0 1.px 2.rem 3.em

- Updated SPA renderer (but legacy still) 🐾
To enable old renderer compile with `-d:oldRenderer`
- Prefixed defines (46) 🔨
- `->` macro for states 🍍
nim
type MyObj = object
field: string
var myObj = remember MyObj(field: "Hello")
echo myObj->field

- Updated `buildJs` macro ✌
- `nim` statement that keeps true Nim code
nim
buildJs:
nim:
echo "Hello, world!"

- `block` statement now is available
- [enums checking](https://www.reddit.com/r/nim/comments/13rx57h/comment/jlogows/?utm_source=share&utm_medium=web2x&context=3) (only JS enums)
nim
buildJs:
type
A = enum
One, Two, Three,
Four = 100

var enumA = A.One

case enumA:
of A.One:
echo "Hi!"
else:
echo "Bye!"

- `discard` statement
- `while` statement
- Updated `buildHtml` statement ✨
- `nim` statement that keeps true Nim code
nim
buildHtml:
tDiv:
"Hello, world!"
nim:
echo "Hello, world!"

- Update docs 📕

New `buildJs` macro is available. With it you can use PURE Js.

nim
buildJs:
var one = 123 let one = 123
let two = 234 const two = 234
const three = 345 const three = 345

if one === 123: Js ===
echo one console.log(one)
elif ... else if (...) { ... }
,,,
else:
...

case two switch (two) {
of 1, 2, 3, 4: case 1: case 2: case 3: case 4:
echo "1 <= one <= 4"
else: default:
echo "one is 123"

var arr = [1, 2, 3] let arr = [1, 2, 3]
function fn(array): function fn(array) { ... }
for (val, index) in array:
echo val, index
fn(arr)

class Animal:
say():
discard
class Dog extends Animal:
say():
echo "Woof!"
class Cat extends Animal:
say():
echo "Meow"

You can use CSS in pure Nim now 🍍

Here is example
nim
var myCss = buildStyle:
Translates into import url(...)
import url("path/to/font")
Translates into .myClass
class myClass:
color: {{nimVariable}}
background-color: {{otherNimVariable}}
Translates into myId
id myId:
color: red
Translates into body
tag body:
color: white
background: rgb(33, 33, 33)
Translates into keyframes
keyframes animation:
0: translates into 0%
opacity: 0
tranform: translateX(-150.px)
100: translates into 100%
opacity: 1
transform: translateX(0.px)
Translates into media ...
media screen and (min-width: 900.px):
tag article:
padding: 1.rem 3.rem
Translates into button:hover
buttonhover:
color: red
supports (display: flex):
media screen and (min-width: 900.px):
tag article:
display: flex