npm - @strav/spring - Versions diffs - 0.3.0 - Mend

@strav/spring 0.3.0

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 (40) hide show

package/README.md +61 -0
package/package.json +31 -0
package/src/index.ts +176 -0
package/src/prompts.ts +135 -0
package/src/scaffold.ts +54 -0
package/src/templates/api/app/controllers/user_controller.ts +69 -0
package/src/templates/api/config/http.ts +10 -0
package/src/templates/api/index.ts +33 -0
package/src/templates/api/routes/routes.ts +24 -0
package/src/templates/shared/.env +14 -0
package/src/templates/shared/app/controllers/controller.ts +15 -0
package/src/templates/shared/app/models/user.ts +30 -0
package/src/templates/shared/config/app.ts +10 -0
package/src/templates/shared/config/database.ts +9 -0
package/src/templates/shared/config/encryption.ts +5 -0
package/src/templates/shared/database/factories/user_factory.ts +11 -0
package/src/templates/shared/database/schemas/public/user.ts +13 -0
package/src/templates/shared/database/seeders/database_seeder.ts +8 -0
package/src/templates/shared/database/seeders/user_seeder.ts +15 -0
package/src/templates/shared/package.json +24 -0
package/src/templates/shared/routes/routes.ts +13 -0
package/src/templates/shared/storage/cache/.gitkeep +1 -0
package/src/templates/shared/storage/logs/.gitkeep +1 -0
package/src/templates/shared/storage/uploads/.gitkeep +1 -0
package/src/templates/shared/strav.ts +20 -0
package/src/templates/shared/tests/example.test.ts +11 -0
package/src/templates/shared/tsconfig.json +20 -0
package/src/templates/web/app/controllers/home_controller.ts +24 -0
package/src/templates/web/config/session.ts +10 -0
package/src/templates/web/config/view.ts +7 -0
package/src/templates/web/index.ts +48 -0
package/src/templates/web/package.json +26 -0
package/src/templates/web/resources/css/app.css +176 -0
package/src/templates/web/resources/ts/islands/counter.vue +42 -0
package/src/templates/web/resources/ts/islands/user_manager.vue +127 -0
package/src/templates/web/resources/ts/islands/user_search.vue +71 -0
package/src/templates/web/resources/views/layouts/app.strav +32 -0
package/src/templates/web/resources/views/pages/home.strav +52 -0
package/src/templates/web/resources/views/pages/users.strav +63 -0
package/src/templates/web/routes/routes.ts +22 -0

package/src/templates/web/resources/ts/islands/user_search.vue ADDED Viewed

@@ -0,0 +1,71 @@
+<template>
+  <div class="space-y-4">
+    <div class="relative">
+      <input
+        v-model="searchTerm"
+        type="text"
+        :placeholder="placeholder"
+        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+      />
+      <div class="absolute inset-y-0 right-0 pr-3 flex items-center">
+        <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+        </svg>
+      </div>
+    </div>
+    <div class="text-sm text-gray-600">
+      <span v-if="searchTerm">
+        Searching for "{{ searchTerm }}"...
+      </span>
+      <span v-else>
+        Search through {{ userCount }} users
+      </span>
+    </div>
+    <div v-if="searchTerm && searchResults.length > 0" class="border rounded-lg p-4 bg-gray-50">
+      <p class="text-sm font-medium text-gray-900 mb-2">Search Results:</p>
+      <ul class="space-y-1">
+        <li v-for="result in searchResults" :key="result" class="text-sm text-gray-700">
+          • {{ result }}
+        </li>
+      </ul>
+    </div>
+    <div v-else-if="searchTerm" class="border rounded-lg p-4 bg-gray-50 text-center text-gray-500">
+      No results found for "{{ searchTerm }}"
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, computed, watch } from 'vue'
+const props = defineProps({
+  placeholder: { type: String, default: 'Search...' },
+  userCount: { type: Number, default: 0 }
+})
+const searchTerm = ref('')
+const searchResults = computed(() => {
+  if (!searchTerm.value) return []
+  // Mock search results - in a real app, this would call an API
+  const mockResults = [
+    'John Doe (john@example.com)',
+    'Jane Smith (jane@example.com)',
+    'Bob Johnson (bob@example.com)'
+  ]
+  return mockResults.filter(result =>
+    result.toLowerCase().includes(searchTerm.value.toLowerCase())
+  )
+})
+// Demo of reactive watchers
+watch(searchTerm, (newTerm) => {
+  if (newTerm) {
+    console.log(`Searching for: ${newTerm}`)
+  }
+})
+</script>

package/src/templates/web/resources/views/layouts/app.strav ADDED Viewed

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ title }} - __PROJECT_NAME__</title>
+  <link rel="stylesheet" href="{{ asset('/css/app.css') }}">
+  @stack('styles')
+</head>
+<body class="bg-gray-50">
+  <nav class="bg-white shadow">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex justify-between h-16">
+        <div class="flex items-center">
+          <a href="/" class="text-xl font-bold text-gray-900">__PROJECT_NAME__</a>
+        </div>
+        <div class="flex items-center space-x-4">
+          <a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
+          <a href="/users" class="text-gray-600 hover:text-gray-900">Users</a>
+        </div>
+      </div>
+    </div>
+  </nav>
+  <main class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
+    @show('content')
+  </main>
+  @islands
+  @stack('scripts')
+</body>
+</html>

