@rip-lang/server 0.7.0 → 0.7.2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/server.html +23 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rip-lang/server",
3
- "version": "0.7.0",
3
+ "version": "0.7.2",
4
4
  "description": "Pure Rip application server — multi-worker, hot reload, HTTPS, mDNS",
5
5
  "type": "module",
6
6
  "main": "server.rip",
package/server.html CHANGED
@@ -54,6 +54,22 @@
54
54
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
55
55
  <!-- Server Overview -->
56
56
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
57
+
58
+ <!-- App Card -->
59
+ <a :href="getAppUrl()" target="_blank" class="block bg-white/70 backdrop-blur-sm rounded-xl shadow-lg p-6 border border-white/20 hover:bg-white/90 hover:shadow-xl transition-all duration-200 cursor-pointer">
60
+ <div class="flex items-center justify-between">
61
+ <div>
62
+ <p class="text-sm font-medium text-gray-600">Current App</p>
63
+ <p class="text-2xl font-bold text-indigo-600" x-text="status.app || 'none'">-</p>
64
+ </div>
65
+ <div class="p-3 bg-indigo-100 rounded-full">
66
+ <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
67
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
68
+ </svg>
69
+ </div>
70
+ </div>
71
+ </a>
72
+
57
73
  <!-- Status Card -->
58
74
  <div class="bg-white/70 backdrop-blur-sm rounded-xl shadow-lg p-6 border border-white/20">
59
75
  <div class="flex items-center justify-between">
@@ -118,7 +134,7 @@
118
134
  :class="connected ? 'countdown-arc' : 'countdown-arc countdown-arc-paused'"
119
135
  />
120
136
  </svg>
121
- <style>
137
+ <style>
122
138
  .countdown-arc {
123
139
  animation: countdown-progress 10s linear infinite;
124
140
  }
@@ -146,21 +162,6 @@
146
162
  </div>
147
163
  </div>
148
164
  </div>
149
-
150
- <!-- App Card -->
151
- <div class="bg-white/70 backdrop-blur-sm rounded-xl shadow-lg p-6 border border-white/20">
152
- <div class="flex items-center justify-between">
153
- <div>
154
- <p class="text-sm font-medium text-gray-600">Current App</p>
155
- <p class="text-2xl font-bold text-indigo-600" x-text="status.app || 'none'">-</p>
156
- </div>
157
- <div class="p-3 bg-indigo-100 rounded-full">
158
- <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
159
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
160
- </svg>
161
- </div>
162
- </div>
163
- </div>
164
165
  </div>
165
166
 
166
167
  <!-- Apps and Hosts Section -->
@@ -402,6 +403,12 @@
402
403
  return `${protocol}://${host}`
403
404
  }
404
405
  return `${protocol}://${host}:${port}`
406
+ },
407
+
408
+ getAppUrl() {
409
+ // Use first registered host, or fall back to localhost
410
+ const host = this.status.hosts?.[0] || 'localhost'
411
+ return this.getHostUrl(host)
405
412
  }
406
413
  }
407
414
  }