feat(nanoviews,kida): migrate kida and nanoviews to agera (#52)

Author: dangreen

README.md

@@ -3,6 +3,7 @@
 | Package | Version | Dependencies |
 |---------|---------|--------------|
 | [`nanoviews`](packages/nanoviews#readme) | [![NPM version][nanoviews-npm]][nanoviews-npm-url] | [![Dependencies status][nanoviews-deps]][nanoviews-deps-url] |
+| [`agera`](packages/agera#readme) | [![NPM version][agera-npm]][agera-npm-url] | [![Dependencies status][agera-deps]][agera-deps-url] |
 | [`kida`](packages/kida#readme) | [![NPM version][kida-npm]][kida-npm-url] | [![Dependencies status][kida-deps]][kida-deps-url] |
 | [`@kidajs/react`](packages/kida-react#readme) | [![NPM version][kida-npm]][kida-npm-url] | [![Dependencies status][kida-deps]][kida-deps-url] |
 
@@ -14,6 +15,14 @@
 [nanoviews-deps]: https://img.shields.io/librariesio/release/npm/nanoviews
 [nanoviews-deps-url]: https://libraries.io/npm/nanoviews/tree
 
+<!-- agera -->
+
+[agera-npm]: https://img.shields.io/npm/v/agera.svg
+[agera-npm-url]: https://www.npmjs.com/package/agera
+
+[agera-deps]: https://img.shields.io/librariesio/release/npm/agera
+[agera-deps-url]: https://libraries.io/npm/agera/tree
+
 <!-- kida -->
 
 [kida-npm]: https://img.shields.io/npm/v/kida.svg

examples/benchmark-nanoviews/src/app.js

@@ -122,13 +122,13 @@ export function App(ref = {}) {
     deleteIndex($data, index)
   }
   const run = () => {
-    $data.set(buildData(1000))
+    $data(buildData(1000))
   }
   const runLots = () => {
-    $data.set(buildData(10000))
+    $data(buildData(10000))
   }
   const swapRows = () => {
-    if ($data.get().length > 998) {
+    if ($data().length > 998) {
       updateList($data, (data) => {
         const tmp = data[1]
 
@@ -224,24 +224,24 @@ export function App(ref = {}) {
             $row = record($row)
 
             return tr({
-              class: computed(get => get($selected) === get($row.id) ? 'danger' : '')
+              class: computed(() => $selected() === $row.$id() ? 'danger' : '')
             })(
               td({ class: 'col-md-1' })(
-                $row.id
+                $row.$id
               ),
               td({ class: 'col-md-4' })(
                 a({
                   onClick() {
-                    $selected.set($row.id.get())
+                    $selected($row.$id())
                   }
                 })(
-                  $row.label
+                  $row.$label
                 )
               ),
               td({ class: 'col-md-1' })(
                 a({
                   onClick() {
-                    remove($index.get())
+                    remove($index())
                   }
                 })(
                   'Delete'

examples/benchmark-nanoviews/vite.config.js

@@ -5,4 +5,12 @@ export default defineConfig({
     target: 'esnext',
     minify: false
   }
+  // resolve: {
+  //   alias: {
+  //     'nanoviews/store': '../../packages/nanoviews/dist/store.js',
+  //     'nanoviews': '../../packages/nanoviews/dist/index.js',
+  //     'kida': '../../packages/kida/dist/index.js',
+  //     'agera': '../../packages/agera/dist/index.js'
+  //   }
+  // }
 })

examples/vite-demo-nanoviews/src/counter.ts

@@ -2,15 +2,13 @@ import { signal } from 'nanoviews/store'
 import { button } from 'nanoviews'
 
 export function Counter() {
-  const $counter = signal(0)
+  const $count = signal(0)
 
   return button({
-    id: 'counter',
-    type: 'button',
     onClick() {
-      $counter.set($counter.get() + 1)
+      $count($count() + 1)
     }
   })(
-    'count is ', $counter
+    'count is ', $count
   )
 }

examples/vite-demo-nanoviews/vite.config.ts

@@ -5,4 +5,12 @@ export default defineConfig({
     target: 'esnext',
     minify: true
   }
+  // resolve: {
+  //   alias: {
+  //     'nanoviews/store': '../../packages/nanoviews/dist/store.js',
+  //     'nanoviews': '../../packages/nanoviews/dist/index.js',
+  //     'kida': '../../packages/kida/dist/index.js',
+  //     'agera': '../../packages/agera/dist/index.js'
+  //   }
+  // }
 })

examples/vite-demo-solid/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": [
+    "@trigen/eslint-config/typescript"
+  ],
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "parserOptions": {
+    "tsconfigRootDir": "./examples/vite-demo-solid",
+    "project": ["./tsconfig.json"]
+  },
+  "rules": {
+    "import/no-absolute-path": "off",
+    "import/no-default-export": "off",
+    "import/no-anonymous-default-export": "off"
+  }
+}

examples/vite-demo-solid/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + TS</title>
+    <script type="module" src="/src/main.tsx"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

examples/vite-demo-solid/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "vite-demo-solid",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "solid-js": "^1.9.3"
+  },
+  "devDependencies": {
+    "typescript": "^5.2.2",
+    "vite": "^5.2.7",
+    "vite-plugin-solid": "^2.11.0"
+  }
+}