feat: version updates

sonnetjs · Apr 21, 2024 · 42ae418 · 42ae418
1 parent 68cbbe3
commit 42ae418
Show file tree

Hide file tree

Showing 21 changed files with 606 additions and 22 deletions.
diff --git a/apps/playground/index.html b/apps/playground/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>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/apps/playground/package-lock.json b/apps/playground/package-lock.json
diff --git a/apps/playground/package.json b/apps/playground/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "playground",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "typescript": "^5.2.2",
+    "vite": "^5.2.6"
+  },
+  "dependencies": {
+    "@sonnetjs/core": "*",
+    "@sonnetjs/html": "*"
+  }
+}
diff --git a/apps/playground/public/vite.svg b/apps/playground/public/vite.svg
diff --git a/apps/playground/src/Counter.ts b/apps/playground/src/Counter.ts
@@ -0,0 +1,52 @@
+import { SonnetComponent } from '@sonnetjs/core';
+import { a, button, div, h1, img, p } from '@sonnetjs/html';
+
+class Counter extends SonnetComponent {
+  counter = 0;
+
+  public script() {
+    const counterButton = document.getElementById(
+      'counter',
+    ) as HTMLButtonElement;
+    counterButton.addEventListener('click', () => {
+      this.counter += 1;
+      counterButton.innerText = `count is ${this.counter}`;
+    });
+  }
+
+  public get() {
+    return div()
+      .children(
+        a()
+          .href('https://vitejs.dev')
+          .target('blank')
+          .children(
+            img()
+              .src('https://vitejs.dev/logo.svg')
+              .className('logo')
+              .alt('Vite Logo')
+              .get(),
+          )
+          .get(),
+        h1().innerText('Vite').get(),
+        div()
+          .className('card')
+          .children(
+            button()
+              .id('counter')
+              .type('button')
+              .innerText(`count is ${this.counter}`)
+              .className('btn')
+              .get(),
+          )
+          .get(),
+        p()
+          .innerText('Edit src/main.ts and save to test HMR.')
+          .className('read-the-docs')
+          .get(),
+      )
+      .get();
+  }
+}
+
+export default Counter;