npm - agent-workflow-kit-cli - Versions diffs - 1.3.4 → 1.3.6 - Mend

agent-workflow-kit-cli 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/templates/react-ts/project/eslint.config.js.hbs ADDED Viewed

@@ -0,0 +1,34 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from '@typescript-eslint/eslint-plugin'
+import tsparser from '@typescript-eslint/parser'
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parser: tsparser,
+      parserOptions: {
+        project: ['./tsconfig.app.json', './tsconfig.node.json'],
+      },
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+      '@typescript-eslint': tseslint,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...tseslint.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]

package/templates/react-ts/project/index.html.hbs ADDED Viewed

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚛️</text></svg>" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+    <!-- Modern Outfit typography from Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/react-ts/project/package.json.hbs ADDED Viewed

@@ -0,0 +1,28 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "typescript": "^5.5.2",
+    "vite": "^5.4.11"
+  }
+}

package/templates/react-ts/project/src/App.tsx.hbs ADDED Viewed

@@ -0,0 +1,60 @@
+import { useEffect, useState } from 'react'
+import { Counter } from './components/Counter'
+import { ThemeToggle } from './components/ThemeToggle'
+import { fetchSystemStatus, SystemStatus } from './services/api'
+import './styles/App.css'
+function App() {
+  const [systemStatus, setSystemStatus] = useState<SystemStatus | null>(null)
+  const [loading, setLoading] = useState(true)
+  useEffect(() => {
+    fetchSystemStatus()
+      .then((status) => {
+        setSystemStatus(status)
+        setLoading(false)
+      })
+      .catch((err) => {
+        console.error('Failed to load system status:', err)
+        setLoading(false)
+      })
+  }, [])
+  return (
+    <div className="container">
+      <div className="logo-container">
+        <span className="logo react" style={{ fontSize: '4rem', userSelect: 'none' }}>⚛️</span>
+      </div>
+      <h1 className="title">{{projectName}}</h1>
+      <p className="subtitle">
+        Your AI-Ready React, Vite, and TypeScript project generated with Agent Workflow Kit.
+      </p>
+      {/* Standalone Interactive Component */}
+      <Counter />
+      {/* Component utilizing custom hooks */}
+      <ThemeToggle />
+      {/* Service layer display */}
+      <div className="api-status-card">
+        {loading ? (
+          <span>Loading system API status...</span>
+        ) : systemStatus ? (
+          <div>
+            API Status: <span className="status-badge online">{systemStatus.status}</span> (v{systemStatus.version})
+          </div>
+        ) : (
+          <span>API Status: <span className="status-badge" style={{ backgroundColor: 'rgba(239, 68, 68, 0.15)', color: '#f87171' }}>OFFLINE</span></span>
+        )}
+      </div>
+      <p className="footer">
+        Workflow guidelines and skills are configured in the <code>.agents/</code> directory.
+      </p>
+    </div>
+  )
+}
+export default App

package/templates/react-ts/project/src/components/Counter.tsx.hbs ADDED Viewed

@@ -0,0 +1,16 @@
+import { useState } from 'react'
+export function Counter() {
+  const [count, setCount] = useState(0)
+  return (
+    <div className="card">
+      <button className="counter-btn" onClick={() => setCount((c) => c + 1)}>
+        Count is {count}
+      </button>
+      <p className="instruction">
+        Edit <code>src/components/Counter.tsx</code> to test stateful hot updates.
+      </p>
+    </div>
+  )
+}

package/templates/react-ts/project/src/components/ThemeToggle.tsx.hbs ADDED Viewed

@@ -0,0 +1,29 @@
+import { useEffect } from 'react'
+import { useLocalStorage } from '../hooks/useLocalStorage'
+export function ThemeToggle() {
+  const [theme, setTheme] = useLocalStorage<'light' | 'dark'>('theme', 'dark')
+  useEffect(() => {
+    document.documentElement.setAttribute('data-theme', theme)
+    if (theme === 'light') {
+      document.body.style.backgroundColor = '#f8fafc'
+      document.body.style.color = '#0f172a'
+    } else {
+      document.body.style.backgroundColor = '#0b0f19'
+      document.body.style.color = '#e2e8f0'
+    }
+  }, [theme])
+  const toggleTheme = () => {
+    setTheme((prev) => (prev === 'light' ? 'dark' : 'light'))
+  }
+  return (
+    <div className="theme-toggle-container">
+      <button className="theme-btn" onClick={toggleTheme}>
+        {theme === 'light' ? '🌙 Dark Mode' : '☀️ Light Mode'}
+      </button>
+    </div>
+  )
+}

package/templates/react-ts/project/src/hooks/useLocalStorage.ts.hbs ADDED Viewed

