From 69ca137c7dec99a916885918559fcfffa54c0ffa Mon Sep 17 00:00:00 2001
From: Rami Bitar <rbitar@gmail.com>
Date: Sat, 29 Aug 2026 11:10:24 -0400
Subject: [PATCH] Rename block .editor files to .config

Also drop the color and leftSideBarVisible overrides from PageEditor.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014xjLo7mFxZXfPDCHuKX4Dz
---
 components/page-editor.tsx                    |  2 --
 ...ditor.tsx => collection-detail.config.tsx} |  0
 ...ions.editor.tsx => collections.config.tsx} |  0
 ....editor.tsx => content-section.config.tsx} |  0
 .../{footer.editor.tsx => footer.config.tsx}  |  0
 .../{header.editor.tsx => header.config.tsx}  |  0
 ...body.editor.tsx => policy-body.config.tsx} |  0
 ...l.editor.tsx => product-detail.config.tsx} |  0
 ...tsx => product-recommendations.config.tsx} |  0
 ...roducts.editor.tsx => products.config.tsx} |  0
 ...s.editor.tsx => search-results.config.tsx} |  0
 ....editor.tsx => store-assistant.config.tsx} |  0
 config/types.ts                               | 18 +++++++--------
 editor.config.tsx                             | 22 +++++++++----------
 14 files changed, 20 insertions(+), 22 deletions(-)
 rename components/shopify/{collection-detail.editor.tsx => collection-detail.config.tsx} (100%)
 rename components/shopify/{collections.editor.tsx => collections.config.tsx} (100%)
 rename components/shopify/{content-section.editor.tsx => content-section.config.tsx} (100%)
 rename components/shopify/{footer.editor.tsx => footer.config.tsx} (100%)
 rename components/shopify/{header.editor.tsx => header.config.tsx} (100%)
 rename components/shopify/{policy-body.editor.tsx => policy-body.config.tsx} (100%)
 rename components/shopify/{product-detail.editor.tsx => product-detail.config.tsx} (100%)
 rename components/shopify/{product-recommendations.editor.tsx => product-recommendations.config.tsx} (100%)
 rename components/shopify/{products.editor.tsx => products.config.tsx} (100%)
 rename components/shopify/{search-results.editor.tsx => search-results.config.tsx} (100%)
 rename components/shopify/{store-assistant.editor.tsx => store-assistant.config.tsx} (100%)

