release: WRNexusJS 0.3.0

editors/vscode/snippets/wrn.json

@@ -24,7 +24,6 @@
       "}"
     ]
   },
-
   "WRN dynamic page": {
     "prefix": ["wrn-dynamic-page", "dynamic-page"],
     "description": "Create a WRN page using a route parameter",
@@ -42,7 +41,6 @@
       "}"
     ]
   },
-
   "WRN component": {
     "prefix": ["wrn-component", "component"],
     "description": "Create a reusable WRN component",
@@ -62,7 +60,6 @@
       "}"
     ]
   },
-
   "WRN reactive component": {
     "prefix": ["wrn-reactive-component", "reactive-component"],
     "description": "Create a component with functions, lifecycle hooks, and a watcher",
@@ -96,7 +93,6 @@
       "}"
     ]
   },
-
   "WRN layout": {
     "prefix": ["wrn-layout", "layout"],
     "description": "Create a reusable WRN layout",
@@ -110,31 +106,26 @@
       "}"
     ]
   },
-
   "WRN state": {
     "prefix": ["wrn-state", "state"],
     "description": "Create reactive state",
     "body": ["state ${1:name}: ${2:string} = ${3:\"value\"}"]
   },
-
   "WRN functions block": {
     "prefix": ["wrn-functions", "functions"],
     "description": "Create a browser-side functions block",
     "body": ["functions {", "    function ${1:handler}(${2}) {", "        $0", "    }", "}"]
   },
-
   "WRN function": {
     "prefix": ["wrn-function", "function"],
     "description": "Create a function inside a functions block",
     "body": ["function ${1:name}(${2}) {", "    $0", "}"]
   },
-
   "WRN async function": {
     "prefix": ["wrn-async-function", "async-function"],
     "description": "Create an asynchronous component function",
     "body": ["async function ${1:name}(${2}) {", "    $0", "}"]
   },
-
   "WRN lifecycle": {
     "prefix": ["wrn-lifecycle", "lifecycle"],
     "description": "Create mount, update, and unmount lifecycle hooks",
@@ -154,37 +145,31 @@
       "}"
     ]
   },
-
   "WRN mount hook": {
     "prefix": ["wrn-mount", "mount"],
     "description": "Create a component mount lifecycle hook",
     "body": ["mount {", "    $0", "}"]
   },
-
   "WRN update hook": {
     "prefix": ["wrn-update", "update-hook"],
     "description": "Create a batched component update lifecycle hook",
     "body": ["update {", "    $0", "}"]
   },
-
   "WRN unmount hook": {
     "prefix": ["wrn-unmount", "unmount"],
     "description": "Create a component unmount lifecycle hook",
     "body": ["unmount {", "    $0", "}"]
   },
-
   "WRN watcher": {
     "prefix": ["wrn-watch", "watch"],
     "description": "Watch a declared state value",
     "body": ["watch ${1:stateName} {", "    console.log(value, previous)", "    $0", "}"]
   },
-
   "WRN watcher with condition": {
     "prefix": ["wrn-watch-if", "watch-if"],
     "description": "Watch state and react to a specific value",
     "body": ["watch ${1:stateName} {", "    if (value === ${2:true}) {", "        $0", "    }", "}"]
   },
-
   "WRN SEO block": {
     "prefix": ["wrn-seo", "seo"],
     "description": "Create SEO metadata",
@@ -195,7 +180,6 @@
       "}"
     ]
   },
-
   "WRN form": {
     "prefix": ["wrn-form", "form"],
     "description": "Create a POST form",
@@ -212,7 +196,6 @@
       "</form>"
     ]
   },
-
   "WRN input": {
     "prefix": ["wrn-input", "input"],
     "description": "Create a labeled input",
@@ -229,61 +212,51 @@
       "</label>"
     ]
   },
-
   "WRN conditional class": {
     "prefix": ["wrn-class-if", "class-if"],
     "description": "Add a conditional class directive",
     "body": ["class:${1:border-indigo-500}=\"${2:condition}\""]
   },
-
   "WRN conditional class pair": {
     "prefix": ["wrn-class-toggle", "class-toggle"],
     "description": "Toggle two classes from one condition",
     "body": ["class:${1:opacity-100}=\"${3:visible}\"", "class:${2:opacity-0}=\"!${3:visible}\""]
   },
-
   "WRN click event": {
     "prefix": ["wrn-click", "click"],
     "description": "Add a click event handler",
     "body": ["@click=\"${1:handler()}\""]
   },