package/src/templates/web/resources/views/pages/home.strav ADDED Viewed

@@ -0,0 +1,52 @@
+@layout('layouts/app')
+@section('content')
+  <div class="px-4 py-6 sm:px-0">
+    <div class="border-4 border-dashed border-gray-200 rounded-lg">
+      <div class="text-center py-12">
+        <h1 class="text-4xl font-bold text-gray-900 mb-4">{{ message }}</h1>
+        <p class="text-lg text-gray-600 mb-8">
+          You have successfully created a new Strav application. Start building something amazing!
+        </p>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto mb-8">
+          <div class="bg-white p-6 rounded-lg shadow">
+            <h3 class="text-lg font-semibold text-gray-900 mb-2">Database Ready</h3>
+            <p class="text-gray-600">{{ userCount }} users in the database</p>
+          </div>
+          <div class="bg-white p-6 rounded-lg shadow">
+            <h3 class="text-lg font-semibold text-gray-900 mb-2">Vue Islands</h3>
+            <p class="text-gray-600">Interactive components below</p>
+          </div>
+          <div class="bg-white p-6 rounded-lg shadow">
+            <h3 class="text-lg font-semibold text-gray-900 mb-2">TypeScript</h3>
+            <p class="text-gray-600">Full type safety everywhere</p>
+          </div>
+        </div>
+        {{-- Demo Vue Islands --}}
+        <div class="space-y-6">
+          <h2 class="text-2xl font-bold text-gray-900">Vue Islands Demo</h2>
+          <div class="bg-white p-6 rounded-lg shadow max-w-md mx-auto">
+            <h3 class="text-lg font-semibold mb-4">Counter Component</h3>
+            <vue:counter :initial="5" label="Click me!" />
+          </div>
+          <div class="bg-white p-6 rounded-lg shadow max-w-md mx-auto">
+            <h3 class="text-lg font-semibold mb-4">User Search</h3>
+            <vue:user-search placeholder="Search users..." :userCount="{{ userCount }}" />
+          </div>
+        </div>
+        <div class="mt-8">
+          <a href="/users" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700">
+            View Users
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+@end

package/src/templates/web/resources/views/pages/users.strav ADDED Viewed

@@ -0,0 +1,63 @@
+@layout('layouts/app')
+@section('content')
+  <div class="px-4 py-6 sm:px-0">
+    <div class="sm:flex sm:items-center">
+      <div class="sm:flex-auto">
+        <h1 class="text-2xl font-semibold text-gray-900">Users</h1>
+        <p class="mt-2 text-sm text-gray-700">
+          A list of all users in your application.
+        </p>
+      </div>
+    </div>
+    <div class="mt-8 flow-root">
+      <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+        <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
+          <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
+            <table class="min-w-full divide-y divide-gray-300">
+              <thead class="bg-gray-50">
+                <tr>
+                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wide">Name</th>
+                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wide">Email</th>
+                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wide">Created</th>
+                </tr>
+              </thead>
+              <tbody class="bg-white divide-y divide-gray-200">
+                @each(user in users)
+                  <tr @class([
+                    'hover:bg-gray-50',
+                    'bg-yellow-50' => $first,
+                  ])>
+                    <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
+                      {{ user.name }}
+                    </td>
+                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                      {{ user.email }}
+                    </td>
+                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                      {{ user.created_at?.toLocaleDateString() }}
+                    </td>
+                  </tr>
+                @end
+                @if(users.length === 0)
+                  <tr>
+                    <td colspan="3" class="px-6 py-12 text-center text-sm text-gray-500">
+                      No users found. Run <code class="bg-gray-100 px-2 py-1 rounded">bun strav seed</code> to add sample data.
+                    </td>
+                  </tr>
+                @end
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+    {{-- Interactive user management with Vue island --}}
+    <div class="mt-8">
+      <vue:user-manager :initialUsers="{{ JSON.stringify(users) }}" />
+    </div>
+  </div>
+@end

package/src/templates/web/routes/routes.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import type { Router } from '@strav/http'
+import { staticFiles } from '@strav/http'
+import HomeController from '../app/controllers/home_controller.ts'
+export default function (router: Router) {
+  // Serve static files from public directory
+  router.use(staticFiles('public'))
+  // Web routes
+  router.get('/', [HomeController, 'index'])
+  router.get('/users', [HomeController, 'users'])
+  // Health check endpoint
+  router.get('/health', async (ctx) => {
+    return ctx.json({
+      status: 'ok',
+      timestamp: new Date().toISOString(),
+      app: '__PROJECT_NAME__',
+      version: '0.1.0'
+    })
+  })
+}