@hypen-space/cli 0.3.8

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@hypen-space/cli",
+  "version": "0.3.8",
+  "description": "Hypen CLI - Create and manage Hypen applications",
+  "type": "module",
+  "bin": {
+    "hypen": "./dist/bin/hypen.js"
+  },
+  "main": "./dist/src/index.js",
+  "exports": {
+    ".": {
+      "bun": "./src/index.ts",
+      "import": "./dist/src/index.js",
+      "default": "./dist/src/index.js"
+    },
+    "./dev": {
+      "bun": "./src/dev.ts",
+      "import": "./dist/src/dev.js",
+      "default": "./dist/src/dev.js"
+    }
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "bun run build.ts",
+    "prepublishOnly": "bun run build",
+    "test": "bun test",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@hypen-space/core": "^0.3.8",
+    "@hypen-space/web": "^0.3.8",
+    "esbuild": "^0.20.0"
+  },
+  "devDependencies": {
+    "@types/bun": "latest",
+    "@types/node": "^20",
+    "typescript": "^5"
+  },
+  "keywords": [
+    "hypen",
+    "cli",
+    "ui",
+    "declarative"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "author": "Ian Rumac",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hypen-lang/hypen-engine-rs.git",
+    "directory": "hypen-cli"
+  }
+}

package/templates/counter/hypen.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://hypen.dev/schema/hypen.json",
+  "entry": "App",
+  "components": "./src/components",
+  "port": 3000,
+  "mode": "hybrid",
+  "build": {
+    "outDir": "dist",
+    "minify": true,
+    "sourcemap": false
+  },
+  "deploy": {
+    "target": "fly"
+  }
+}

package/templates/counter/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "counter",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "hypen dev",
+    "build": "hypen build",
+    "start": "bun run dist/main.js",
+    "deploy": "hypen deploy"
+  },
+  "dependencies": {
+    "@hypen-space/core": "^0.3.8"
+  },
+  "devDependencies": {
+    "bun-types": "latest",
+    "typescript": "^5.0.0"
+  }
+}

package/templates/counter/src/app.ts

@@ -0,0 +1,16 @@
+/**
+ * Hypen Application Entry Point
+ *
+ * This file starts your Hypen server.
+ * Run with: bun run dev
+ */
+
+import { serve } from "@hypen-space/core";
+
+const server = await serve({
+  entry: "App",
+  port: 3000,
+  mode: "hybrid" as const,
+});
+
+console.log(`Server running at ${server.url}`);

package/templates/counter/src/components/App/component.hypen

@@ -0,0 +1,55 @@
+module App {
+  Column {
+    Text("Hypen Counter")
+      .fontSize(24)
+      .fontWeight("bold")
+      .color("#333")
+
+    Text("Count: ${state.count}")
+      .fontSize(64)
+      .fontWeight("bold")
+      .color("#007bff")
+      .marginVertical(32)
+
+    Row {
+      Button {
+        Text("-")
+          .fontSize(24)
+          .color("#fff")
+      }
+      .onClick("@actions.decrement")
+      .padding(16)
+      .paddingHorizontal(24)
+      .backgroundColor("#dc3545")
+      .borderRadius(8)
+
+      Button {
+        Text("Reset")
+          .fontSize(16)
+          .color("#fff")
+      }
+      .onClick("@actions.reset")
+      .padding(16)
+      .paddingHorizontal(24)
+      .backgroundColor("#6c757d")
+      .borderRadius(8)
+
+      Button {
+        Text("+")
+          .fontSize(24)
+          .color("#fff")
+      }
+      .onClick("@actions.increment")
+      .padding(16)
+      .paddingHorizontal(24)
+      .backgroundColor("#28a745")
+      .borderRadius(8)
+    }
+    .gap(16)
+  }
+  .padding(32)
+  .gap(24)
+  .alignItems("center")
+  .justifyContent("center")
+  .minHeight("100vh")
+}

package/templates/counter/src/components/App/component.ts

@@ -0,0 +1,21 @@
+import { app } from "@hypen-space/core";
+
+type AppState = {
+  count: number;
+};
+
+export default app
+  .defineState<AppState>({ count: 0 })
+  .onCreated(async (state) => {
+    console.log("App created with count:", state.count);
+  })
+  .onAction("increment", ({ state }) => {
+    state.count++;
+  })
+  .onAction("decrement", ({ state }) => {
+    state.count--;
+  })
+  .onAction("reset", ({ state }) => {
+    state.count = 0;
+  })
+  .build();

package/templates/counter/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": [
+      "bun-types"
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ],
+      "@components/*": [
+        "./src/components/*"
+      ]
+    }
+  },
+  "include": [
+    "src/**/*",
+    "hypen.json"
+  ]
+}