feat: Add playground project

xeitojs · Feb 26, 2023 · 0437ab0 · 0437ab0
1 parent 64e7238
commit 0437ab0
Show file tree

Hide file tree

Showing 10 changed files with 1,282 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/playground/xeito/.gitignore b/playground/xeito/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/xeito/index.html b/playground/xeito/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/playground/xeito/package.json b/playground/xeito/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "xeito",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "typescript": "^4.9.3",
+    "vite": "^4.1.0"
+  },
+  "dependencies": {
+    "@xeito/core": "^0.3.3",
+    "@xeito/injection": "^0.3.3",
+    "@xeito/store": "^0.3.3",
+    "vite-plugin-inspect": "^0.7.15"
+  }
+}
diff --git a/playground/xeito/public/vite.svg b/playground/xeito/public/vite.svg
diff --git a/playground/xeito/src/app-component.ts b/playground/xeito/src/app-component.ts
@@ -0,0 +1,21 @@
+import { Component, XeitoComponent, html, State } from "@xeito/core";
+
+@Component({
+  selector: 'app-root',
+})
+export class AppComponent extends XeitoComponent {
+
+  @State() count: number = 0;
+
+  onDidMount() {
+    console.dir(this);
+  }
+
+  render() {
+    return html`
+      <h1>My App</h1>
+      <button @click=${()=>this.count++}>Count is: ${this.count}</button>
+    `;
+  }
+
+}
diff --git a/playground/xeito/src/main.ts b/playground/xeito/src/main.ts
@@ -0,0 +1,5 @@
+import { Xeito } from '@xeito/core';
+import { AppComponent } from './app-component';
+
+const xeito = new Xeito(AppComponent);
+xeito.bootstrap('#app');
diff --git a/playground/xeito/src/vite-env.d.ts b/playground/xeito/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/xeito/tsconfig.json b/playground/xeito/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "moduleResolution": "Node",
+    "strict": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "skipLibCheck": true,
+    "experimentalDecorators": true
+  },
+  "include": ["src"]
+}
diff --git a/playground/xeito/vite.config.js b/playground/xeito/vite.config.js
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import xeito from '../../packages/vite-plugin-xeito/src/index';
+import Inspect from 'vite-plugin-inspect';
+
+export default defineConfig({
+  plugins: [xeito(), Inspect()],
+});