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

Update all imports to use @ relative

Browse Source
This commit is contained in:
Rami Bitar
2026-05-02 09:42:07 -04:00
parent 7348e430c0
commit a915b729b9
64 changed files with 143 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/[[...path]]/page.tsx
View File

@@ -1,6 +1,6 @@
import { notFound } from "next/navigation"; import { notFound } from "next/navigation";
import { readSchema } from "~/lib/schema.server"; import { readSchema } from "@/lib/schema.server";
import RenderClient from "~/components/RenderClient"; import RenderClient from "@/components/RenderClient";
export const dynamic = "force-dynamic"; export const dynamic = "force-dynamic";

8
app/api/chat/route.ts
View File

@@ -10,16 +10,16 @@ import {
reactEditorTools, reactEditorTools,
getEditorContext, getEditorContext,
} from "@reacteditor/plugin-ai/server"; } from "@reacteditor/plugin-ai/server";
import { patchRoute, readSchema } from "~/lib/schema.server"; import { patchRoute, readSchema } from "@/lib/schema.server";
import { shopifyFetch } from "~/editor/services/shopify/client"; import { shopifyFetch } from "@/editor/services/shopify/client";
import { import {
GET_PRODUCTS_QUERY, GET_PRODUCTS_QUERY,
GET_PRODUCT_QUERY, GET_PRODUCT_QUERY,
} from "~/editor/graphql/products"; } from "@/editor/graphql/products";
import { import {
GET_COLLECTIONS_QUERY, GET_COLLECTIONS_QUERY,
GET_COLLECTION_PRODUCTS_QUERY, GET_COLLECTION_PRODUCTS_QUERY,
} from "~/editor/graphql/collections"; } from "@/editor/graphql/collections";
export const runtime = "nodejs"; export const runtime = "nodejs";
export const maxDuration = 60; export const maxDuration = 60;

2
app/api/save-schema/route.ts
View File

