darkwiiplayer/nyooom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rename to nyooom

Browse source
This commit is contained in:
Talia 2025-02-07 11:37:10 +01:00
parent 75087c23ca
commit f1932571a5
3 changed files with 20 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
package.json
View file

@ -1,21 +1,16 @@
{ {
"name": "skooma", "name": "nyooom",
"version": "1.7.0", "version": "1.0.0",
"author": "darkwiiplayer", "author": "darkwiiplayer",
"license": "Unlicense", "license": "Unlicense",
"main": "render.js", "exports": {
".": "./render.js"
},
"type": "module", "type": "module",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+https://github.com/darkwiiplayer/skooma-js" "url": "git+https://git.but.gay/darkwiiplayer/nyooom"
}, },
"homepage": "https://darkwiiplayer.github.io/skooma-js", "homepage": "https://darkwiiplayer.github.io/nyooom",
"keywords": [ "keywords": []
"skooma",
"components",
"functional",
"html",
"ui",
"utility"
]
} }

22
readme.md
View file

@ -1,7 +1,7 @@
# Skooma # Nyooom
```js ```js
import {html} from "skooma/render.js" import {html} from "nyooom/render.js"
document.body.append( document.body.append(
html.p( html.p(
@ -17,15 +17,15 @@ document.body.append(
## Goals ## Goals
1. `skooma/render` should stay small enough to use it as just a helper library 1. `nyooom/render` should stay small enough to use it as just a helper library
to generate some dom nodes in any sort of web environment. to generate some dom nodes in any sort of web environment.
1. `skooma/observable` should likewise function as a standalone reactive state 1. `nyooom/observable` should likewise function as a standalone reactive state
management library to be used with or without a framework management library to be used with or without a framework
1. A developer who doesn't use skooma should be able to read any code using it 1. A developer who doesn't use nyooom should be able to read any code using it
and piece together what it does based on structure and function names and piece together what it does based on structure and function names
1. Skooma should be easy to gradually introduce into an application that uses 1. Nyooom should be easy to gradually introduce into an application that uses
a different framework or no framework at all a different framework or no framework at all
1. Skooma should make it easy to gradually replace it with a different solution 1. Nyooom should make it easy to gradually replace it with a different solution
should it prove unfit for a project it is being used in should it prove unfit for a project it is being used in
1. The library should be hackable so that developers can tweak it for different 1. The library should be hackable so that developers can tweak it for different
environments like SSR or frameworks environments like SSR or frameworks
@ -38,8 +38,8 @@ This readme file may not reflect the latest state of the interface.**
## Overview ## Overview
```js ```js
const text = new State({value: "Skooma is cool"}) const text = new State({value: "Nyooom is cool"})
setTimeout(() => {text.value = "Skooma is awesome!"}, 1e5) setTimeout(() => {text.value = "Nyooom is awesome!"}, 1e5)
document.body.append(html.div( document.body.append(html.div(
html.h1("Hello, World!"), html.h1("Hello, World!"),
@ -117,10 +117,10 @@ text`Hello, ${html.b(user)}!`
## handle ## handle
```js ```js
import {handle} from 'skooma/state.js' import {handle} from 'nyooom/state.js'
``` ```
Since it is common for event handlers to call `preventDefault()`, skooma Since it is common for event handlers to call `preventDefault()`, nyooom
provides a helper function called `handle` with the following definition: provides a helper function called `handle` with the following definition:
```js ```js

2
render.js
View file

@ -19,7 +19,7 @@ class MultiAbortController {
} }
/** A symbol representing nothing to be appended to an element */ /** A symbol representing nothing to be appended to an element */
export const empty = Symbol("Explicit empty argument for Skooma") export const empty = Symbol("Explicit empty argument for Nyooom")
/** Converts a snake-case string to a CSS property name /** Converts a snake-case string to a CSS property name
* @param {string} key * @param {string} key