diff --git a/components/page-editor.tsx b/components/page-editor.tsx
index e7a5a60..2a6e59b 100644
--- a/components/page-editor.tsx
+++ b/components/page-editor.tsx
@@ -41,8 +41,6 @@ export default function PageEditor({ pagePath, page }: PageEditorProps) {
   return (
     <Editor
       theme="light"
-      color="teal"
-      ui={{ leftSideBarVisible: false }}
       config={appConfig as any}
       data={data}
       plugins={plugins}
diff --git a/components/shopify/collection-detail.editor.tsx b/components/shopify/collection-detail.config.tsx
similarity index 100%
rename from components/shopify/collection-detail.editor.tsx
rename to components/shopify/collection-detail.config.tsx
diff --git a/components/shopify/collections.editor.tsx b/components/shopify/collections.config.tsx
similarity index 100%
rename from components/shopify/collections.editor.tsx
rename to components/shopify/collections.config.tsx
diff --git a/components/shopify/content-section.editor.tsx b/components/shopify/content-section.config.tsx
similarity index 100%
rename from components/shopify/content-section.editor.tsx
rename to components/shopify/content-section.config.tsx
diff --git a/components/shopify/footer.editor.tsx b/components/shopify/footer.config.tsx
similarity index 100%
rename from components/shopify/footer.editor.tsx
rename to components/shopify/footer.config.tsx
diff --git a/components/shopify/header.editor.tsx b/components/shopify/header.config.tsx
similarity index 100%
rename from components/shopify/header.editor.tsx
rename to components/shopify/header.config.tsx
diff --git a/components/shopify/policy-body.editor.tsx b/components/shopify/policy-body.config.tsx
similarity index 100%
rename from components/shopify/policy-body.editor.tsx
rename to components/shopify/policy-body.config.tsx
diff --git a/components/shopify/product-detail.editor.tsx b/components/shopify/product-detail.config.tsx
similarity index 100%
rename from components/shopify/product-detail.editor.tsx
rename to components/shopify/product-detail.config.tsx
diff --git a/components/shopify/product-recommendations.editor.tsx b/components/shopify/product-recommendations.config.tsx
similarity index 100%
rename from components/shopify/product-recommendations.editor.tsx
rename to components/shopify/product-recommendations.config.tsx
diff --git a/components/shopify/products.editor.tsx b/components/shopify/products.config.tsx
similarity index 100%
rename from components/shopify/products.editor.tsx
rename to components/shopify/products.config.tsx
diff --git a/components/shopify/search-results.editor.tsx b/components/shopify/search-results.config.tsx
similarity index 100%
rename from components/shopify/search-results.editor.tsx
rename to components/shopify/search-results.config.tsx
diff --git a/components/shopify/store-assistant.editor.tsx b/components/shopify/store-assistant.config.tsx
similarity index 100%
rename from components/shopify/store-assistant.editor.tsx
rename to components/shopify/store-assistant.config.tsx
diff --git a/config/types.ts b/config/types.ts
index 5bad25b..7dab37a 100644
--- a/config/types.ts
+++ b/config/types.ts
@@ -1,14 +1,14 @@
 import { Config, Data } from '@reacteditor/core';
 
-import type { HeaderBlockProps } from '@/components/shopify/header.editor';
-import type { FooterBlockProps } from '@/components/shopify/footer.editor';
-import type { ProductsBlockProps } from '@/components/shopify/products.editor';
-import type { CollectionsBlockProps } from '@/components/shopify/collections.editor';
-import type { CollectionDetailBlockProps } from '@/components/shopify/collection-detail.editor';
-import type { ProductDetailBlockProps } from '@/components/shopify/product-detail.editor';
-import type { ProductRecommendationsBlockProps } from '@/components/shopify/product-recommendations.editor';
-import type { SearchResultsBlockProps } from '@/components/shopify/search-results.editor';
-import type { StoreAssistantBlockProps } from '@/components/shopify/store-assistant.editor';
+import type { HeaderBlockProps } from '@/components/shopify/header.config';
+import type { FooterBlockProps } from '@/components/shopify/footer.config';
+import type { ProductsBlockProps } from '@/components/shopify/products.config';
+import type { CollectionsBlockProps } from '@/components/shopify/collections.config';
+import type { CollectionDetailBlockProps } from '@/components/shopify/collection-detail.config';
+import type { ProductDetailBlockProps } from '@/components/shopify/product-detail.config';
+import type { ProductRecommendationsBlockProps } from '@/components/shopify/product-recommendations.config';
+import type { SearchResultsBlockProps } from '@/components/shopify/search-results.config';
+import type { StoreAssistantBlockProps } from '@/components/shopify/store-assistant.config';
 import type { ContentSectionProps } from '@/components/shopify/content-section';
 import type { PolicyBodyProps } from '@/components/shopify/policy-body';
 
diff --git a/editor.config.tsx b/editor.config.tsx
index a426cb8..476b655 100644
--- a/editor.config.tsx
+++ b/editor.config.tsx
@@ -1,17 +1,17 @@
 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 headerEditor from '@/components/shopify/header.config';
+import footerEditor from '@/components/shopify/footer.config';
+import productsEditor from '@/components/shopify/products.config';
+import collectionsEditor from '@/components/shopify/collections.config';
+import collectionDetailEditor from '@/components/shopify/collection-detail.config';
+import productDetailEditor from '@/components/shopify/product-detail.config';
+import productRecommendationsEditor from '@/components/shopify/product-recommendations.config';
+import searchResultsEditor from '@/components/shopify/search-results.config';
+import storeAssistantEditor from '@/components/shopify/store-assistant.config';
+import contentSectionEditor from '@/components/shopify/content-section.config';
+import policyBodyEditor from '@/components/shopify/policy-body.config';
 
 const categories = {
   navigation: { title: 'Navigation' },