@@ -1,5 +1,5 @@
import { NextResponse } from "next/server"; import { NextResponse } from "next/server";
import { patchRoute } from "~/lib/schema.server"; import { patchRoute } from "@/lib/schema.server";
export async function POST(request: Request) { export async function POST(request: Request) {
try { try {

4
app/edit/[[...path]]/page.tsx
View File

@@ -1,5 +1,5 @@
import { readSchema } from "~/lib/schema.server"; import { readSchema } from "@/lib/schema.server";
import EditorClient from "~/components/EditorClient"; import EditorClient from "@/components/EditorClient";
export const dynamic = "force-dynamic"; export const dynamic = "force-dynamic";

6
components/EditorClient.tsx
View File

@@ -13,9 +13,9 @@ import createTailwindCdnPlugin from "@reacteditor/plugin-tailwind-cdn";
import { aiPlugin } from "@reacteditor/plugin-ai"; import { aiPlugin } from "@reacteditor/plugin-ai";
import "@reacteditor/core/dist/index.css"; import "@reacteditor/core/dist/index.css";
import "~/editor/vendor/plugin-ai.css"; import "~/editor/vendor/plugin-ai.css";
import { createConfig } from "~/editor/config"; import { createConfig } from "@/editor/config";
import { ShopifyProvider } from "~/editor/contexts/shopify-context"; import { ShopifyProvider } from "@/editor/contexts/shopify-context";
import { Button } from "~/editor/components/ui/button"; import { Button } from "@/editor/components/ui/button";
type Schema = Record<string, { root: any; content: any[] }>; type Schema = Record<string, { root: any; content: any[] }>;

4
components/RenderClient.tsx
View File

@@ -3,8 +3,8 @@
import { useMemo } from "react"; import { useMemo } from "react";
import { Render } from "@reacteditor/core"; import { Render } from "@reacteditor/core";
import "@reacteditor/core/dist/index.css"; import "@reacteditor/core/dist/index.css";
import { createConfig } from "~/editor/config"; import { createConfig } from "@/editor/config";
import { ShopifyProvider } from "~/editor/contexts/shopify-context"; import { ShopifyProvider } from "@/editor/contexts/shopify-context";
const SHOPIFY_DOMAIN = const SHOPIFY_DOMAIN =
process.env.NEXT_PUBLIC_SHOPIFY_DOMAIN ?? "mock.shop"; process.env.NEXT_PUBLIC_SHOPIFY_DOMAIN ?? "mock.shop";

8
editor/components/commerce/cart-drawer.tsx
View File

@@ -1,9 +1,9 @@
'use client'; 'use client';
import React from 'react'; import React from 'react';
import { useShopifyCart, redirectToCheckout } from '~/editor/hooks/use-shopify-cart'; import { useShopifyCart, redirectToCheckout } from '@/editor/hooks/use-shopify-cart';
import { Button } from '~/editor/components/ui/button'; import { Button } from '@/editor/components/ui/button';
import { Spinner } from '~/editor/components/ui/spinner'; import { Spinner } from '@/editor/components/ui/spinner';
import { import {
Sheet, Sheet,
SheetContent, SheetContent,
@@ -11,7 +11,7 @@ import {
SheetTitle, SheetTitle,
SheetBody, SheetBody,
AnimatePresence, AnimatePresence,
} from '~/editor/components/ui/sheet'; } from '@/editor/components/ui/sheet';
const CartDrawer: React.FC = () => { const CartDrawer: React.FC = () => {
const { isOpen, closeCart, items, itemCount, totalAmount, checkoutUrl, loading, removeItem, updateItemQuantity } = useShopifyCart(); const { isOpen, closeCart, items, itemCount, totalAmount, checkoutUrl, loading, removeItem, updateItemQuantity } = useShopifyCart();

2
editor/components/commerce/collection-card.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
// local link - plain anchor // local link - plain anchor
import { Card, CardContent } from '~/editor/components/ui/card'; import { Card, CardContent } from '@/editor/components/ui/card';
interface CollectionImage { interface CollectionImage {
url: string; url: string;

2
editor/components/commerce/collection-detail.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import React from 'react'; import React from 'react';
import { useCollectionProducts } from '~/editor/hooks/use-shopify-collections'; import { useCollectionProducts } from '@/editor/hooks/use-shopify-collections';
import ProductCard from './product-card'; import ProductCard from './product-card';
const CollectionDetail: React.FC<{ handle?: string }> = ({ handle: handleProp }) => { const CollectionDetail: React.FC<{ handle?: string }> = ({ handle: handleProp }) => {

6
editor/components/commerce/collection-grid.editor.tsx
View File

@@ -1,9 +1,9 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { FolderOpen } from "lucide-react"; import { FolderOpen } from "lucide-react";
import { shopifyFetch } from "~/editor/services/shopify/client"; import { shopifyFetch } from "@/editor/services/shopify/client";
import { GET_COLLECTIONS_QUERY } from "~/editor/graphql/collections"; import { GET_COLLECTIONS_QUERY } from "@/editor/graphql/collections";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type CollectionGridProps = { export type CollectionGridProps = {
tagline: string; tagline: string;

4
editor/components/commerce/collection.editor.tsx
View File

@@ -1,9 +1,9 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { FolderOpen } from "lucide-react"; import { FolderOpen } from "lucide-react";
import type { ShopifyCollection } from "@reacteditor/field-shopify"; import type { ShopifyCollection } from "@reacteditor/field-shopify";
import { useCollectionProducts } from "~/editor/hooks/use-shopify-collections"; import { useCollectionProducts } from "@/editor/hooks/use-shopify-collections";
import { ProductCard } from "./product-card"; import { ProductCard } from "./product-card";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type CollectionProps = { export type CollectionProps = {
collection: ShopifyCollection | null; collection: ShopifyCollection | null;

2
editor/components/commerce/collections.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import React from 'react'; import React from 'react';
import { useCollections } from '~/editor/hooks/use-shopify-collections'; import { useCollections } from '@/editor/hooks/use-shopify-collections';
import CollectionCard from './collection-card'; import CollectionCard from './collection-card';
const Collections: React.FC = () => { const Collections: React.FC = () => {

6
editor/components/commerce/featured-product.editor.tsx
View File

@@ -1,9 +1,9 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { Star } from "lucide-react"; import { Star } from "lucide-react";
import type { ShopifyProduct } from "@reacteditor/field-shopify"; import type { ShopifyProduct } from "@reacteditor/field-shopify";
import { useProduct } from "~/editor/hooks/use-shopify-products"; import { useProduct } from "@/editor/hooks/use-shopify-products";
import { useShopifyCart } from "~/editor/hooks/use-shopify-cart"; import { useShopifyCart } from "@/editor/hooks/use-shopify-cart";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type FeaturedProductProps = { export type FeaturedProductProps = {
product: ShopifyProduct | null; product: ShopifyProduct | null;

10
editor/components/commerce/product-detail/index.tsx
View File

@@ -2,13 +2,13 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
// local link - plain anchor // local link - plain anchor
import { useProduct, type Product } from '~/editor/hooks/use-shopify-products'; import { useProduct, type Product } from '@/editor/hooks/use-shopify-products';
import { useShopifyCart } from '~/editor/hooks/use-shopify-cart'; import { useShopifyCart } from '@/editor/hooks/use-shopify-cart';
import ProductDetailGallery from './product-detail-gallery'; import ProductDetailGallery from './product-detail-gallery';
import ProductDetailInfo from './product-detail-info'; import ProductDetailInfo from './product-detail-info';
import ProductRecommendations from './product-recommendations'; import ProductRecommendations from './product-recommendations';
import { Button } from '~/editor/components/ui/button'; import { Button } from '@/editor/components/ui/button';
import { Alert, AlertTitle, AlertDescription } from '~/editor/components/ui/alert'; import { Alert, AlertTitle, AlertDescription } from '@/editor/components/ui/alert';
import { import {
Breadcrumb, Breadcrumb,
BreadcrumbList, BreadcrumbList,
@@ -16,7 +16,7 @@ import {
BreadcrumbLink, BreadcrumbLink,
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator, BreadcrumbSeparator,
} from '~/editor/components/ui/breadcrumb'; } from '@/editor/components/ui/breadcrumb';
interface ProductVariant { interface ProductVariant {
id: string; id: string;

2
editor/components/commerce/product-detail/product-detail-gallery.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { Button } from '~/editor/components/ui/button'; import { Button } from '@/editor/components/ui/button';
interface ProductImage { interface ProductImage {
url: string; url: string;

6
editor/components/commerce/product-detail/product-detail-info.tsx
View File

@@ -1,8 +1,8 @@
import React from 'react'; import React from 'react';
import { Product, ProductVariant } from './index.tsx'; import { Product, ProductVariant } from './index.tsx';
import { Button } from '~/editor/components/ui/button'; import { Button } from '@/editor/components/ui/button';
import { Badge } from '~/editor/components/ui/badge'; import { Badge } from '@/editor/components/ui/badge';
import { Spinner } from '~/editor/components/ui/spinner'; import { Spinner } from '@/editor/components/ui/spinner';
interface ProductDetailInfoProps { interface ProductDetailInfoProps {
product: Product; product: Product;

2
editor/components/commerce/product-detail/product-recommendations.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import React from 'react'; import React from 'react';
import { useProductRecommendations } from '~/editor/hooks/use-shopify-products'; import { useProductRecommendations } from '@/editor/hooks/use-shopify-products';
import ProductCard from '../product-card'; import ProductCard from '../product-card';
interface ProductRecommendationsProps { interface ProductRecommendationsProps {

6
editor/components/commerce/product-details.editor.tsx
View File

@@ -2,9 +2,9 @@ import { ComponentConfig } from "@reacteditor/core";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Package } from "lucide-react"; import { Package } from "lucide-react";
import type { ShopifyProduct } from "@reacteditor/field-shopify"; import type { ShopifyProduct } from "@reacteditor/field-shopify";
import { useProduct } from "~/editor/hooks/use-shopify-products"; import { useProduct } from "@/editor/hooks/use-shopify-products";
import { useShopifyCart } from "~/editor/hooks/use-shopify-cart"; import { useShopifyCart } from "@/editor/hooks/use-shopify-cart";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type ProductDetailsProps = { export type ProductDetailsProps = {
product: ShopifyProduct | null; product: ShopifyProduct | null;

8
editor/components/commerce/products-carousel.editor.tsx
View File

@@ -2,17 +2,17 @@ import { ComponentConfig } from "@reacteditor/core";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { GalleryHorizontalEnd } from "lucide-react"; import { GalleryHorizontalEnd } from "lucide-react";
import type { ShopifyCollection } from "@reacteditor/field-shopify"; import type { ShopifyCollection } from "@reacteditor/field-shopify";
import { getProducts } from "~/editor/hooks/use-shopify-products"; import { getProducts } from "@/editor/hooks/use-shopify-products";
import { getCollectionProducts } from "~/editor/hooks/use-shopify-collections"; import { getCollectionProducts } from "@/editor/hooks/use-shopify-collections";
import { ProductCard } from "./product-card"; import { ProductCard } from "./product-card";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
import { import {
Carousel, Carousel,
CarouselContent, CarouselContent,
CarouselItem, CarouselItem,
CarouselNext, CarouselNext,
CarouselPrevious, CarouselPrevious,
} from "~/editor/components/ui/carousel"; } from "@/editor/components/ui/carousel";
export type ProductsCarouselProps = { export type ProductsCarouselProps = {
collection: ShopifyCollection | null; collection: ShopifyCollection | null;

6
editor/components/commerce/products-grid.editor.tsx
View File

@@ -2,10 +2,10 @@ import { ComponentConfig } from "@reacteditor/core";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { LayoutGrid } from "lucide-react"; import { LayoutGrid } from "lucide-react";
import type { ShopifyCollection } from "@reacteditor/field-shopify"; import type { ShopifyCollection } from "@reacteditor/field-shopify";
import { getProducts } from "~/editor/hooks/use-shopify-products"; import { getProducts } from "@/editor/hooks/use-shopify-products";
import { getCollectionProducts } from "~/editor/hooks/use-shopify-collections"; import { getCollectionProducts } from "@/editor/hooks/use-shopify-collections";
import { ProductCard } from "./product-card"; import { ProductCard } from "./product-card";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type ProductsGridProps = { export type ProductsGridProps = {
collection: ShopifyCollection | null; collection: ShopifyCollection | null;

6
editor/components/commerce/products.tsx
View File

@@ -2,9 +2,9 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import ProductCard from './product-card'; import ProductCard from './product-card';
import { getProducts } from '~/editor/hooks/use-shopify-products'; import { getProducts } from '@/editor/hooks/use-shopify-products';
import { Button } from '~/editor/components/ui/button'; import { Button } from '@/editor/components/ui/button';
import { Spinner } from '~/editor/components/ui/spinner'; import { Spinner } from '@/editor/components/ui/spinner';
interface ProductImage { interface ProductImage {
url: string; url: string;

4
editor/components/commerce/recommended-products.editor.tsx
View File

@@ -4,9 +4,9 @@ import type { ShopifyProduct } from "@reacteditor/field-shopify";
import { import {
useProduct, useProduct,
useProductRecommendations, useProductRecommendations,
} from "~/editor/hooks/use-shopify-products"; } from "@/editor/hooks/use-shopify-products";
import { ProductCard } from "./product-card"; import { ProductCard } from "./product-card";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type RecommendedProductsProps = { export type RecommendedProductsProps = {
product: ShopifyProduct | null; product: ShopifyProduct | null;

4
editor/components/commerce/shop-header.tsx
View File

@@ -2,8 +2,8 @@
import React from 'react'; import React from 'react';
// local link - plain anchor // local link - plain anchor
import { useShopifyCart } from '~/editor/hooks/use-shopify-cart'; import { useShopifyCart } from '@/editor/hooks/use-shopify-cart';
import config from '~/editor/lib/config.json'; import config from '@/editor/lib/config.json';
const CartIcon: React.FC = () => { const CartIcon: React.FC = () => {
const { toggleCart, itemCount } = useShopifyCart(); const { toggleCart, itemCount } = useShopifyCart();

4
editor/components/cta/cta.editor.tsx
View File

@@ -1,7 +1,7 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { Megaphone } from "lucide-react"; import { Megaphone } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type CTAProps = { export type CTAProps = {
tagline: string; tagline: string;

2
editor/components/faq/faq.editor.tsx
View File

@@ -1,7 +1,7 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { useState } from "react"; import { useState } from "react";
import { HelpCircle, Plus, Minus } from "lucide-react"; import { HelpCircle, Plus, Minus } from "lucide-react";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type FAQProps = { export type FAQProps = {
tagline: string; tagline: string;

2
editor/components/features/features.editor.tsx
View File

@@ -1,6 +1,6 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { Sparkles } from "lucide-react"; import { Sparkles } from "lucide-react";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type FeaturesProps = { export type FeaturesProps = {
tagline: string; tagline: string;

2
editor/components/footer/footer.editor.tsx
View File

@@ -1,7 +1,7 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { useState } from "react"; import { useState } from "react";
import { LayoutGrid } from "lucide-react"; import { LayoutGrid } from "lucide-react";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type FooterProps = { export type FooterProps = {
brand: string; brand: string;

4
editor/components/hero/hero.editor.tsx
View File

@@ -1,7 +1,7 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { LayoutTemplate } from "lucide-react"; import { LayoutTemplate } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type HeroProps = { export type HeroProps = {
tagline: string; tagline: string;

2
editor/components/landing/banner.editor.tsx
View File

@@ -1,6 +1,6 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { Megaphone } from "lucide-react"; import { Megaphone } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
export type BannerProps = { export type BannerProps = {
text: string; text: string;

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

@@ -1,7 +1,7 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { Images } from "lucide-react"; import { Images } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type ImageGalleryProps = { export type ImageGalleryProps = {
tagline: string; tagline: string;

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

@@ -1,8 +1,8 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { useState } from "react"; import { useState } from "react";
import { Mail } from "lucide-react"; import { Mail } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type NewsletterCtaProps = { export type NewsletterCtaProps = {
tagline: string; tagline: string;

6
editor/components/navigation/navigation.editor.tsx
View File

@@ -1,9 +1,9 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { Menu as MenuIcon, ShoppingBag, Search, User, X } from "lucide-react"; import { Menu as MenuIcon, ShoppingBag, Search, User, X } from "lucide-react";
import { useState } from "react"; import { useState } from "react";
import { useShopifyCart } from "~/editor/hooks/use-shopify-cart"; import { useShopifyCart } from "@/editor/hooks/use-shopify-cart";
import { Sheet, SheetContent, SheetHeader, SheetTitle } from "~/editor/components/ui/sheet"; import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/editor/components/ui/sheet";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
export type NavigationProps = { export type NavigationProps = {
brand: string; brand: string;

2
editor/components/testimonials/testimonials.editor.tsx
View File

@@ -1,7 +1,7 @@
import { ComponentConfig } from "@reacteditor/core"; import { ComponentConfig } from "@reacteditor/core";
import { useState } from "react"; import { useState } from "react";
import { Quote, ArrowLeft, ArrowRight } from "lucide-react"; import { Quote, ArrowLeft, ArrowRight } from "lucide-react";
import { Typography } from "~/editor/theme/Typography"; import { Typography } from "@/editor/theme/Typography";
export type TestimonialsProps = { export type TestimonialsProps = {
tagline: string; tagline: string;

2
editor/components/ui/accordion.tsx
View File

@@ -4,7 +4,7 @@ import * as React from "react";
import * as AccordionPrimitive from "@radix-ui/react-accordion"; import * as AccordionPrimitive from "@radix-ui/react-accordion";
import { ChevronDownIcon } from "lucide-react"; import { ChevronDownIcon } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
function Accordion({ function Accordion({
...props ...props

2
editor/components/ui/alert.tsx
View File

@@ -1,6 +1,6 @@
import * as React from "react" import * as React from "react"
import { cn } from "~/editor/lib/utils" import { cn } from "@/editor/lib/utils"
type AlertVariant = "default" | "destructive" type AlertVariant = "default" | "destructive"

2
editor/components/ui/avatar.tsx
View File

@@ -3,7 +3,7 @@
import * as React from "react"; import * as React from "react";
import * as AvatarPrimitive from "@radix-ui/react-avatar"; import * as AvatarPrimitive from "@radix-ui/react-avatar";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
function Avatar({ function Avatar({
className, className,

2
editor/components/ui/badge.tsx
View File

@@ -2,7 +2,7 @@ import * as React from "react";
import { Slot } from "@radix-ui/react-slot"; import { Slot } from "@radix-ui/react-slot";
import { cva, type VariantProps } from "class-variance-authority"; import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
const badgeVariants = cva( const badgeVariants = cva(
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-[color,box-shadow] overflow-hidden", "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-[color,box-shadow] overflow-hidden",

2
editor/components/ui/breadcrumb.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) { function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {
return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />; return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />;

2
editor/components/ui/button.tsx
View File

@@ -2,7 +2,7 @@ import * as React from "react";
import { Slot } from "@radix-ui/react-slot"; import { Slot } from "@radix-ui/react-slot";
import { cva, type VariantProps } from "class-variance-authority"; import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
const buttonVariants = cva( const buttonVariants = cva(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring", "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring",

2
editor/components/ui/card.tsx
View File

@@ -1,6 +1,6 @@
import * as React from "react"; import * as React from "react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
function Card({ className, ...props }: React.ComponentProps<"div">) { function Card({ className, ...props }: React.ComponentProps<"div">) {
return ( return (

2
editor/components/ui/carousel.tsx
View File

@@ -6,7 +6,7 @@ import React, {
useRef, useRef,
useEffect, useEffect,
} from 'react'; } from 'react';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
import { Button } from './button'; import { Button } from './button';
interface CarouselContextType { interface CarouselContextType {

2
editor/components/ui/empty.tsx
View File

@@ -1,7 +1,7 @@
import React from "react" import React from "react"
import { cva, type VariantProps } from "class-variance-authority" import { cva, type VariantProps } from "class-variance-authority"
import { cn } from "~/editor/lib/utils" import { cn } from "@/editor/lib/utils"
function Empty({ className, ...props }: React.ComponentProps<"div">) { function Empty({ className, ...props }: React.ComponentProps<"div">) {
return ( return (

2
editor/components/ui/input-otp.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { OTPInput, OTPInputContext } from 'input-otp'; import { OTPInput, OTPInputContext } from 'input-otp';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
function InputOTP({ function InputOTP({
className, className,

2
editor/components/ui/input.tsx
View File

@@ -1,6 +1,6 @@
import * as React from "react" import * as React from "react"
import { cn } from "~/editor/lib/utils" import { cn } from "@/editor/lib/utils"
function Input({ className, type, ...props }: React.ComponentProps<"input">) { function Input({ className, type, ...props }: React.ComponentProps<"input">) {
return ( return (

2
editor/components/ui/navigation-menu.tsx
View File

@@ -5,7 +5,7 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
import { cva } from "class-variance-authority"; import { cva } from "class-variance-authority";
import { ChevronDownIcon } from "lucide-react"; import { ChevronDownIcon } from "lucide-react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
function NavigationMenu({ function NavigationMenu({
className, className,

4
editor/components/ui/pagination.tsx
View File

@@ -5,8 +5,8 @@ import {
MoreHorizontalIcon, MoreHorizontalIcon,
} from "lucide-react" } from "lucide-react"
import { cn } from "~/editor/lib/utils" import { cn } from "@/editor/lib/utils"
import { buttonVariants, type Button } from "~/editor/components/ui/button" import { buttonVariants, type Button } from "@/editor/components/ui/button"
function Pagination({ className, ...props }: React.ComponentProps<"nav">) { function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
return ( return (

2
editor/components/ui/select.tsx
View File

@@ -6,7 +6,7 @@ import React, {
useEffect, useEffect,
useCallback, useCallback,
} from 'react'; } from 'react';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
interface SelectContextType { interface SelectContextType {
open: boolean; open: boolean;

2
editor/components/ui/separator.tsx
View File

@@ -3,7 +3,7 @@
import * as React from "react"; import * as React from "react";
import * as SeparatorPrimitive from "@radix-ui/react-separator"; import * as SeparatorPrimitive from "@radix-ui/react-separator";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
function Separator({ function Separator({
className, className,

2
editor/components/ui/sheet.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback, useContext, createContext } from 'react'; import React, { useState, useCallback, useContext, createContext } from 'react';
import { createPortal } from 'react-dom'; import { createPortal } from 'react-dom';
import { motion, AnimatePresence } from 'framer-motion'; import { motion, AnimatePresence } from 'framer-motion';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
interface SheetContextType { interface SheetContextType {
open: boolean; open: boolean;

2
editor/components/ui/skeleton.tsx
View File

@@ -1,4 +1,4 @@
import { cn } from "~/editor/lib/utils" import { cn } from "@/editor/lib/utils"
function Skeleton({ className, ...props }: React.ComponentProps<"div">) { function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
return ( return (

2
editor/components/ui/sonner.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import { toast } from 'sonner'; import { toast } from 'sonner';
import Button from '~/editor/components/ui/button'; import Button from '@/editor/components/ui/button';
export function SonnerDemo() { export function SonnerDemo() {
return ( return (

2
editor/components/ui/spinner.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
interface SpinnerProps extends React.ComponentProps<'svg'> { interface SpinnerProps extends React.ComponentProps<'svg'> {
size?: 'sm' | 'md' | 'lg' | 'xl'; size?: 'sm' | 'md' | 'lg' | 'xl';

2
editor/components/ui/switch.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
interface SwitchProps extends Omit< interface SwitchProps extends Omit<
React.InputHTMLAttributes<HTMLInputElement>, React.InputHTMLAttributes<HTMLInputElement>,

2
editor/components/ui/table.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { cn } from '~/editor/lib/utils'; import { cn } from '@/editor/lib/utils';
function Table({ className, ...props }: React.ComponentProps<'table'>) { function Table({ className, ...props }: React.ComponentProps<'table'>) {
return ( return (

2
editor/components/ui/tabs.tsx
View File

@@ -3,7 +3,7 @@
import * as React from "react"; import * as React from "react";
import * as TabsPrimitive from "@radix-ui/react-tabs"; import * as TabsPrimitive from "@radix-ui/react-tabs";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
function Tabs({ function Tabs({
className, className,

2
editor/components/ui/textarea.tsx
View File

@@ -1,6 +1,6 @@
import * as React from "react" import * as React from "react"
import { cn } from "~/editor/lib/utils" import { cn } from "@/editor/lib/utils"
function Textarea({ className, ...props }: React.ComponentProps<"textarea">) { function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
return ( return (

36
editor/config/index.tsx
View File

@@ -3,27 +3,27 @@ import {
createFieldShopifyCollection, createFieldShopifyCollection,
} from "@reacteditor/field-shopify"; } from "@reacteditor/field-shopify";
import { navigationEditor } from "~/editor/components/navigation/navigation.editor"; import { navigationEditor } from "@/editor/components/navigation/navigation.editor";
import { footerEditor } from "~/editor/components/footer/footer.editor"; import { footerEditor } from "@/editor/components/footer/footer.editor";
import { heroEditor } from "~/editor/components/hero/hero.editor"; import { heroEditor } from "@/editor/components/hero/hero.editor";
import { bannerEditor } from "~/editor/components/landing/banner.editor"; import { bannerEditor } from "@/editor/components/landing/banner.editor";
import { createFeaturedProductEditor } from "~/editor/components/commerce/featured-product.editor"; import { createFeaturedProductEditor } from "@/editor/components/commerce/featured-product.editor";
import { createProductsGridEditor } from "~/editor/components/commerce/products-grid.editor"; import { createProductsGridEditor } from "@/editor/components/commerce/products-grid.editor";
import { createProductsCarouselEditor } from "~/editor/components/commerce/products-carousel.editor"; import { createProductsCarouselEditor } from "@/editor/components/commerce/products-carousel.editor";
import { collectionGridEditor } from "~/editor/components/commerce/collection-grid.editor"; import { collectionGridEditor } from "@/editor/components/commerce/collection-grid.editor";
import { createCollectionEditor } from "~/editor/components/commerce/collection.editor"; import { createCollectionEditor } from "@/editor/components/commerce/collection.editor";
import { createProductDetailsEditor } from "~/editor/components/commerce/product-details.editor"; import { createProductDetailsEditor } from "@/editor/components/commerce/product-details.editor";
import { createRecommendedProductsEditor } from "~/editor/components/commerce/recommended-products.editor"; import { createRecommendedProductsEditor } from "@/editor/components/commerce/recommended-products.editor";
import { featuresEditor } from "~/editor/components/features/features.editor"; import { featuresEditor } from "@/editor/components/features/features.editor";
import { testimonialsEditor } from "~/editor/components/testimonials/testimonials.editor"; import { testimonialsEditor } from "@/editor/components/testimonials/testimonials.editor";
import { imageGalleryEditor } from "~/editor/components/landing/image-gallery.editor"; import { imageGalleryEditor } from "@/editor/components/landing/image-gallery.editor";
import { newsletterCtaEditor } from "~/editor/components/landing/newsletter-cta.editor"; import { newsletterCtaEditor } from "@/editor/components/landing/newsletter-cta.editor";
import { logosEditor } from "~/editor/components/logos/logos.editor"; import { logosEditor } from "@/editor/components/logos/logos.editor";
import { ctaEditor } from "~/editor/components/cta/cta.editor"; import { ctaEditor } from "@/editor/components/cta/cta.editor";
import { faqEditor } from "~/editor/components/faq/faq.editor"; import { faqEditor } from "@/editor/components/faq/faq.editor";
import Root from "./root"; import Root from "./root";
import type { UserConfig } from "./types"; import type { UserConfig } from "./types";

2
editor/config/root.tsx
View File

@@ -1,6 +1,6 @@
import { DefaultRootProps, RootConfig } from "@reacteditor/core"; import { DefaultRootProps, RootConfig } from "@reacteditor/core";
import { createFieldGoogleFonts } from "@reacteditor/field-google-fonts"; import { createFieldGoogleFonts } from "@reacteditor/field-google-fonts";
import { ThemeProvider, ThemeProps } from "~/editor/theme/ThemeProvider"; import { ThemeProvider, ThemeProps } from "@/editor/theme/ThemeProvider";
export type RootProps = DefaultRootProps & export type RootProps = DefaultRootProps &
ThemeProps & { ThemeProps & {

36
editor/config/types.ts
View File

@@ -1,25 +1,25 @@
import { Config, Data } from "@reacteditor/core"; import { Config, Data } from "@reacteditor/core";
import { HeroProps } from "~/editor/components/hero/hero.editor"; import { HeroProps } from "@/editor/components/hero/hero.editor";
import { LogosProps } from "~/editor/components/logos/logos.editor"; import { LogosProps } from "@/editor/components/logos/logos.editor";
import { FeaturesProps } from "~/editor/components/features/features.editor"; import { FeaturesProps } from "@/editor/components/features/features.editor";
import { TestimonialsProps } from "~/editor/components/testimonials/testimonials.editor"; import { TestimonialsProps } from "@/editor/components/testimonials/testimonials.editor";
import { CTAProps } from "~/editor/components/cta/cta.editor"; import { CTAProps } from "@/editor/components/cta/cta.editor";
import { FAQProps } from "~/editor/components/faq/faq.editor"; import { FAQProps } from "@/editor/components/faq/faq.editor";
import { NavigationProps } from "~/editor/components/navigation/navigation.editor"; import { NavigationProps } from "@/editor/components/navigation/navigation.editor";
import { FooterProps } from "~/editor/components/footer/footer.editor"; import { FooterProps } from "@/editor/components/footer/footer.editor";
import { ProductsGridProps } from "~/editor/components/commerce/products-grid.editor"; import { ProductsGridProps } from "@/editor/components/commerce/products-grid.editor";
import { ProductsCarouselProps } from "~/editor/components/commerce/products-carousel.editor"; import { ProductsCarouselProps } from "@/editor/components/commerce/products-carousel.editor";
import { CollectionGridProps } from "~/editor/components/commerce/collection-grid.editor"; import { CollectionGridProps } from "@/editor/components/commerce/collection-grid.editor";
import { CollectionProps } from "~/editor/components/commerce/collection.editor"; import { CollectionProps } from "@/editor/components/commerce/collection.editor";
import { ProductDetailsProps } from "~/editor/components/commerce/product-details.editor"; import { ProductDetailsProps } from "@/editor/components/commerce/product-details.editor";
import { RecommendedProductsProps } from "~/editor/components/commerce/recommended-products.editor"; import { RecommendedProductsProps } from "@/editor/components/commerce/recommended-products.editor";
import { FeaturedProductProps } from "~/editor/components/commerce/featured-product.editor"; import { FeaturedProductProps } from "@/editor/components/commerce/featured-product.editor";
import { BannerProps } from "~/editor/components/landing/banner.editor"; import { BannerProps } from "@/editor/components/landing/banner.editor";
import { NewsletterCtaProps } from "~/editor/components/landing/newsletter-cta.editor"; import { NewsletterCtaProps } from "@/editor/components/landing/newsletter-cta.editor";
import { ImageGalleryProps } from "~/editor/components/landing/image-gallery.editor"; import { ImageGalleryProps } from "@/editor/components/landing/image-gallery.editor";
import { RootProps } from "./root"; import { RootProps } from "./root";

4
editor/contexts/shopify-context.tsx
View File

@@ -7,8 +7,8 @@ import {
addCartLines, addCartLines,
removeCartLines, removeCartLines,
updateCartLines, updateCartLines,
} from '~/editor/hooks/use-shopify-cart'; } from '@/editor/hooks/use-shopify-cart';
import { setShopifyCredentials } from '~/editor/services/shopify/client'; import { setShopifyCredentials } from '@/editor/services/shopify/client';
const CART_ID_KEY = 'cartId'; const CART_ID_KEY = 'cartId';

6
editor/hooks/use-shopify-cart.ts
View File

@@ -1,15 +1,15 @@
'use client'; 'use client';
import { useContext } from 'react'; import { useContext } from 'react';
import { shopifyFetch, SHOPIFY_STORE_DOMAIN } from '~/editor/services/shopify/client'; import { shopifyFetch, SHOPIFY_STORE_DOMAIN } from '@/editor/services/shopify/client';
import { CartContext } from '~/editor/contexts/shopify-context'; import { CartContext } from '@/editor/contexts/shopify-context';
import { import {
CREATE_CART_MUTATION, CREATE_CART_MUTATION,
ADD_CART_LINES_MUTATION, ADD_CART_LINES_MUTATION,
UPDATE_CART_LINES_MUTATION, UPDATE_CART_LINES_MUTATION,
REMOVE_CART_LINES_MUTATION, REMOVE_CART_LINES_MUTATION,
GET_CART_QUERY, GET_CART_QUERY,
} from '~/editor/graphql/cart'; } from '@/editor/graphql/cart';
export interface CartLineInput { export interface CartLineInput {
merchandiseId: string; merchandiseId: string;

4
editor/hooks/use-shopify-collections.ts
View File

@@ -1,11 +1,11 @@
'use client'; 'use client';
import { useState, useEffect, useCallback } from 'react'; import { useState, useEffect, useCallback } from 'react';
import { shopifyFetch } from '~/editor/services/shopify/client'; import { shopifyFetch } from '@/editor/services/shopify/client';
import { import {
GET_COLLECTIONS_QUERY, GET_COLLECTIONS_QUERY,
GET_COLLECTION_PRODUCTS_QUERY, GET_COLLECTION_PRODUCTS_QUERY,
} from '~/editor/graphql/collections'; } from '@/editor/graphql/collections';
import type { Product } from './use-shopify-products'; import type { Product } from './use-shopify-products';
interface CollectionImage { interface CollectionImage {

4
editor/hooks/use-shopify-products.ts
View File

@@ -1,12 +1,12 @@
'use client'; 'use client';
import { useState, useEffect, useCallback } from 'react'; import { useState, useEffect, useCallback } from 'react';
import { shopifyFetch } from '~/editor/services/shopify/client'; import { shopifyFetch } from '@/editor/services/shopify/client';
import { import {
GET_PRODUCTS_QUERY, GET_PRODUCTS_QUERY,
GET_PRODUCT_QUERY, GET_PRODUCT_QUERY,
QUERY_PRODUCT_RECOMMENDATIONS, QUERY_PRODUCT_RECOMMENDATIONS,
} from '~/editor/graphql/products'; } from '@/editor/graphql/products';
interface ProductImage { interface ProductImage {
url: string; url: string;

2
editor/theme/Typography.tsx
View File

@@ -1,5 +1,5 @@
import * as React from "react"; import * as React from "react";
import { cn } from "~/editor/lib/utils"; import { cn } from "@/editor/lib/utils";
export type TypographyVariant = export type TypographyVariant =
| "h1" | "h1"