feat: replaces data source ref with cms prop to enable live previewin…

…g with metaobject sections

* chore: warmly script for pack tracking on demo store

* feat: replace data source ref with cms prop for live previewing

app/sections/MetaobjectImage/MetaobjectImage.tsx

@@ -3,13 +3,7 @@ import {Image, Link, Markdown} from '~/components';
 import {Schema} from './MetaobjectImage.schema';
 
 export function MetaobjectImage({cms}: {cms: Record<string, any>}) {
-  const dataSourceReference = cms?.dataSource?.reference;
-  const fields: Record<string, any> = {};
-  dataSourceReference?.fields?.forEach((field: Record<string, any>) => {
-    fields[field.key] = field.reference || field.value;
-  });
-
-  const {alt, link, caption, enable_padding, image} = fields;
+  const {alt, link, caption, enable_padding, image} = cms;
   const imageDetails = image?.image;
 
   const maxWidth = 'max-w-[90rem]';

app/sections/MetaobjectTextBlock/MetaobjectTextBlock.tsx

@@ -3,20 +3,14 @@ import {Link, Markdown} from '~/components';
 import {Schema} from './MetaobjectTextBlock.schema';
 
 export function MetaobjectTextBlock({cms}: {cms: Record<string, any>}) {
-  const dataSourceReference = cms?.dataSource?.reference;
-  const fields: Record<string, any> = {};
-  dataSourceReference?.fields?.forEach((field: Record<string, any>) => {
-    fields[field.key] = field.reference || field.value;
-  });
-
   const {
     button_link,
     button_link_text,
     heading,
     above_the_fold,
     subtext,
     full_width,
-  } = fields;
+  } = cms;
   const maxWidthClass = full_width
     ? 'max-w-none'
     : 'max-w-[var(--content-max-width)]';

package.json

@@ -2,7 +2,7 @@
   "name": "hydrogen-starter",
   "private": true,
   "sideEffects": false,
-  "version": "1.0.0",
+  "version": "1.1.1",
   "scripts": {
     "dev": "shopify hydrogen dev --port 8080",
     "build": "shopify hydrogen build",