frontend-shopify/react-editor-shopify
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add media and AI plugins, refresh editor configs

Browse Source 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Rami Bitar
2026-05-04 22:36:42 -04:00
parent 865e16400c
commit 343a2aa3a7
14 changed files with 197 additions and 2024 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
editor/components/landing/image-gallery.editor.tsx
View File

@@ -1,6 +1,8 @@
import { ComponentConfig } from "@reacteditor/core";
import { imageField } from "@reacteditor/plugin-media/field";
import { Images } from "lucide-react";
import { ImageGallery, type ImageGalleryProps } from "@/editor/components/landing/image-gallery";
import { frontendAiMediaAdapter } from "@/editor/services/media-adapter";
export const imageGalleryEditor: ComponentConfig<ImageGalleryProps> = {
label: "Image gallery",
@@ -36,9 +38,9 @@ export const imageGalleryEditor: ComponentConfig<ImageGalleryProps> = {
label: "Images",
type: "array",
defaultItemProps: { src: "", alt: "" },
getItemSummary: (it) => it?.alt || it?.src || "Image",
getItemSummary: (it) => it?.caption || "Image",
arrayFields: {
src: { label: "Image URL", type: "text" },
src: { label: "Image", ...imageField({ adapter: frontendAiMediaAdapter }) },
alt: { label: "Alt text", type: "text", contentEditable: true },
caption: { label: "Caption", type: "text", contentEditable: true },
},

4
editor/components/landing/newsletter-cta.editor.tsx
View File

@@ -1,6 +1,8 @@
import { ComponentConfig } from "@reacteditor/core";
import { imageField } from "@reacteditor/plugin-media/field";
import { Mail } from "lucide-react";
import { NewsletterCta, type NewsletterCtaProps } from "@/editor/components/landing/newsletter-cta";
import { frontendAiMediaAdapter } from "@/editor/services/media-adapter";
export const newsletterCtaEditor: ComponentConfig<NewsletterCtaProps> = {
label: "Newsletter",
@@ -23,7 +25,7 @@ export const newsletterCtaEditor: ComponentConfig<NewsletterCtaProps> = {
subheading: { label: "Subheading", type: "textarea", contentEditable: true },
buttonLabel: { label: "Button label", type: "text", contentEditable: true },
endpoint: { label: "Submit endpoint", type: "text" },
imageUrl: { label: "Image URL", type: "text" },
imageUrl: { label: "Image", ...imageField({ adapter: frontendAiMediaAdapter }) },
layout: {
label: "Layout",
type: "radio",