lua-cli 1.2.1 → 1.3.0

package/dist/web/tools-page.css

@@ -0,0 +1,377 @@
+/* Tools Page Styles */
+.tools-page {
+  flex: 1;
+  background: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.tools-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  gap: 16px;
+}
+
+.loading-spinner {
+  width: 32px;
+  height: 32px;
+  border: 3px solid #3e3e42;
+  border-top: 3px solid #007acc;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Tools List View */
+.tools-list-view {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.tools-header {
+  background: #2d2d30;
+  color: #cccccc;
+  padding: 16px 20px;
+  border-bottom: 1px solid #3e3e42;
+  flex-shrink: 0;
+}
+
+.tools-header h3 {
+  margin: 0 0 4px 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #ffffff;
+  font-family: inherit;
+}
+
+.tools-header p {
+  margin: 0;
+  font-size: 14px;
+  color: #cccccc;
+  font-family: inherit;
+}
+
+.tools-grid {
+  flex: 1;
+  padding: 20px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 12px;
+  overflow-y: auto;
+  align-content: start;
+}
+
+.tool-card {
+  background: #252526;
+  border: 1px solid #3e3e42;
+  border-radius: 8px;
+  padding: 12px;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  flex-direction: column;
+  height: fit-content;
+  min-height: 100px;
+}
+
+.tool-card:hover {
+  background: #2d2d30;
+  border-color: #007acc;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.1);
+}
+
+.tool-card-header {
+  margin-bottom: 12px;
+}
+
+.tool-card-header h4 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #ffffff;
+  font-family: inherit;
+}
+
+.tool-card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.tool-card-body p {
+  margin: 0;
+  font-size: 14px;
+  color: #cccccc;
+  line-height: 1.4;
+  font-family: inherit;
+}
+
+.tool-card-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.input-count {
+  font-size: 12px;
+  color: #8c8c8c;
+  background: #1e1e1e;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-family: inherit;
+}
+
+/* Tool Form View */
+.tool-form {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.tool-form-header {
+  background: #2d2d30;
+  color: #cccccc;
+  padding: 16px 20px;
+  border-bottom: 1px solid #3e3e42;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex-shrink: 0;
+}
+
+.back-button {
+  background: #3e3e42;
+  color: #cccccc;
+  border: none;
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 14px;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.back-button:hover {
+  background: #4e4e52;
+}
+
+.tool-form-header h3 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #ffffff;
+  font-family: inherit;
+}
+
+.tool-form-content {
+  flex: 1;
+  padding: 20px;
+  overflow-y: auto;
+}
+
+.tool-info {
+  margin-bottom: 24px;
+}
+
+.tool-info p {
+  margin: 0;
+  font-size: 14px;
+  color: #cccccc;
+  line-height: 1.5;
+  font-family: inherit;
+}
+
+.tool-inputs {
+  margin-bottom: 24px;
+}
+
+.tool-inputs h4 {
+  margin: 0 0 16px 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #ffffff;
+  font-family: inherit;
+}
+
+.input-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.input-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.input-field label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #cccccc;
+  font-family: inherit;
+}
+
+.required {
+  color: #f85149;
+  margin-left: 4px;
+}
+
+.tool-input {
+  background: #1e1e1e;
+  color: #cccccc;
+  border: 1px solid #3e3e42;
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 14px;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.2s;
+}
+
+.tool-input:focus {
+  border-color: #007acc;
+}
+
+.tool-checkbox {
+  width: 16px;
+  height: 16px;
+  accent-color: #007acc;
+}
+
+.input-description {
+  font-size: 12px;
+  color: #8c8c8c;
+  font-style: italic;
+  font-family: inherit;
+}
+
+.no-inputs {
+  font-size: 14px;
+  color: #8c8c8c;
+  font-style: italic;
+  font-family: inherit;
+}
+
+.tool-actions {
+  margin-bottom: 24px;
+}
+
+.test-button {
+  background: #007acc;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  padding: 12px 24px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.test-button:hover:not(:disabled) {
+  background: #005a9e;
+}
+
+.test-button:disabled {
+  background: #3e3e42;
+  color: #8c8c8c;
+  cursor: not-allowed;
+}
+
+.test-result {
+  background: #252526;
+  border-radius: 6px;
+  padding: 16px;
+  border: 1px solid #3e3e42;
+}
+
+.test-result h4 {
+  margin: 0 0 12px 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #ffffff;
+  font-family: inherit;
+}
+
+.result-content {
+  padding: 12px;
+  border-radius: 4px;
+  font-family: inherit;
+}
+
+.result-content.success {
+  background: #0d4429;
+  border: 1px solid #238636;
+}
+
+.result-content.error {
+  background: #5d1a1a;
+  border: 1px solid #da3633;
+}
+
+.result-label {
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 8px;
+  font-family: inherit;
+}
+
+.result-content.success .result-label {
+  color: #3fb950;
+}
+
+.result-content.error .result-label {
+  color: #f85149;
+}
+
+.result-data {
+  background: #1e1e1e;
+  color: #cccccc;
+  padding: 12px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  overflow-x: auto;
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.result-error {
+  color: #f85149;
+  font-size: 14px;
+  font-family: inherit;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+  .tools-grid {
+    grid-template-columns: 1fr;
+    padding: 16px;
+  }
+  
+  .tool-form-content {
+    padding: 16px;
+  }
+  
+  .tool-form-header {
+    padding: 12px 16px;
+  }
+}

package/package.json

@@ -1,17 +1,19 @@
 {
   "name": "lua-cli",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Command-line interface for Lua AI platform - develop, test, and deploy LuaSkills with custom tools",
   "readmeFilename": "README.md",
   "main": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",
     "./types": "./dist/types.js",
-    "./skill": "./dist/skill.js"
+    "./skill": "./dist/skill.js",
+    "./user-data-api": "./dist/user-data-api.js"
   },
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "npm run clean && tsc",
+    "build:react": "cd src/web && npx tsx build.ts",
+    "build": "npm run clean && npm run build:react && tsc && chmod +x dist/index.js && npm link",
     "prepublishOnly": "npm run build",
     "test": "jest",
     "test:watch": "jest --watch",
@@ -32,12 +34,12 @@
     "deployment",
     "skills"
   ],
-  "author": "Stefan Kruger <stefan@heylua.ai>",
+  "author": "Stefan Kruger <stefan@lua.dev>",
   "license": "MIT",
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/lua-ai-global/lua-cli.git"
+    "url": "git+https://github.com/lua-ai-global/lua-cli.git"
   },
   "homepage": "https://github.com/lua-ai-global/lua-cli#readme",
   "readme": "README.md",