-
   "WRN window scroll event": {
     "prefix": ["wrn-window-scroll", "window-scroll"],
     "description": "Add a window scroll event handler",
     "body": ["@window:scroll=\"${1:handler()}\""]
   },
-
   "WRN window resize event": {
     "prefix": ["wrn-window-resize", "window-resize"],
     "description": "Add a window resize event handler",
     "body": ["@window:resize=\"${1:handler()}\""]
   },
-
   "WRN document event": {
     "prefix": ["wrn-document-event", "document-event"],
     "description": "Add a document-level event handler",
     "body": ["@document:${1:click}=\"${2:handler()}\""]
   },
-
   "WRN show directive": {
     "prefix": ["wrn-show", "show"],
     "description": "Conditionally show an element",
     "body": ["data-show=\"${1:condition}\""]
   },
-
   "WRN loop": {
     "prefix": ["wrn-for", "for"],
     "description": "Create a reactive list loop",
     "body": ["<div data-for=\"${1:item} in ${2:items}\">", "    <span>{${1:item}}</span>", "</div>"]
   },
-
   "WRN dynamic link": {
     "prefix": ["wrn-route-link", "route-link"],
     "description": "Create a link using route state",
     "body": ["<a href=\"/${1:resource}/{${2:id}}\">", "    ${3:Open}", "</a>"]
   },
-
   "WRN API GET": {
     "prefix": ["wrn-api-get", "api-get"],
     "description": "Create a GET API route",
@@ -295,7 +268,6 @@
       "}"
     ]
   },
-
   "WRN API POST": {
     "prefix": ["wrn-api-post", "api-post"],
     "description": "Create a POST API route",
@@ -310,7 +282,6 @@
       "}"
     ]
   },
-
   "WRN loading state": {
     "prefix": ["wrn-loading", "loading-state"],
     "description": "Create loading state and a reactive button",
@@ -327,7 +298,6 @@
       "</button>"
     ]
   },
-
   "WRN BackToTop component": {
     "prefix": ["wrn-back-to-top", "back-to-top"],
     "description": "Create an optimized BackToTop component using lifecycle cleanup",
@@ -385,5 +355,56 @@
       "    }",
       "}"
     ]
+  },
+  "WRN runtime target": {
+    "prefix": ["wrn-runtime", "runtime"],
+    "description": "Set server, client, or universal execution",
+    "body": ["runtime = \"${1|universal,server,client|}\""]
+  },
+  "WRN hydration strategy": {
+    "prefix": ["wrn-hydrate", "hydrate"],
+    "description": "Control when a declaration hydrates in the browser",
+    "body": ["hydrate = \"${1|load,idle,visible,interaction,none|}\""]
+  },
+  "WRN media hydration": {
+    "prefix": ["wrn-hydrate-media", "hydrate-media"],
+    "description": "Hydrate only when a media query matches",
+    "body": ["hydrate = \"media:${1:(min-width: 768px)}\""]
+  },
+  "WRN computed block": {
+    "prefix": ["wrn-computed", "computed"],
+    "description": "Declare cached reactive derived values",
+    "body": ["computed {", "    ${1:displayName} = ${2:firstName + \" \" + lastName}", "}"]
+  },
+  "WRN effect block": {
+    "prefix": ["wrn-effect", "effect"],
+    "description": "Run a side effect when reactive dependencies change",
+    "body": ["effect {", "    ${1:console.log(value)}", "}"]
+  },
+  "WRN security block": {
+    "prefix": ["wrn-security", "security"],
+    "description": "Declare route security policy metadata",
+    "body": [
+      "security {",
+      "    auth = \"${1|required,optional,public|}\"",
+      "    csrf = \"${2:true}\"",
+      "    rateLimit = \"${3:standard}\"",
+      "}"
+    ]
+  },
+  "WRN server load": {
+    "prefix": ["wrn-load-server", "load-server"],
+    "description": "Load data only on the server",
+    "body": ["load server {", "    ${1:return {}}", "}"]
+  },
+  "WRN client load": {
+    "prefix": ["wrn-load-client", "load-client"],
+    "description": "Load data in the browser",
+    "body": ["load client {", "    ${1:return {}}", "}"]
+  },
+  "WRN action": {
+    "prefix": ["wrn-action", "action"],
+    "description": "Declare a named server action",
+    "body": ["action ${1:save}(${2:input}) {", "    $0", "}"]
   }
 }