@swoff/cli 0.3.5 → 0.3.7

package/dist/lib/generators/file-generators/context.js

@@ -3,14 +3,15 @@
  * Contains config, paths, and the generated files tracker.
  */
 import { existsSync, mkdirSync, writeFileSync } from "fs";
-import { join } from "path";
-export function ensureSwoffDir(ctx) {
-    if (!existsSync(ctx.swoffDir))
-        mkdirSync(ctx.swoffDir, { recursive: true });
+import { join, dirname } from "path";
+export function ensureDir(dir) {
+    if (!existsSync(dir))
+        mkdirSync(dir, { recursive: true });
 }
 export function writeFile(ctx, filename, code) {
-    ensureSwoffDir(ctx);
-    writeFileSync(join(ctx.swoffDir, filename), code);
+    const fullPath = join(ctx.swoffDir, filename);
+    ensureDir(dirname(fullPath));
+    writeFileSync(fullPath, code);
     ctx.generatedFiles.push(`swoff/${filename}`);
 }
 //# sourceMappingURL=context.js.map

package/dist/lib/generators/file-generators/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/lib/generators/file-generators/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAY5B,MAAM,UAAU,cAAc,CAAC,GAAqB;IAClD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC;QAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAqB,EAAE,QAAgB,EAAE,IAAY;IAC7E,cAAc,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;IAClD,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,QAAQ,EAAE,CAAC,CAAC;AAC/C,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/lib/generators/file-generators/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAYrC,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;QAAE,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAqB,EAAE,QAAgB,EAAE,IAAY;IAC7E,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC9C,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7B,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC9B,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,QAAQ,EAAE,CAAC,CAAC;AAC/C,CAAC"}

package/dist/lib/generators/file-generators/fetch-wrapper.js

@@ -1,79 +1,234 @@
 /**
- * Generates fetch-wrapper.js - fetch with cache strategy headers and deduplication.
+ * Generates fetch-wrapper.ts/js — unified fetch with caching, auth, offline queue, and auto-invalidation.
  */
 import { writeFile } from "./context.js";
 export function generateFetchWrapper(ctx) {
     const ext = ctx.ext;
+    const ts = ext === "ts";
+    const T = (type) => (ts ? `: ${type}` : "");
+    const R = (type) => (ts ? `: ${type} ` : " ");
+    const G = (type) => (ts ? `<${type}>` : "");
+    const tagInvalidation = ctx.config.features.tagInvalidation;
+    const authEnabled = ctx.config.features.auth.enabled;
+    const mutationQueue = ctx.config.features.mutationQueue;
+    const importLines = [
+        tagInvalidation
+            ? `import { generateTags } from "./invalidation-tags.${ext}";`
+            : "",
+        tagInvalidation ? `import { invalidateByTags } from "./cache.${ext}";` : "",
+        authEnabled
+            ? `import { getAuth, clearAuth, withAuthHeaders, isAuthUrl, AUTH_WITH_CREDENTIALS } from "./auth/store.${ext}";`
+            : "",
+        mutationQueue
+            ? `import { queueMutation } from "./mutation-queue.${ext}";`
+            : "",
+    ]
+        .filter(Boolean)
+        .join("\n");
+    const interfaceBlock = ts
+        ? `
+export interface FetchWithCacheResult${G("T")} {
+  response${T("Response & { json(): Promise<T> }")};
+  fromCache${T("boolean")};
+}
+`
+        : "";
+    const optionsType = ts ? `FetchWithCacheOptions` : `options`;
+    const optionsInterface = ts
+        ? `
+export interface FetchWithCacheOptions extends RequestInit {
+  tags?: string[];
+  staleWhileRevalidate?: boolean;
+  auth?: boolean;
+  queueOffline?: boolean;
+  invalidate?: 'auto' | string[] | false;
+  type?: 'read' | 'mutation';
+  strategy?: 'cache-first' | 'network-first' | 'stale-while-revalidate' | 'cache-only' | 'network-only';
+}
+`
+        : "";
+    const authBlock = authEnabled
+        ? `
+  if (options.auth) {
+    const auth = await getAuth();
+    withAuthHeaders(headers, auth);
+  }`
+        : "";
+    const authUrlsBlock = authEnabled
+        ? `
+  // Auth endpoints bypass SW cache
+  if (options.auth && isAuthUrl(url) && !headers.has("X-SW-Cache-Strategy")) {
+    headers.set("X-SW-Cache-Strategy", "mutation");
+  }`
+        : "";
+    const authCredentialsBlock = authEnabled
+        ? `
+  if (AUTH_WITH_CREDENTIALS) {
+    fetchOptions.credentials = "include";
+  }`
+        : "";
+    const auth401Block = authEnabled
+        ? `
+  if (options.auth && response.status === 401) {
+    await clearAuth();
+    window.dispatchEvent(new CustomEvent("sw-auth-unauthorized"));
+  }`
+        : "";
+    const offlineReadBlock = `    if (isRead) {
+      const cached = await caches.match(input);
+      if (cached) return { response: cached, fromCache: true };
+      throw new Error("Offline: no cached data available");
+    }`;
+    const offlineWriteBlock = mutationQueue
+        ? `    // Write offline — auto-queue
+    if (options.queueOffline !== false) {
+      const headerObj: Record<string, string> = {};
+      headers.forEach((value, key) => {
+        headerObj[key] = value;
+      });
+      await queueMutation({
+        method,
+        url,
+        body: options.body,
+        headers: headerObj,
+        tags: options.tags || [],
+        timestamp: Date.now(),
+      });
+      return {
+        response: new Response(null, { status: 202, statusText: "Queued" }),
+        fromCache: false,
+      };
+    }
+    throw new Error("Offline: write operation failed");`
+        : `    throw new Error("Offline: write operation failed");`;
+    const autoInvalidateBlock = tagInvalidation
+        ? `
+  // Auto-invalidate after mutation success
+  if (!isRead && response.ok) {
+    const invalidateSetting = options.invalidate !== false ? (options.invalidate || 'auto') : false;
+    if (invalidateSetting !== false) {
+      const tagsToInvalidate${T("string[]")} = Array.isArray(invalidateSetting)
+        ? invalidateSetting
+        : (options.tags || generateTags(url));
+      if (tagsToInvalidate.length > 0) {
+        await invalidateByTags(tagsToInvalidate);
+      }
+    }
+  }`
+        : "";
+    const autoTagsBlock = tagInvalidation
+        ? `
+  // Auto-generate tags from URL if not provided
+  if (!options.tags && isRead) {
+    const urlTags = generateTags(url);
+    if (urlTags.length > 0) {
+      headers.set("X-SW-Cache-Tags", urlTags.join(","));
+    }
+  }`
+        : "";
     const code = `/**
  * Swoff Fetch Wrapper
- * Framework-agnostic fetch with cache strategy, tags, and query deduplication.
+ * Unified fetch with caching, auth, offline queue, auto-invalidation, and
+ * per-request strategy override.
  *
  * Usage:
  *   import { fetchWithCache } from './swoff/fetch-wrapper.${ext}';
  *
- *   // GET - cached with tag
- *   const todos = await fetchWithCache("/api/todos", { tags: ["todos"] }).then(r => r.json());
+ *   // GET — cached with auto-generated tags
+ *   const { response } = await fetchWithCache("/api/todos");
+ *   const data = await response.json();
  *
- *   // POST - mutation (passes through to server)
+ *   // POST — mutation with auto-invalidation
  *   await fetchWithCache("/api/todos", {
  *     method: "POST",
  *     body: JSON.stringify({ title: "New task" }),
  *   });
  *
- *   // Stale-while-revalidate
- *   const data = await fetchWithCache("/api/data", {
+ *   // Authenticated request (works with bearer, cookie, custom)
+ *   const { response: userRes } = await fetchWithCache("/api/me", { auth: true });
+ *
+ *   // Custom tags + stale-while-revalidate
+ *   const { response: staleRes, fromCache } = await fetchWithCache("/api/data", {
  *     tags: ["data"],
  *     staleWhileRevalidate: true,
- *   }).then(r => r.json());
+ *   });
+ *
+ *   // Override caching strategy per-request (highest priority)
+ *   await fetchWithCache("/api/checkout", {
+ *     method: "POST",
+ *     type: "read",
+ *     strategy: "network-only",
+ *   });
+ *
+ *   // Override method-based caching with explicit type
+ *   // Use type: "mutation" for POST-based reads (search, GraphQL)
+ *   await fetchWithCache("/api/search", {
+ *     method: "POST",
+ *     type: "read",
+ *     body: JSON.stringify({ query: "hello" }),
+ *   });
+ *
+ *   // Offline: auto-queues writes (disable with queueOffline: false)
+ *   await fetchWithCache("/api/todos", {
+ *     method: "POST",
+ *     body: JSON.stringify({ title: "Offline task" }),
+ *   });
+ *   // When back online, processMutationQueue() replays them
  */
 
-const inFlightRequests = new Map();
+${importLines}
+${interfaceBlock}${optionsInterface}
+const inFlightRequests = new Map${G("string, Promise<Response>")}();
+
+/** Fetch with caching, auth, offline queue, auto-invalidation, and per-request strategy override. Returns { response, fromCache }. Use { auth: true } for authenticated requests — works with bearer, cookie, and custom auth types. */
+export async function fetchWithCache${G("T")}(input${T("RequestInfo")}, options${T("RequestInit & { tags?: string[]; staleWhileRevalidate?: boolean; auth?: boolean; queueOffline?: boolean; invalidate?: 'auto' | string[] | false; type?: 'read' | 'mutation'; strategy?: 'cache-first' | 'network-first' | 'stale-while-revalidate' | 'cache-only' | 'network-only' }")} = {})${R("Promise<FetchWithCacheResult<T>>")}{
+  const method = (options.method || "GET").toUpperCase();
+  const isRead = options.type === "read" || (options.type !== "mutation" && (method === "GET" || method === "HEAD"));
+  const url = typeof input === "string" ? input : input.url;
 
-export async function fetchWithCache(input, options = {}) {
   const headers = new Headers(options.headers);
-  const method = options.method || "GET";
 
+  // Set cache strategy
   if (!headers.has("X-SW-Cache-Strategy")) {
-    headers.set(
-      "X-SW-Cache-Strategy",
-      method === "GET" || method === "HEAD" ? "read" : "mutation"
-    );
+    headers.set("X-SW-Cache-Strategy", isRead ? "read" : "mutation");
   }
-
-  if (options.staleWhileRevalidate) {
-    headers.set("X-SW-Stale", "true");
-  }
-
+${autoTagsBlock}
+  // Custom tags override auto-generated
   if (options.tags && options.tags.length > 0) {
     headers.set("X-SW-Cache-Tags", options.tags.join(","));
   }
 
-  if (method === "GET" || method === "HEAD") {
-    const url = typeof input === "string" ? input : input.url;
-    if (inFlightRequests.has(url)) {
-      return inFlightRequests.get(url).then((r) => r.clone());
-    }
-    const promise = fetch(input, { ...options, headers }).finally(() => {
-      inFlightRequests.delete(url);
-    });
-    inFlightRequests.set(url, promise);
-    return promise;
+  if (options.staleWhileRevalidate && !options.strategy) {
+    headers.set("X-SW-Strategy", "stale-while-revalidate");
   }
+  if (options.strategy) {
+    headers.set("X-SW-Strategy", options.strategy);
+  }
+${authBlock}${authUrlsBlock}
+  const fetchOptions${T("RequestInit")} = { ...options, headers };
+${authCredentialsBlock}
 
-  return fetch(input, { ...options, headers });
-}
-
-export async function fetchWithCacheOrQueue(input, options = {}) {
+  // Offline handling
   if (!navigator.onLine) {
-    if (options.method === "GET" || options.method === "HEAD") {
-      const cached = await caches.match(input);
-      if (cached) return cached;
-      throw new Error("Offline: no cached data");
-    } else {
-      throw new Error("Offline: mutation queued");
+${offlineReadBlock}
+${offlineWriteBlock}
+  }
+
+  // Deduplicate in-flight GET requests
+  let responsePromise${T("Promise<Response>")};
+  if (isRead && inFlightRequests.has(url)) {
+    responsePromise = inFlightRequests.get(url)!.then((r) => r.clone());
+  } else {
+    responsePromise = fetch(input, fetchOptions);
+    if (isRead) {
+      inFlightRequests.set(url, responsePromise.finally(() => inFlightRequests.delete(url)));
     }
   }
-  return fetchWithCache(input, options);
+
+  const response = await responsePromise;
+${autoInvalidateBlock}${auth401Block}
+  const fromCache = response.headers.get("X-SW-From-Cache") === "true";
+  return { response, fromCache };
 }
 `;
     writeFile(ctx, `fetch-wrapper.${ext}`, code);

package/dist/lib/generators/file-generators/fetch-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-wrapper.js","sourceRoot":"","sources":["../../../../src/lib/generators/file-generators/fetch-wrapper.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,UAAU,oBAAoB,CAAC,GAAqB;IACxD,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;IACpB,MAAM,IAAI,GAAG;;;;;6DAK8C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkE/D,CAAC;IAEA,SAAS,CAAC,GAAG,EAAE,iBAAiB,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;AAC/C,CAAC"}
+{"version":3,"file":"fetch-wrapper.js","sourceRoot":"","sources":["../../../../src/lib/generators/file-generators/fetch-wrapper.ts"],"names":[],"mappings":"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"}

package/dist/lib/generators/file-generators/generate-hooks.js

@@ -1,5 +1,12 @@
-import { writeFileSync, existsSync, mkdirSync } from "fs";
-import { join } from "path";
+import { copyFileSync, existsSync, mkdirSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const templatesDir = join(__dirname, "../../../../templates/hooks");
+function copyHook(hooksDir, name, ext) {
+    const src = join(templatesDir, `${name}.${ext}x`);
+    copyFileSync(src, join(hooksDir, `${name}.${ext}x`));
+}
 export function generateHooks(ctx) {
     const { config, swoffDir, ext, frameworkName } = ctx;
     if (frameworkName !== "react")
@@ -8,160 +15,25 @@ export function generateHooks(ctx) {
     if (!existsSync(hooksDir)) {
         mkdirSync(hooksDir, { recursive: true });
     }
+    copyHook(hooksDir, "useNetworkStatus", ext);
+    copyHook(hooksDir, "useCachedFetch", ext);
     if (config.features.pwa.enabled) {
-        writePWAHooks(hooksDir, ext);
+        copyHook(hooksDir, "useSWUpdate", ext);
     }
     if (config.features.auth.enabled) {
-        writeAuthHook(hooksDir, ext);
+        copyHook(hooksDir, "useAuth", ext);
     }
     if (config.features.mutationQueue) {
-        writeMutationQueueHook(hooksDir, ext);
+        copyHook(hooksDir, "useMutationQueue", ext);
+    }
+    if (config.features.pushNotifications?.enabled) {
+        copyHook(hooksDir, "usePushSubscription", ext);
+    }
+    if (config.features.backgroundSync) {
+        copyHook(hooksDir, "useBackgroundSync", ext);
+    }
+    if (config.features.tagInvalidation) {
+        copyHook(hooksDir, "useCacheInvalidation", ext);
     }
-}
-function writePWAHooks(dir, ext) {
-    writeFileSync(join(dir, `usePWAUpdate.${ext}x`), `import { useState, useEffect, useCallback } from "react";
-
-export function usePWAUpdate() {
-  const [state, setState] = useState({
-    updateStatus: "idle",
-    currentVersion: null as string | null,
-    availableVersion: null as string | null,
-    progress: 0,
-    forceUpdate: false,
-    error: null as string | null,
-  });
-
-  useEffect(() => {
-    setState((s) => ({ ...s, currentVersion: (window as any).currentSWVersion || null }));
-
-    const onAvailable = (e: CustomEvent) => setState((s) => ({
-      ...s,
-      updateStatus: "available" as const,
-      availableVersion: e.detail.version,
-      forceUpdate: (window as any).swUpdateRequired || false,
-    }));
-    const onProgress = (e: CustomEvent) => setState((s) => ({
-      ...s,
-      updateStatus: "downloading" as const,
-      progress: e.detail.percent,
-    }));
-    const onReady = () => setState((s) => ({ ...s, updateStatus: "idle" as const, progress: 0 }));
-    const onError = () => setState((s) => ({ ...s, error: "SW registration failed" }));
-
-    window.addEventListener("sw-update-available", onAvailable as EventListener);
-    window.addEventListener("sw-progress", onProgress as EventListener);
-    window.addEventListener("sw-ready", onReady);
-    window.addEventListener("sw-error", onError);
-    return () => {
-      window.removeEventListener("sw-update-available", onAvailable as EventListener);
-      window.removeEventListener("sw-progress", onProgress as EventListener);
-      window.removeEventListener("sw-ready", onReady);
-      window.removeEventListener("sw-error", onError);
-    };
-  }, []);
-
-  const acceptUpdate = useCallback(async () => {
-    if (!state.availableVersion) return;
-    const { handleUpdateApproved } = await import("../sw-injector.${ext}");
-    await handleUpdateApproved(state.availableVersion);
-  }, [state.availableVersion]);
-
-  const dismissUpdate = useCallback(() => {
-    sessionStorage.setItem("sw-dismissed-update", "true");
-    setState((s) => ({ ...s, updateStatus: "idle" }));
-  }, []);
-
-  return { ...state, acceptUpdate, dismissUpdate };
-}
-
-export function useSWProgress() {
-  const [state, setState] = useState({
-    status: "idle" as "idle" | "installing",
-    progress: 0,
-  });
-
-  useEffect(() => {
-    const onProgress = (e: CustomEvent) => setState({
-      status: "installing",
-      progress: e.detail.percent,
-    });
-    const onReady = () => setState({ status: "idle", progress: 0 });
-
-    window.addEventListener("sw-progress", onProgress as EventListener);
-    window.addEventListener("sw-ready", onReady);
-    return () => {
-      window.removeEventListener("sw-progress", onProgress as EventListener);
-      window.removeEventListener("sw-ready", onReady);
-    };
-  }, []);
-
-  return state;
-}
-`);
-    // useSWProgress is included in the same file
-}
-function writeAuthHook(dir, ext) {
-    writeFileSync(join(dir, `useAuth.${ext}x`), `import { useState, useEffect } from "react";
-import { getAuthState } from "../auth-state.${ext}";
-
-export function useAuth() {
-  const [state, setState] = useState({
-    authenticated: false,
-    user: null as Record<string, unknown> | null,
-    online: navigator.onLine,
-  });
-
-  useEffect(() => {
-    getAuthState().then(setState);
-
-    const onOnline = () => setState((s) => ({ ...s, online: true }));
-    const onOffline = () => setState((s) => ({ ...s, online: false }));
-    const onAuthChange = () => getAuthState().then(setState);
-
-    window.addEventListener("online", onOnline);
-    window.addEventListener("offline", onOffline);
-    window.addEventListener("sw-auth-state-change", onAuthChange);
-
-    return () => {
-      window.removeEventListener("online", onOnline);
-      window.removeEventListener("offline", onOffline);
-      window.removeEventListener("sw-auth-state-change", onAuthChange);
-    };
-  }, []);
-
-  return state;
-}
-`);
-}
-function writeMutationQueueHook(dir, ext) {
-    writeFileSync(join(dir, `useMutationQueue.${ext}x`), `import { useState, useEffect } from "react";
-import { getPendingCount } from "../mutation-queue.${ext}";
-
-export function useMutationQueue() {
-  const [state, setState] = useState<{
-    pending: number;
-    lastSync: { succeeded: number; failed: number } | null;
-  }>({ pending: 0, lastSync: null });
-
-  useEffect(() => {
-    getPendingCount().then((count: number) => setState((s) => ({ ...s, pending: count })));
-
-    const onSync = (e: CustomEvent) => setState({
-      pending: 0,
-      lastSync: { succeeded: e.detail.succeeded, failed: e.detail.failed },
-    });
-    const onChange = async () => setState((s) => ({ ...s, pending: await getPendingCount() }));
-
-    window.addEventListener("mutation-sync-complete", onSync as EventListener);
-    window.addEventListener("mutation-queue-changed", onChange);
-    return () => {
-      window.removeEventListener("mutation-sync-complete", onSync as EventListener);
-      window.removeEventListener("mutation-queue-changed", onChange);
-    };
-  }, []);
-
-  return state;
-}
-`);
 }
 //# sourceMappingURL=generate-hooks.js.map

package/dist/lib/generators/file-generators/generate-hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-hooks.js","sourceRoot":"","sources":["../../../../src/lib/generators/file-generators/generate-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAG5B,MAAM,UAAU,aAAa,CAAC,GAAqB;IACjD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;IACrD,IAAI,aAAa,KAAK,OAAO;QAAE,OAAO;IAEtC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QAChC,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACjC,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;QAClC,sBAAsB,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACxC,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,GAAW,EAAE,GAAW;IAC7C,aAAa,CACX,IAAI,CAAC,GAAG,EAAE,gBAAgB,GAAG,GAAG,CAAC,EACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oEA2CgE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCtE,CACE,CAAC;IAEF,6CAA6C;AAC/C,CAAC;AAED,SAAS,aAAa,CAAC,GAAW,EAAE,GAAW;IAC7C,aAAa,CACX,IAAI,CAAC,GAAG,EAAE,WAAW,GAAG,GAAG,CAAC,EAC5B;8CAC0C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BhD,CACE,CAAC;AACJ,CAAC;AAED,SAAS,sBAAsB,CAAC,GAAW,EAAE,GAAW;IACtD,aAAa,CACX,IAAI,CAAC,GAAG,EAAE,oBAAoB,GAAG,GAAG,CAAC,EACrC;qDACiD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvD,CACE,CAAC;AACJ,CAAC"}
+{"version":3,"file":"generate-hooks.js","sourceRoot":"","sources":["../../../../src/lib/generators/file-generators/generate-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1D,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,6BAA6B,CAAC,CAAC;AAEpE,SAAS,QAAQ,CAAC,QAAgB,EAAE,IAAY,EAAE,GAAW;IAC3D,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC;IAClD,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAqB;IACjD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;IACrD,IAAI,aAAa,KAAK,OAAO;QAAE,OAAO;IAEtC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAC5C,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAE1C,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QAChC,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACjC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;QAClC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAC9C,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC;QAC/C,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,EAAE,GAAG,CAAC,CAAC;IACjD,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;QACnC,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC;IAC/C,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QACpC,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC;AACH,CAAC"}