@@ -0,0 +1,25 @@
+import { useState, Dispatch, SetStateAction } from 'react'
+export function useLocalStorage<T>(key: string, initialValue: T): [T, Dispatch<SetStateAction<T>>] {
+  const [storedValue, setStoredValue] = useState<T>(() => {
+    try {
+      const item = window.localStorage.getItem(key)
+      return item ? JSON.parse(item) : initialValue
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${key}":`, error)
+      return initialValue
+    }
+  })
+  const setValue: Dispatch<SetStateAction<T>> = (value) => {
+    try {
+      const valueToStore = value instanceof Function ? value(storedValue) : value
+      setStoredValue(valueToStore)
+      window.localStorage.setItem(key, JSON.stringify(valueToStore))
+    } catch (error) {
+      console.warn(`Error setting localStorage key "${key}":`, error)
+    }
+  }
+  return [storedValue, setValue]
+}

package/templates/react-ts/project/src/main.tsx.hbs ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './styles/index.css'
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

package/templates/react-ts/project/src/services/api.ts.hbs ADDED Viewed

@@ -0,0 +1,16 @@
+export interface SystemStatus {
+  status: string;
+  version: string;
+  uptime: number;
+}
+export async function fetchSystemStatus(): Promise<SystemStatus> {
+  // Mock asynchronous API call delay
+  await new Promise((resolve) => setTimeout(resolve, 800));
+  return {
+    status: 'ONLINE',
+    version: '1.0.0',
+    uptime: Math.floor(process.uptime ? process.uptime() : performance.now() / 1000)
+  };
+}

package/templates/react-ts/project/src/styles/App.css.hbs ADDED Viewed

@@ -0,0 +1,143 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1.5rem;
+}
+.logo-container {
+  display: flex;
+  gap: 2rem;
+  margin-bottom: 0.5rem;
+}
+.logo {
+  font-size: 4rem;
+  user-select: none;
+  display: inline-block;
+  transition: transform 0.3s;
+}
+.logo:hover {
+  transform: scale(1.15) rotate(10deg);
+}
+.title {
+  font-size: 3.2rem;
+  line-height: 1.1;
+  font-weight: 800;
+  margin: 0;
+  background: linear-gradient(135deg, #a5b4fc, #6366f1, #ec4899);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  text-shadow: 0 4px 20px rgba(99, 102, 241, 0.15);
+}
+.subtitle {
+  font-size: 1.25rem;
+  color: #94a3b8;
+  max-width: 600px;
+  margin: 0 auto;
+}
+.card {
+  padding: 2.5rem;
+  background: rgba(30, 41, 59, 0.4);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 1.5rem;
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
+  max-width: 480px;
+  width: 100%;
+  box-sizing: border-box;
+}
+.card:hover {
+  border-color: rgba(99, 102, 241, 0.4);
+  box-shadow: 0 15px 35px rgba(99, 102, 241, 0.1);
+  transform: translateY(-4px);
+}
+.counter-btn {
+  background: linear-gradient(135deg, #4f46e5, #6366f1);
+  color: white;
+  border: none;
+  padding: 0.75rem 2rem;
+  font-size: 1rem;
+  font-weight: 600;
+  border-radius: 9999px;
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+  font-family: inherit;
+  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
+}
+.counter-btn:hover {
+  transform: scale(1.05);
+  box-shadow: 0 6px 16px rgba(79, 70, 229, 0.5);
+}
+.theme-toggle-container {
+  margin-top: 1rem;
+}
+.theme-btn {
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  color: inherit;
+  padding: 0.5rem 1.25rem;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  transition: background 0.2s, border-color 0.2s;
+  font-family: inherit;
+  font-size: 0.9rem;
+}
+.theme-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.api-status-card {
+  margin-top: 1rem;
+  font-size: 0.9rem;
+  color: #94a3b8;
+}
+.status-badge {
+  display: inline-block;
+  padding: 0.25rem 0.75rem;
+  border-radius: 9999px;
+  font-size: 0.8rem;
+  font-weight: bold;
+}
+.status-badge.online {
+  background-color: rgba(34, 197, 94, 0.15);
+  color: #4ade80;
+  border: 1px solid rgba(34, 197, 94, 0.3);
+}
+.instruction {
+  margin-top: 1.5rem;
+  font-size: 0.875rem;
+  color: #64748b;
+}
+.instruction code {
+  background: rgba(15, 23, 42, 0.6);
+  padding: 0.2rem 0.5rem;
+  border-radius: 0.25rem;
+  font-family: monospace;
+  color: #a5b4fc;
+}
+.footer {
+  font-size: 0.875rem;
+  color: #475569;
+  margin-top: 2rem;
+}

package/templates/react-ts/project/src/styles/index.css.hbs ADDED Viewed

@@ -0,0 +1,34 @@
+:root {
+  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  color-scheme: dark;
+  color: #e2e8f0;
+  background-color: #0b0f19;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+  background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.15), transparent 40%),
+              radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.12), transparent 40%),
+              #070a13;
+  transition: background-color 0.3s, color 0.3s;
+}
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+  width: 100%;
+}

