feat: upgrade DLight.js to 0.10.x

Author: IanDxSSXX

frameworks/keyed/dlightjs/package-lock.json

@@ -18,13 +18,15 @@
     "url": "https://github.com/dlight-js/dlight.git"
   },
   "dependencies": {
-    "@dlightjs/dlight": "0.9.2"
+    "@dlightjs/dlight": "^0.10.1",
+    "babel-preset-dlight": "^0.10.4"
   },
   "devDependencies": {
     "@babel/core": "7.15.0",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.23.0",
     "@rollup/plugin-babel": "5.3.0",
     "@rollup/plugin-node-resolve": "13.0.4",
-    "babel-preset-dlight": "0.9.2",
     "rollup": "2.52.3",
     "rollup-plugin-terser": "7.0.2"
   }

frameworks/keyed/dlightjs/package.json

@@ -6,7 +6,15 @@ const plugins = [
   babel({
     babelHelpers: "bundled",
     exclude: "node_modules/**",
-    presets: ["dlight"],
+    presets: ["dlight"]
+  }),
+  babel({
+    babelHelpers: "bundled",
+    exclude: "node_modules/**",
+    plugins: [
+      ["@babel/plugin-proposal-decorators", { version: "legacy" }],
+      ["@babel/plugin-proposal-class-properties", { loose: true }]
+    ]
   }),
   resolve({ extensions: [".js"] }),
 ]

frameworks/keyed/dlightjs/rollup.config.js

@@ -1,4 +1,4 @@
-import DLight, { View, render } from "@dlightjs/dlight"
+import { View, render } from "@dlightjs/dlight"
 
 let idCounter = 1
 
@@ -19,7 +19,8 @@ function buildData(count) {
   return data
 }
 
-class Main extends View {
+@View
+class Main {
   rows = []
   selectIdx = -1
   addRows() {
@@ -62,19 +63,19 @@ class Main extends View {
     this.rows = [...this.rows]
   }
 
-  @SubView
-  Button({ _$content, id, onclick }) {
+  @View
+  Button({ content, id, onclick }) {
     div()
       .className("col-sm-6 smallpad")
     {
-      button(_$content)
+      button(content)
         .onclick(onclick)
         .id(id)
         .className("btn btn-primary btn-block")
     }
   }
 
-  @SubView
+  @View
   Jumbotron() {
     div()
       .className("jumbotron")