@stacksjs/ts-cloud 0.9.2 → 0.9.4

package/dist/ui-src/pages/server/firewall.stx

@@ -20,7 +20,7 @@ const messageKind = state('')
 const reserved = [22, 80, 443]
 const posture = state(null)
 const ipRules = state({ allow: [], block: [] })
-const busy = state(false)
+const working = state(false)
 function setMessage(text, kind) { message.set(text); messageKind.set(kind || '') }
 function applyLine(apply) {
   if (!apply) return ''
@@ -35,13 +35,13 @@ async function loadProtection() {
   } catch { posture.set(null) }
 }
 async function protect(path, body, note) {
-  busy.set(true)
+  working.set(true)
   try {
     await requestJson(path, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) })
     setMessage(note, 'ok')
     await loadProtection()
   } catch (e) { setMessage((e && e.message) || 'Request failed.', 'bad') }
-  finally { busy.set(false) }
+  finally { working.set(false) }
 }
 async function toggleAttackMode(on) {
   if (on && !confirm('Attack mode challenges every visitor, including legitimate ones. Continue?')) return
@@ -61,13 +61,13 @@ async function addIpRule(list, cidr) {
   await protect('/api/protection/ip-rules', { list, cidr }, `Added ${cidr} to the ${list} list.`)
 }
 async function removeIpRule(list, cidr) {
-  busy.set(true)
+  working.set(true)
   try {
     await requestJson('/api/protection/ip-rules', { method: 'DELETE', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ list, cidr }) })
     setMessage(`Removed ${cidr} from the ${list} list.`, 'ok')
     await loadProtection()
   } catch (e) { setMessage((e && e.message) || 'Request failed.', 'bad') }
-  finally { busy.set(false) }
+  finally { working.set(false) }
 }
 function submitIpRule(event) {
   event.preventDefault()
@@ -86,17 +86,17 @@ async function load() {
   } catch (e) { setMessage((e && e.message) || 'Could not read firewall config.', 'bad') }
 }
 async function allowPort() {
-  if (busy()) return
+  if (working()) return
   const port = Number(newPort())
   if (!Number.isInteger(port) || port < 1 || port > 65535) { setMessage('Port must be a whole number between 1 and 65535.', 'bad'); return }
   if (reserved.includes(port)) { setMessage('Ports 22, 80, and 443 are always open, so there is nothing to add.', 'bad'); return }
-  busy.set(true); setMessage('Allowing port ' + port + '...', '')
+  working.set(true); setMessage('Allowing port ' + port + '...', '')
   try {
     const data = await requestJson('/api/firewall', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ port }) })
     ports.set(data.ports || []); newPort.set('')
     setMessage('Allowed port ' + port + ' in cloud config.' + applyLine(data.apply), 'ok')
   } catch (error) { setMessage(error?.message || 'Could not allow port.', 'bad') }
-  finally { busy.set(false) }
+  finally { working.set(false) }
 }
 async function removePort(port) {
   setMessage('Removing port ' + port + '...', '')
@@ -133,8 +133,8 @@ onMount(() => { load() })
         <p class="notice" :class="posture()?.attackMode || posture()?.mitigationPaused ? 'warn' : ''" @show="!!posture()">{{ posture()?.summary }}</p>
         <p class="note" @show="!posture()">Protection controls are unavailable for this account.</p>
         <div class="actions" @show="!!posture()">
-          <button class="btn ghost sm" :disabled="busy()" @click="toggleAttackMode(!posture()?.attackMode)">{{ posture()?.attackMode ? 'Turn attack mode off' : 'Turn attack mode on' }}</button>
-          <button class="btn danger ghost sm" :disabled="busy()" @click="togglePause(!posture()?.mitigationPaused)">{{ posture()?.mitigationPaused ? 'Resume mitigation' : 'Pause mitigation' }}</button>
+          <button class="btn ghost sm" :disabled="working()" @click="toggleAttackMode(!posture()?.attackMode)">{{ posture()?.attackMode ? 'Turn attack mode off' : 'Turn attack mode on' }}</button>
+          <button class="btn danger ghost sm" :disabled="working()" @click="togglePause(!posture()?.mitigationPaused)">{{ posture()?.mitigationPaused ? 'Resume mitigation' : 'Pause mitigation' }}</button>
         </div>
         <p class="note">Attack mode challenges every visitor, so it is time-boxed and lifts itself. Pausing mitigation serves and bills all traffic, including attacks, and is capped at 24 hours.</p>
       </div>
@@ -146,16 +146,16 @@ onMount(() => { load() })
         <form class="inline-form" @submit="submitIpRule($event)">
           <select name="list" aria-label="List"><option value="block">Block</option><option value="allow">Allow</option></select>
           <input name="cidr" placeholder="203.0.113.0/24" aria-label="IP or CIDR" required>
-          <button class="btn sm" type="submit" :disabled="busy()">Add</button>
+          <button class="btn sm" type="submit" :disabled="working()">Add</button>
         </form>
         <table>
           <thead><tr><th scope="col">List</th><th scope="col">CIDR</th><th scope="col"></th></tr></thead>
           <tbody>
             <template :for="cidr in ipRules().allow">
-              <tr><td><span class="ok pill">allow</span></td><td class="mono">{{ cidr }}</td><td><button class="btn ghost sm" :disabled="busy()" @click="removeIpRule('allow', cidr)">Remove</button></td></tr>
+              <tr><td><span class="ok pill">allow</span></td><td class="mono">{{ cidr }}</td><td><button class="btn ghost sm" :disabled="working()" @click="removeIpRule('allow', cidr)">Remove</button></td></tr>
             </template>
             <template :for="cidr in ipRules().block">
-              <tr><td><span class="bad pill">block</span></td><td class="mono">{{ cidr }}</td><td><button class="btn ghost sm" :disabled="busy()" @click="removeIpRule('block', cidr)">Remove</button></td></tr>
+              <tr><td><span class="bad pill">block</span></td><td class="mono">{{ cidr }}</td><td><button class="btn ghost sm" :disabled="working()" @click="removeIpRule('block', cidr)">Remove</button></td></tr>
             </template>
           </tbody>
         </table>
@@ -189,7 +189,7 @@ onMount(() => { load() })
             <input id="fw-port" type="number" min="1" max="65535" autocomplete="off" placeholder="8080" :value="newPort()" @input="newPort.set($event.target.value)" required>
           </div>
           <div class="form-actions">
-            <button class="btn" type="submit" :disabled="busy()">Allow</button>
+            <button class="btn" type="submit" :disabled="working()">Allow</button>
             <span class="msg" :class="messageKind()" role="status">{{ message() }}</span>
           </div>
         </form>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/ts-cloud",
   "type": "module",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "A lightweight, performant infrastructure-as-code library and CLI for deploying both server-based (EC2) and serverless applications.",
   "author": "Chris Breuer <chris@stacksjs.com>",
   "license": "MIT",
@@ -98,8 +98,8 @@
   },
   "dependencies": {
     "@stacksjs/ts-xml": "^0.1.0",
-    "@ts-cloud/aws-types": "0.9.2",
-    "@ts-cloud/core": "0.9.2"
+    "@ts-cloud/aws-types": "0.9.4",
+    "@ts-cloud/core": "0.9.4"
   },
   "devDependencies": {
     "better-dx": "^0.2.16",