package/templates/react-ts/project/src/vite-env.d.ts.hbs ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/templates/react-ts/project/tsconfig.app.json.hbs ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2020"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

package/templates/react-ts/project/tsconfig.json.hbs ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/react-ts/project/tsconfig.node.json.hbs ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2022"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/react-ts/project/vite.config.ts.hbs ADDED Viewed

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})

package/templates/spring-boot/project/.gitignore.hbs ADDED Viewed

@@ -0,0 +1,28 @@
+target/
+!.mvn/wrapper/maven-wrapper.jar
+!**/src/main/resources/components/
+### STS ###
+.apt_generated
+.classpath
+.factorypath
+.project
+.settings
+.springBeans
+.sts4-cache
+### IntelliJ IDEA ###
+.idea
+*.iws
+*.iml
+*.ipr
+### NetBeans ###
+/nbproject/private/
+/nbbuild/
+/dist/
+/nbdist/
+/.nb-gradle/
+### VS Code ###
+.vscode/

package/templates/spring-boot/project/pom.xml.hbs ADDED Viewed

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+  <parent>
+    <groupId>org.springframework.boot</groupId>
+    <artifactId>spring-boot-starter-parent</artifactId>
+    <version>3.3.5</version>
+    <relativePath/> <!-- lookup parent from repository -->
+  </parent>
+  <groupId>com.example</groupId>
+  <artifactId>{{projectName}}</artifactId>
+  <version>0.0.1-SNAPSHOT</version>
+  <name>{{projectName}}</name>
+  <description>Demo project for Spring Boot and Agent Workflow Kit</description>
+  <properties>
+    <java.version>17</java.version>
+  </properties>
+  <dependencies>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-web</artifactId>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-data-jpa</artifactId>
+    </dependency>
+    <dependency>
+      <groupId>com.h2database</groupId>
+      <artifactId>h2</artifactId>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-devtools</artifactId>
+      <scope>runtime</scope>
+      <optional>true</optional>
+    </dependency>
+    <dependency>
+      <groupId>org.projectlombok</groupId>
+      <artifactId>lombok</artifactId>
+      <optional>true</optional>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-test</artifactId>
+      <scope>test</scope>
+    </dependency>
+  </dependencies>
+  <build>
+    <plugins>
+      <plugin>
+        <groupId>org.springframework.boot</groupId>
+        <artifactId>spring-boot-maven-plugin</artifactId>
+        <configuration>
+          <excludes>
+            <exclude>
+              <groupId>org.projectlombok</groupId>
+              <artifactId>lombok</artifactId>
+            </exclude>
+          </excludes>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+</project>

package/templates/spring-boot/project/src/main/java/com/example/packageName/DemoApplication.java.hbs ADDED Viewed

@@ -0,0 +1,13 @@
+package com.example.{{safePackageName}};
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+@SpringBootApplication
+public class DemoApplication {
+    public static void main(String[] args) {
+        SpringApplication.run(DemoApplication.class, args);
+    }
+}

package/templates/spring-boot/project/src/main/java/com/example/packageName/controller/UserController.java.hbs ADDED Viewed

@@ -0,0 +1,37 @@
+package com.example.{{safePackageName}}.controller;
+import com.example.{{safePackageName}}.dto.UserDTO;
+import com.example.{{safePackageName}}.service.UserService;
+import lombok.RequiredArgsConstructor;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import java.util.List;
+@RestController
+@RequestMapping("/api/users")
+@RequiredArgsConstructor
+public class UserController {
+    private final UserService userService;
+    @GetMapping
+    public ResponseEntity<List<UserDTO>> getAllUsers() {
+        return ResponseEntity.ok(userService.getAllUsers());
+    }
+    @PostMapping
+    public ResponseEntity<UserDTO> createUser(@RequestBody UserDTO userDTO) {
+        return ResponseEntity.ok(userService.createUser(userDTO));
+    }
+    @GetMapping("/{id}")
+    public ResponseEntity<UserDTO> getUserById(@PathVariable Long id) {
+        return ResponseEntity.ok(userService.getUserById(id));
+    }
+}

package/templates/spring-boot/project/src/main/java/com/example/packageName/dto/UserDTO.java.hbs ADDED Viewed

@@ -0,0 +1,16 @@
+package com.example.{{safePackageName}}.dto;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class UserDTO {
+    private Long id;
+    private String name;
+    private String email;
+}