nuxt-safe-action 0.2.1 → 0.4.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.2.1",
+  "version": "0.4.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -40,7 +40,7 @@ const module$1 = defineNuxtModule({
         return;
       }
       logger.info(
-        `Found ${actionFiles.length} action file(s): ${actionFiles.map((a) => a.name).join(", ")}`
+        `Found ${actionFiles.length} action file(s): ${actionFiles.map((a) => `${a.method.toUpperCase()} ${a.name}`).join(", ")}`
       );
       nitroConfig.virtual = nitroConfig.virtual || {};
       nitroConfig.handlers = nitroConfig.handlers || [];
@@ -49,7 +49,7 @@ const module$1 = defineNuxtModule({
         nitroConfig.virtual[virtualKey] = generateHandlerCode(action);
         nitroConfig.handlers.push({
           route: `/api/_actions/${action.name}`,
-          method: "post",
+          method: action.method,
           handler: virtualKey
         });
       }
@@ -73,14 +73,15 @@ const module$1 = defineNuxtModule({
         ];
         for (const action of actionFiles) {
           const exportName = toCamelCase(action.name);
-          const relativePath = posix.join("../..", "server", actionsDir, action.name);
+          const fileBasename = action.method === "post" ? action.name : `${action.name}.${action.method}`;
+          const relativePath = posix.join("../..", "server", actionsDir, fileBasename);
           lines.push(`import type _action_${exportName} from '${relativePath}'`);
         }
         lines.push("");
         for (const action of actionFiles) {
           const exportName = toCamelCase(action.name);
           lines.push(
-            `export const ${exportName}: SafeActionReference<(typeof _action_${exportName})['_types']['input'], (typeof _action_${exportName})['_types']['output'], (typeof _action_${exportName})['_types']['serverError']> = Object.freeze({ __safeActionPath: '${action.name}' }) as any`
+            `export const ${exportName}: SafeActionReference<(typeof _action_${exportName})['_types']['input'], (typeof _action_${exportName})['_types']['output'], (typeof _action_${exportName})['_types']['serverError']> = Object.freeze({ __safeActionPath: '${action.name}', __safeActionMethod: '${action.method.toUpperCase()}' }) as any`
           );
         }
         return lines.join("\n") + "\n";
@@ -97,6 +98,17 @@ const module$1 = defineNuxtModule({
     nuxt.options.alias["#safe-action/actions"] = join(nuxt.options.buildDir, "safe-action/actions");
   }
 });
+const HTTP_METHODS = ["get", "post", "put", "patch", "delete"];
+function parseMethodSuffix(filename) {
+  const dotIndex = filename.lastIndexOf(".");
+  if (dotIndex > 0) {
+    const suffix = filename.slice(dotIndex + 1).toLowerCase();
+    if (HTTP_METHODS.includes(suffix)) {
+      return { name: filename.slice(0, dotIndex), method: suffix };
+    }
+  }
+  return { name: filename, method: "post" };
+}
 function scanActionFiles(dir, prefix = "") {
   const results = [];
   if (!existsSync(dir)) return results;
@@ -106,13 +118,27 @@ function scanActionFiles(dir, prefix = "") {
     if (entry.isDirectory()) {
       results.push(...scanActionFiles(fullPath, prefix ? `${prefix}/${entry.name}` : entry.name));
     } else if (entry.isFile() && entry.name.endsWith(".ts") && !entry.name.endsWith(".d.ts") && entry.name !== "index.ts") {
-      const name = prefix ? `${prefix}/${basename(entry.name, ".ts")}` : basename(entry.name, ".ts");
-      results.push({ name, filePath: fullPath });
+      const raw = basename(entry.name, ".ts");
+      const { name: parsedName, method } = parseMethodSuffix(raw);
+      const name = prefix ? `${prefix}/${parsedName}` : parsedName;
+      results.push({ name, filePath: fullPath, method });
     }
   }
   return results;
 }
 function generateHandlerCode(action) {
+  if (action.method === "get") {
+    return `
+import { defineEventHandler, getQuery } from 'h3'
+import action from '${action.filePath}'
+
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event)
+  const rawInput = query.input ? JSON.parse(query.input) : undefined
+  return action._execute(rawInput, event)
+})
+`;
+  }
   return `
 import { defineEventHandler, readBody } from 'h3'
 import action from '${action.filePath}'

package/dist/runtime/composables/useAction.js

@@ -1,6 +1,7 @@
 import { ref, computed, readonly } from "vue";
 export function useAction(action, callbacks) {
   const actionPath = action.__safeActionPath;
+  const actionMethod = action.__safeActionMethod || "POST";
   const data = ref();
   const serverError = ref();
   const validationErrors = ref();
@@ -11,13 +12,9 @@ export function useAction(action, callbacks) {
     status.value = "executing";
     callbacks?.onExecute?.({ input });
     try {
-      const result = await $fetch(
-        `/api/_actions/${actionPath}`,
-        {
-          method: "POST",
-          body: input
-        }
-      );
+      const fetchOptions = actionMethod === "GET" ? { method: "GET" } : { method: actionMethod, body: input };
+      const url = actionMethod === "GET" && input != null ? `/api/_actions/${actionPath}?input=${encodeURIComponent(JSON.stringify(input))}` : `/api/_actions/${actionPath}`;
+      const result = await $fetch(url, fetchOptions);
       if (result.data !== void 0) {
         data.value = result.data;
         status.value = "hasSucceeded";

package/dist/runtime/types.d.ts

@@ -21,7 +21,6 @@ export interface SafeAction<TInput = unknown, TOutput = unknown, TServerError =
         output: TOutput;
         serverError: TServerError;
     };
-    /** used by the generated Nitro handler */
     _execute: (rawInput: unknown, event: H3Event) => Promise<ActionResult<TOutput, TServerError>>;
 }
 export interface SafeActionReference<TInput = unknown, TOutput = unknown, TServerError = string> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-safe-action",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "description": "Type-safe and validated server actions for Nuxt",
   "repository": {
     "type": "git",
@@ -80,7 +80,7 @@
     "zod": "^3.24.0"
   },
   "peerDependencies": {
-    "zod": "^3.20.0"
+    "zod": "^3.20.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
     "zod": {