@doswiftly/cli 0.1.17 → 0.1.19

package/templates/storefront-nextjs-shadcn/stores/wishlist-store.ts

@@ -11,8 +11,9 @@
  * - Multiple wishlist support
  */
 
-import { create } from 'zustand';
+import { createStore } from 'zustand/vanilla';
 import { persist } from 'zustand/middleware';
+import { createStoreContext } from '@doswiftly/storefront-sdk/react';
 
 export interface WishlistItem {
   id: string;
@@ -52,7 +53,6 @@ export interface WishlistState {
   // State
   wishlists: Wishlist[];
   activeWishlistId: string | null;
-  isHydrated: boolean;
   isSyncing: boolean;
 
   // Actions
@@ -81,211 +81,212 @@ const generateTempId = () => `temp_${Date.now()}_${Math.random().toString(36).su
 // Default wishlist name
 const DEFAULT_WISHLIST_NAME = 'My Wishlist';
 
-export const useWishlistStore = create<WishlistState>()(
-  persist(
-    (set, get) => ({
-      wishlists: [],
-      activeWishlistId: null,
-      isHydrated: false,
-      isSyncing: false,
+export function createWishlistStore() {
+  return createStore<WishlistState>()(
+    persist(
+      (set, get) => ({
+        wishlists: [],
+        activeWishlistId: null,
+        isSyncing: false,
 
-      setWishlists: (wishlists: Wishlist[]) => {
-        set({ wishlists });
-        // Set active wishlist to first one if not set
-        if (!get().activeWishlistId && wishlists.length > 0) {
-          set({ activeWishlistId: wishlists[0].id });
-        }
-      },
+        setWishlists: (wishlists: Wishlist[]) => {
+          set({ wishlists });
+          // Set active wishlist to first one if not set
+          if (!get().activeWishlistId && wishlists.length > 0) {
+            set({ activeWishlistId: wishlists[0].id });
+          }
+        },
 
-      setActiveWishlist: (wishlistId: string | null) => {
-        set({ activeWishlistId: wishlistId });
-      },
+        setActiveWishlist: (wishlistId: string | null) => {
+          set({ activeWishlistId: wishlistId });
+        },
 
-      addWishlist: (wishlist: Wishlist) => {
-        set((state) => ({
-          wishlists: [...state.wishlists, wishlist],
-          activeWishlistId: state.activeWishlistId || wishlist.id,
-        }));
-      },
+        addWishlist: (wishlist: Wishlist) => {
+          set((state) => ({
+            wishlists: [...state.wishlists, wishlist],
+            activeWishlistId: state.activeWishlistId || wishlist.id,
+          }));
+        },
 
-      removeWishlist: (wishlistId: string) => {
-        set((state) => {
-          const remaining = state.wishlists.filter((w) => w.id !== wishlistId);
-          return {
-            wishlists: remaining,
-            activeWishlistId:
-              state.activeWishlistId === wishlistId
-                ? remaining[0]?.id || null
-                : state.activeWishlistId,
-          };
-        });
-      },
+        removeWishlist: (wishlistId: string) => {
+          set((state) => {
+            const remaining = state.wishlists.filter((w) => w.id !== wishlistId);
+            return {
+              wishlists: remaining,
+              activeWishlistId:
+                state.activeWishlistId === wishlistId
+                  ? remaining[0]?.id || null
+                  : state.activeWishlistId,
+            };
+          });
+        },
 
-      addItem: (wishlistId: string, item) => {
-        set((state) => {
-          // Find or create default wishlist
-          let wishlists = [...state.wishlists];
-          let targetWishlistId = wishlistId;
+        addItem: (wishlistId: string, item) => {
+          set((state) => {
+            // Find or create default wishlist
+            let wishlists = [...state.wishlists];
+            let targetWishlistId = wishlistId;
 
-          // If no wishlist exists, create a default one
-          if (wishlists.length === 0) {
-            const newWishlist: Wishlist = {
-              id: generateTempId(),
-              name: DEFAULT_WISHLIST_NAME,
-              isPublic: false,
-              items: [],
-              itemCount: 0,
-              createdAt: new Date(),
-              updatedAt: new Date(),
-            };
-            wishlists = [newWishlist];
-            targetWishlistId = newWishlist.id;
-          }
+            // If no wishlist exists, create a default one
+            if (wishlists.length === 0) {
+              const newWishlist: Wishlist = {
+                id: generateTempId(),
+                name: DEFAULT_WISHLIST_NAME,
+                isPublic: false,
+                items: [],
+                itemCount: 0,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+              };
+              wishlists = [newWishlist];
+              targetWishlistId = newWishlist.id;
+            }
+
+            return {
+              wishlists: wishlists.map((w) => {
+                if (w.id === targetWishlistId) {
+                  // Check if item already exists
+                  const existingItem = w.items.find(
+                    (i) =>
+                      i.productId === item.productId &&
+                      (item.variantId ? i.variantId === item.variantId : !i.variantId),
+                  );
 
-          return {
-            wishlists: wishlists.map((w) => {
-              if (w.id === targetWishlistId) {
-                // Check if item already exists
-                const existingItem = w.items.find(
-                  (i) =>
-                    i.productId === item.productId &&
-                    (item.variantId ? i.variantId === item.variantId : !i.variantId)
-                );
+                  if (existingItem) {
+                    // Update existing item
+                    return {
+                      ...w,
+                      items: w.items.map((i) =>
+                        i.id === existingItem.id ? { ...i, ...item } : i,
+                      ),
+                      updatedAt: new Date(),
+                    };
+                  }
+
+                  // Add new item
+                  const newItem: WishlistItem = {
+                    ...item,
+                    id: generateTempId(),
+                    addedAt: new Date(),
+                  };
 
-                if (existingItem) {
-                  // Update existing item
                   return {
                     ...w,
-                    items: w.items.map((i) =>
-                      i.id === existingItem.id ? { ...i, ...item } : i
-                    ),
+                    items: [...w.items, newItem],
+                    itemCount: w.itemCount + 1,
                     updatedAt: new Date(),
                   };
                 }
+                return w;
+              }),
+              activeWishlistId: state.activeWishlistId || targetWishlistId,
+            };
+          });
+        },
 
-                // Add new item
-                const newItem: WishlistItem = {
-                  ...item,
-                  id: generateTempId(),
-                  addedAt: new Date(),
+        removeItem: (wishlistId: string, itemId: string) => {
+          set((state) => ({
+            wishlists: state.wishlists.map((w) => {
+              if (w.id === wishlistId) {
+                return {
+                  ...w,
+                  items: w.items.filter((i) => i.id !== itemId),
+                  itemCount: Math.max(0, w.itemCount - 1),
+                  updatedAt: new Date(),
                 };
+              }
+              return w;
+            }),
+          }));
+        },
 
+        updateItem: (wishlistId: string, itemId: string, updates: Partial<WishlistItem>) => {
+          set((state) => ({
+            wishlists: state.wishlists.map((w) => {
+              if (w.id === wishlistId) {
                 return {
                   ...w,
-                  items: [...w.items, newItem],
-                  itemCount: w.itemCount + 1,
+                  items: w.items.map((i) =>
+                    i.id === itemId ? { ...i, ...updates } : i,
+                  ),
                   updatedAt: new Date(),
                 };
               }
               return w;
             }),
-            activeWishlistId: state.activeWishlistId || targetWishlistId,
-          };
-        });
-      },
-
-      removeItem: (wishlistId: string, itemId: string) => {
-        set((state) => ({
-          wishlists: state.wishlists.map((w) => {
-            if (w.id === wishlistId) {
-              return {
-                ...w,
-                items: w.items.filter((i) => i.id !== itemId),
-                itemCount: Math.max(0, w.itemCount - 1),
-                updatedAt: new Date(),
-              };
-            }
-            return w;
-          }),
-        }));
-      },
+          }));
+        },
 
-      updateItem: (wishlistId: string, itemId: string, updates: Partial<WishlistItem>) => {
-        set((state) => ({
-          wishlists: state.wishlists.map((w) => {
-            if (w.id === wishlistId) {
-              return {
-                ...w,
-                items: w.items.map((i) =>
-                  i.id === itemId ? { ...i, ...updates } : i
-                ),
-                updatedAt: new Date(),
-              };
-            }
-            return w;
-          }),
-        }));
-      },
-
-      clearWishlist: (wishlistId: string) => {
-        set((state) => ({
-          wishlists: state.wishlists.map((w) => {
-            if (w.id === wishlistId) {
-              return {
-                ...w,
-                items: [],
-                itemCount: 0,
-                updatedAt: new Date(),
-              };
-            }
-            return w;
-          }),
-        }));
-      },
+        clearWishlist: (wishlistId: string) => {
+          set((state) => ({
+            wishlists: state.wishlists.map((w) => {
+              if (w.id === wishlistId) {
+                return {
+                  ...w,
+                  items: [],
+                  itemCount: 0,
+                  updatedAt: new Date(),
+                };
+              }
+              return w;
+            }),
+          }));
+        },
 
-      clearAll: () => {
-        set({ wishlists: [], activeWishlistId: null });
-      },
+        clearAll: () => {
+          set({ wishlists: [], activeWishlistId: null });
+        },
 
-      setSyncing: (syncing: boolean) => {
-        set({ isSyncing: syncing });
-      },
+        setSyncing: (syncing: boolean) => {
+          set({ isSyncing: syncing });
+        },
 
-      getActiveWishlist: () => {
-        const state = get();
-        return state.wishlists.find((w) => w.id === state.activeWishlistId);
-      },
+        getActiveWishlist: () => {
+          const state = get();
+          return state.wishlists.find((w) => w.id === state.activeWishlistId);
+        },
 
-      getWishlistById: (wishlistId: string) => {
-        return get().wishlists.find((w) => w.id === wishlistId);
-      },
+        getWishlistById: (wishlistId: string) => {
+          return get().wishlists.find((w) => w.id === wishlistId);
+        },
 
-      isInWishlist: (productId: string, variantId?: string) => {
-        return get().wishlists.some((w) =>
-          w.items.some(
-            (i) =>
-              i.productId === productId &&
-              (variantId ? i.variantId === variantId : true)
-          )
-        );
-      },
+        isInWishlist: (productId: string, variantId?: string) => {
+          return get().wishlists.some((w) =>
+            w.items.some(
+              (i) =>
+                i.productId === productId &&
+                (variantId ? i.variantId === variantId : true),
+            ),
+          );
+        },
 
-      getWishlistForProduct: (productId: string, variantId?: string) => {
-        return get().wishlists.find((w) =>
-          w.items.some(
-            (i) =>
-              i.productId === productId &&
-              (variantId ? i.variantId === variantId : true)
-          )
-        );
-      },
+        getWishlistForProduct: (productId: string, variantId?: string) => {
+          return get().wishlists.find((w) =>
+            w.items.some(
+              (i) =>
+                i.productId === productId &&
+                (variantId ? i.variantId === variantId : true),
+            ),
+          );
+        },
 
-      getTotalItems: () => {
-        return get().wishlists.reduce((total, w) => total + w.itemCount, 0);
-      },
-    }),
-    {
-      name: 'wishlist-storage',
-      // Persist all wishlists
-      partialize: (state) => ({
-        wishlists: state.wishlists,
-        activeWishlistId: state.activeWishlistId,
+        getTotalItems: () => {
+          return get().wishlists.reduce((total, w) => total + w.itemCount, 0);
+        },
       }),
-      onRehydrateStorage: () => (state) => {
-        if (state) {
-          state.isHydrated = true;
-        }
+      {
+        name: 'wishlist-storage',
+        partialize: (state) => ({
+          wishlists: state.wishlists,
+          activeWishlistId: state.activeWishlistId,
+        }),
       },
-    }
-  )
-);
+    ),
+  );
+}
+
+export const {
+  Provider: WishlistProvider,
+  useStore: useWishlistStore,
+  useApi: useWishlistStoreApi,
+} = createStoreContext<WishlistState>('WishlistStore');

package/templates/storefront-nextjs-shadcn/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -19,9 +23,23 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.spec.ts",
+    "**/*.spec.tsx"
+  ]
 }

package/templates/storefront-nextjs-shadcn/wrangler.toml

@@ -7,3 +7,7 @@ compatibility_flags = ["nodejs_compat"]
 
 # Assets directory for static files
 assets = { directory = ".open-next/assets", binding = "ASSETS" }
+
+# Cloudflare Images binding for Next.js /_next/image optimization
+[images]
+binding = "IMAGES"