hyprmcp
diff --git a/‎index.html‎
Lines changed: 30 additions & 4 deletions b/‎index.html‎
Lines changed: 30 additions & 4 deletions
diff --git a/‎package.json‎
Lines changed: 12 additions & 2 deletions b/‎package.json‎
Lines changed: 12 additions & 2 deletions
@@ -3,13 +3,39 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>MCP Instructions</title>
+    <title>MCP Instructions - Webcomponent Demo</title>
     <script src="./dist/component/index.js"></script>
     <link rel="stylesheet" href="./dist/component/index.css" />
+    <style>
+      body {
+        background: #f0f0f0;
+        color: #282828;
+        margin: 0;
+      }
+
+      main {
+        background: #fcfcfc;
+        font-family: sans-serif;
+        max-width: 52rem;
+        margin: 2rem auto;
+        padding: 2rem;
+        border-radius: 8px;
+        box-shadow:
+          0 2px 4px rgba(0, 0, 0, 0.1),
+          0 8px 16px rgba(0, 0, 0, 0.1);
+      }
+    </style>
   </head>
   <body>
-    <mcp-instructions
-      url="https://glasskube.hyprmcp.cloud/who-am-i/mcp"
-    ></mcp-instructions>
+    <main>
+      <h1>Webcomponent Demo</h1>
+      <h2>https://mcp.example.com</h2>
+      <mcp-instructions url="https://mcp.example.com"></mcp-instructions>
+
+      <h2>https://glasskube.hyprmcp.cloud/who-am-i/mcp</h2>
+      <mcp-instructions
+        url="https://glasskube.hyprmcp.cloud/who-am-i/mcp"
+      ></mcp-instructions>
+    </main>
   </body>
 </html>
@@ -3,12 +3,17 @@
   "version": "0.1.0",
   "description": "",
   "scripts": {
-    "build": "rimraf dist && tsc && esbuild --bundle --minify --outdir=dist/component src/component/index.ts",
-    "format": "prettier --write ."
+    "prebuild": "rimraf dist",
+    "build": "tsc && esbuild --bundle --minify --outdir=dist/component src/component/index.ts",
+    "postbuild": "shx chmod +x dist/cli/*.js",
+    "lint": "prettier --check .",
+    "format": "prettier --write .",
+    "cli": "ts-node src/cli/index.ts"
   },
   "files": [
     "dist/*"
   ],
+  "bin": "dist/cli/index.js",
   "repository": {
     "url": "https://github.com/hyprmcp/mcp-instructions",
     "type": "git"
@@ -18,12 +23,17 @@
   "license": "MIT",
   "packageManager": "[email protected]",
   "devDependencies": {
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^24.3.1",
     "esbuild": "^0.25.9",
     "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
+    "shx": "^0.4.0",
+    "ts-node": "^10.9.2",
     "typescript": "^5.9.2"
   },
   "dependencies": {
+    "minimist": "^1.2.8",
     "rehype-sanitize": "^6.0.0",
     "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",