update shopify storefront

app/search/editor/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { useMemo } from "react";
+import { Editor } from "@reacteditor/core";
+import createTailwindCdnPlugin from "@reacteditor/plugin-tailwind-cdn";
+import createShopifyPlugin from "@reacteditor/plugin-shopify";
+import { searchConfig } from "@/editor.config";
+import schema from "@/app.schema.json";
+
+const currentRoute = "/search";
+
+export default function SearchEditorPage() {
+  const data = (schema as any)["/search"];
+  const plugins = useMemo(
+    () => [
+      createTailwindCdnPlugin(),
+      createShopifyPlugin({
+        storeDomain:
+          process.env.NEXT_PUBLIC_SHOPIFY_DOMAIN ?? "mock.shop",
+        publicAccessToken:
+          process.env.NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN,
+      }),
+    ],
+    [],
+  );
+
+  const handlePublish = async (nextData: any, route?: any) => {
+    const resolved = route ?? { key: currentRoute };
+    if (typeof window !== "undefined" && window.parent !== window) {
+      window.parent.postMessage(
+        { type: "PUBLISH", data: { data: nextData, route: resolved } },
+        "*",
+      );
+    }
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+  };
+
+  return (
+    <div className="h-screen w-screen">
+      <Editor
+        config={searchConfig as any}
+        data={data}
+        currentRoute={currentRoute}
+        route={{ key: currentRoute, path: currentRoute, params: {} }}
+        plugins={plugins}
+        iframe={{ enabled: true }}
+        ui={{ leftSideBarVisible: false }}
+        onPublish={handlePublish}
+      />
+    </div>
+  );
+}