@@ -60,13 +62,24 @@
     "inquirer": "^12.9.6",
     "keytar": "^7.9.0",
     "node-fetch": "^3.3.2",
+    "open": "^10.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "socket.io-client": "^4.7.2",
+    "ws": "^8.18.3",
     "zod": "^4.1.9"
   },
   "devDependencies": {
     "@types/inquirer": "^9.0.9",
     "@types/jest": "^29.5.8",
+    "@types/js-yaml": "^4.0.9",
     "@types/node": "^24.5.1",
     "@types/node-fetch": "^2.6.13",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/ws": "^8.18.1",
+    "@typescript-eslint/parser": "^8.44.1",
+    "@typescript-eslint/typescript-estree": "^8.44.1",
     "jest": "^29.7.0",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",

package/template/package-lock.json

@@ -10,25 +10,29 @@
       "license": "ISC",
       "dependencies": {
         "@types/inquirer": "^9.0.9",
+        "@types/js-yaml": "^4.0.9",
         "axios": "^1.6.0",
         "inquirer": "^12.9.6",
+        "js-yaml": "^4.1.0",
         "lua-cli": "file:..",
         "zod": "^4.1.9"
       },
       "devDependencies": {
         "@types/node": "^20.10.0",
         "tsx": "^4.7.0",
-        "typescript": "^5.3.0"
+        "typescript": "^5.9.2"
       }
     },
     "..": {
-      "version": "1.1.2",
+      "version": "1.3.0-alpha.1",
       "license": "MIT",
       "dependencies": {
         "commander": "^14.0.1",
+        "esbuild": "^0.25.10",
         "inquirer": "^12.9.6",
         "keytar": "^7.9.0",
         "node-fetch": "^3.3.2",
+        "open": "^10.1.0",
         "zod": "^4.1.9"
       },
       "bin": {
@@ -39,7 +43,8 @@
         "@types/jest": "^29.5.8",
         "@types/node": "^24.5.1",
         "@types/node-fetch": "^2.6.13",
-        "esbuild": "^0.25.10",
+        "@typescript-eslint/parser": "^8.44.1",
+        "@typescript-eslint/typescript-estree": "^8.44.1",
         "jest": "^29.7.0",
         "ts-jest": "^29.1.1",
         "ts-node": "^10.9.2",
@@ -835,6 +840,12 @@
         "rxjs": "^7.2.0"
       }
     },
+    "node_modules/@types/js-yaml": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.9.tgz",
+      "integrity": "sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==",
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "20.19.17",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.17.tgz",
@@ -877,6 +888,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -1280,6 +1297,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/lua-cli": {
       "resolved": "..",
       "link": true

