Add React editor project

editor.config.tsx

@@ -1,46 +1,62 @@
-import headerEditor from "@/components/header/header.editor";
-import footerEditor from "@/components/footer/footer.editor";
+import Root from '@/config/root';
+import type { UserConfig } from '@/config/types';
 
-import coverEditor from "@/components/cover/cover.editor";
-import newsletterCtaEditor from "@/components/newsletter-cta/newsletter-cta.editor";
-
-import featuredProductEditor from "@/components/shopify/featured-product.editor";
-import productsGridEditor from "@/components/shopify/products-grid.editor";
-import productsCarouselEditor from "@/components/shopify/products-carousel.editor";
-import collectionGridEditor from "@/components/shopify/collection-grid.editor";
-import collectionEditor from "@/components/shopify/collection.editor";
-import productDetailsEditor from "@/components/shopify/product-details.editor";
-import recommendedProductsEditor from "@/components/shopify/recommended-products.editor";
-import productRecommendationsEditor from "@/components/shopify/product-recommendations.editor";
-import searchProductsEditor from "@/components/shopify/search-products.editor";
-
-import Root from "@/config/root";
-import type { UserConfig } from "@/config/types";
+import headerEditor from '@/components/shopify/header.editor';
+import footerEditor from '@/components/shopify/footer.editor';
+import productsEditor from '@/components/shopify/products.editor';
+import collectionsEditor from '@/components/shopify/collections.editor';
+import collectionDetailEditor from '@/components/shopify/collection-detail.editor';
+import productDetailEditor from '@/components/shopify/product-detail.editor';
+import productRecommendationsEditor from '@/components/shopify/product-recommendations.editor';
+import searchResultsEditor from '@/components/shopify/search-results.editor';
+import storeAssistantEditor from '@/components/shopify/store-assistant.editor';
+import contentSectionEditor from '@/components/shopify/content-section.editor';
+import policyBodyEditor from '@/components/shopify/policy-body.editor';
+import accountOrdersEditor from '@/components/shopify/account-orders.editor';
+import {
+  accountActivateEditor,
+  accountLoginEditor,
+  accountRecoverEditor,
+  accountRegisterEditor,
+  accountResetEditor,
+} from '@/components/shopify/account-panel.editor';
 
 const categories = {
-  header: { title: "Header" },
-  cover: { title: "Cover" },
-  commerce: { title: "Commerce" },
-  content: { title: "Content" },
-  footer: { title: "Footer" },
+  navigation: { title: 'Navigation' },
+  commerce: { title: 'Commerce' },
+  content: { title: 'Content' },
+  account: { title: 'Account' },
 };
 
+/**
+ * The block library. Every entry pairs a storefront component with a config
+ * that exposes *content only* — copy, imagery, and which Shopify product or
+ * collection to show. Design decisions (columns, spacing, tone, typography)
+ * stay inside the components and `app/globals.css`, so editing a page can
+ * never take the storefront off-brand.
+ */
 export const appConfig: UserConfig = {
   root: Root,
   categories,
   components: {
     header: headerEditor,
     footer: footerEditor,
-    cover: coverEditor,
-    "newsletter-cta": newsletterCtaEditor,
-    "featured-product": featuredProductEditor,
-    "products-grid": productsGridEditor,
-    "products-carousel": productsCarouselEditor,
-    "collection-grid": collectionGridEditor,
-    collection: collectionEditor,
-    "product-details": productDetailsEditor,
-    "recommended-products": recommendedProductsEditor,
-    "product-recommendations": productRecommendationsEditor,
-    "search-products": searchProductsEditor,
+    products: productsEditor,
+    collections: collectionsEditor,
+    'collection-detail': collectionDetailEditor,
+    'product-detail': productDetailEditor,
+    'product-recommendations': productRecommendationsEditor,
+    'search-results': searchResultsEditor,
+    'store-assistant': storeAssistantEditor,
+    'content-section': contentSectionEditor,
+    policy: policyBodyEditor,
+    'account-login': accountLoginEditor,
+    'account-register': accountRegisterEditor,
+    'account-recover': accountRecoverEditor,
+    'account-reset': accountResetEditor,
+    'account-activate': accountActivateEditor,
+    'account-orders': accountOrdersEditor,
   } as any,
 };
+
+export default appConfig;