package/template/package.json

@@ -14,14 +14,16 @@
   },
   "dependencies": {
     "@types/inquirer": "^9.0.9",
+    "@types/js-yaml": "^4.0.9",
     "axios": "^1.6.0",
     "inquirer": "^12.9.6",
+    "js-yaml": "^4.1.0",
     "lua-cli": "file:..",
     "zod": "^4.1.9"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",
     "tsx": "^4.7.0",
-    "typescript": "^5.3.0"
+    "typescript": "^5.9.2"
   }
 }

package/template/{index.ts → src/index.ts}

@@ -4,19 +4,28 @@ import GetUserDataTool from "./tools/GetUserDataTool";
 import CreatePostTool from "./tools/CreatePostTool";
 import CalculatorTool from "./tools/CalculatorTool";
 import AdvancedMathTool from "./tools/AdvancedMathTool";
+import { UserPreferencesTool } from "./tools/UserPreferencesTool";
 
 // Initialize skill with tools
-const skill = new LuaSkill();
+const skill = new LuaSkill({
+    description: "A comprehensive Lua skill with weather, user data, post creation, and mathematical tools",
+    context: "This skill provides various utilities including weather information, user data retrieval, post creation, basic calculator operations, and advanced mathematical functions. Use get_weather to fetch current weather conditions for any city, get_user_data to retrieve user information, create_post to publish new posts, calculator for basic arithmetic operations, and advanced_math for complex mathematical computations like factorials, prime checking, fibonacci sequences, and greatest common divisor calculations."
+});
 skill.addTool(new GetWeatherTool());
 skill.addTool(new GetUserDataTool());
-skill.addTool(new CreatePostTool());
-skill.addTool(new CalculatorTool());
-skill.addTool(new AdvancedMathTool());
+skill.addTool(new UserPreferencesTool());
+// skill.addTool(new CreatePostTool());
+// skill.addTool(new CalculatorTool());
+// skill.addTool(new AdvancedMathTool());
 
 // Test cases
 const testCases = [
     { tool: "get_weather", city: "London" },
     { tool: "get_user_data", userId: "user123" },
+    { tool: "user_preferences", action: "get" },
+    { tool: "user_preferences", action: "set", key: "theme", value: "dark" },
+    { tool: "user_preferences", action: "set", key: "language", value: "en" },
+    { tool: "user_preferences", action: "get" },
     { tool: "create_post", title: "Test Post", content: "This is a test post content" },
     { tool: "calculator", operation: "add", a: 5, b: 3 },
     { tool: "advanced_math", operation: "factorial", numbers: [5] },

package/template/src/tools/UserPreferencesTool.ts

@@ -0,0 +1,73 @@
+import { LuaTool } from 'lua-cli';
+import { user } from 'lua-cli';
+import { z } from 'zod';
+
+/**
+ * Example tool demonstrating User Data API usage
+ * This tool allows users to manage their preferences
+ */
+export class UserPreferencesTool extends LuaTool {
+  constructor() {
+    super('user-preferences', 'Manage user preferences and settings');
+  }
+
+  async execute(input: { action: string; key?: string; value?: string }) {
+    const { action, key, value } = input;
+
+    try {
+      switch (action) {
+        case 'get':
+          const userData = await user.data.get();
+          return { 
+            success: true, 
+            preferences: userData.preferences || {},
+            message: 'Preferences retrieved successfully'
+          };
+        
+        case 'set':
+          if (!key || !value) {
+            throw new Error('Key and value are required for set action');
+          }
+          
+          const currentData = await user.data.get();
+          const updatedData = {
+            ...currentData,
+            preferences: {
+              ...currentData.preferences,
+              [key]: value
+            }
+          };
+          
+          await user.data.update(updatedData);
+          return { 
+            success: true, 
+            message: `Set ${key} to ${value}`,
+            preferences: updatedData.preferences
+          };
+        
+        case 'clear':
+          await user.data.clear();
+          return { 
+            success: true, 
+            message: 'All preferences cleared' 
+          };
+        
+        default:
+          throw new Error('Invalid action. Use: get, set, or clear');
+      }
+    } catch (error) {
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error occurred'
+      };
+    }
+  }
+
+  getInputSchema() {
+    return z.object({
+      action: z.enum(['get', 'set', 'clear']).describe('Action to perform: get (retrieve preferences), set (update a preference), or clear (remove all preferences)'),
+      key: z.string().optional().describe('Preference key (required for set action)'),
+      value: z.string().optional().describe('Preference value (required for set action)')
+    });
+  }
+}