@tulip-systems/core 0.4.1 → 0.5.0

package/dist/uploads.mjs

@@ -1,7 +0,0 @@
-import { deviceSizes, imageDispositions, imageVariants } from "./modules/uploads/lib/constants.mjs";
-import { getFileUrl, inferNodeSubtype, isFile, isFolder, nodeSubtypes, renderBytes } from "./modules/uploads/lib/helpers.mjs";
-import { assets, nodeModeEnum, nodePresignedUrls, nodePresignedUrlsRelations, nodeTypeEnum, nodes, nodesRelations } from "./modules/uploads/lib/schema.mjs";
-import { nodesTableFilters } from "./modules/uploads/lib/filters.mjs";
-import { createAssetSchema, createNodeSchema, nodeModeSchema, nodesTableFiltersSchema, selectNodeSchema, selectNodeWithChildrenSchema } from "./modules/uploads/lib/validators.mjs";
-
-export { assets, createAssetSchema, createNodeSchema, deviceSizes, getFileUrl, imageDispositions, imageVariants, inferNodeSubtype, isFile, isFolder, nodeModeEnum, nodeModeSchema, nodePresignedUrls, nodePresignedUrlsRelations, nodeSubtypes, nodeTypeEnum, nodes, nodesRelations, nodesTableFilters, nodesTableFiltersSchema, renderBytes, selectNodeSchema, selectNodeWithChildrenSchema };

package/src/components/editor/components/fixed-menu.client.tsx

@@ -1,143 +0,0 @@
-import { ColorPicker } from "@/components/ui/color-picker.client";
-import { Button } from "@/components/ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { Separator } from "@/components/ui/separator";
-import {
-  BaselineIcon,
-  BoldIcon,
-  EraserIcon,
-  ItalicIcon,
-  PaintBucketIcon,
-  RedoIcon,
-  StrikethroughIcon,
-  UnderlineIcon,
-  UndoIcon,
-} from "lucide-react";
-import { useContext } from "react";
-import { EditorContext } from "../context.client";
-import { BlockDropdown } from "./block-dropdown";
-
-export function FixedMenu() {
-  const { editor } = useContext(EditorContext);
-
-  return (
-    <div className="border-input bg-muted/30 z-10 flex items-center gap-3 overflow-auto border-b p-2">
-      <div className="flex items-center gap-1">
-        <Button
-          onClick={() => editor.commands.undo()}
-          disabled={!editor?.can().undo()}
-          type="button"
-          aria-label="Undo"
-          size="icon"
-          className="p-2"
-          variant="outline"
-        >
-          <UndoIcon className="size-3.5" />
-        </Button>
-
-        <Button
-          onClick={() => editor.commands.redo()}
-          disabled={!editor?.can().redo()}
-          type="button"
-          aria-label="Redo"
-          size="icon"
-          className="p-2"
-          variant="outline"
-        >
-          <RedoIcon className="size-3.5" />
-        </Button>
-      </div>
-
-      <Separator orientation="vertical" className="h-8" />
-
-      <BlockDropdown />
-
-      <Separator orientation="vertical" className="h-8" />
-
-      <div className="flex items-center gap-1">
-        <Button
-          type="button"
-          size="icon"
-          variant={editor?.isActive("bold") ? "secondary" : "outline"}
-          onClick={() => editor.chain().focus().toggleBold().run()}
-          className="border"
-        >
-          <BoldIcon className="h-3.5 w-3.5" />
-        </Button>
-
-        <Button
-          type="button"
-          size="icon"
-          variant={editor?.isActive("italic") ? "secondary" : "outline"}
-          onClick={() => editor.chain().focus().toggleItalic().run()}
-          className="border"
-        >
-          <ItalicIcon className="size-3.5" />
-        </Button>
-
-        <Button
-          type="button"
-          size="icon"
-          variant={editor?.isActive("underline") ? "secondary" : "outline"}
-          onClick={() => editor.chain().focus().toggleUnderline().run()}
-          className="border"
-        >
-          <UnderlineIcon className="size-3.5" />
-        </Button>
-
-        <Button
-          type="button"
-          size="icon"
-          variant={editor?.isActive("strike") ? "secondary" : "outline"}
-          onClick={() => editor.chain().focus().toggleStrike().run()}
-          className="border"
-        >
-          <StrikethroughIcon className="size-3.5" />
-        </Button>
-      </div>
-
-      <Separator orientation="vertical" className="h-8" />
-
-      <div className="flex items-center gap-1">
-        <Popover>
-          <PopoverTrigger asChild>
-            <Button size="icon" variant="outline">
-              <BaselineIcon className="size-3.5" />
-            </Button>
-          </PopoverTrigger>
-
-          <PopoverContent className="w-fit p-0">
-            <ColorPicker onValueChange={(color) => editor.chain().focus().setColor(color).run()} />
-          </PopoverContent>
-        </Popover>
-
-        <Popover>
-          <PopoverTrigger asChild>
-            <Button size="icon" variant="outline" disabled={!editor?.can().setHighlight()}>
-              <PaintBucketIcon className="size-3.5" />
-            </Button>
-          </PopoverTrigger>
-
-          <PopoverContent className="w-fit p-0">
-            <ColorPicker
-              onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}
-            />
-          </PopoverContent>
-        </Popover>
-
-        <Button
-          type="button"
-          size="icon"
-          variant="outline"
-          className="border"
-          onClick={() => {
-            editor.commands.unsetColor();
-            editor.commands.unsetHighlight();
-          }}
-        >
-          <EraserIcon className="h-4 w-4" />
-        </Button>
-      </div>
-    </div>
-  );
-}

package/src/components/editor/context.client.tsx

@@ -1,116 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils/cn";
-import { Color } from "@tiptap/extension-color";
-import Highlight from "@tiptap/extension-highlight";
-import Link from "@tiptap/extension-link";
-import { TextStyle } from "@tiptap/extension-text-style";
-import Underline from "@tiptap/extension-underline";
-import { Content, Editor, useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import { createContext, PropsWithChildren } from "react";
-import { EditorJSONContent } from "./lib/types";
-
-/**
- * Editor context
- */
-type EditorContextValue = {
-  editor: Editor;
-};
-
-export const EditorContext = createContext({} as EditorContextValue);
-
-/**
- * Editor context provider
- */
-type EditorContextProviderProps = PropsWithChildren<{
-  value?: Content;
-  onChange?: (value: EditorJSONContent) => void;
-  disabled?: boolean;
-  className?: string;
-}>;
-
-export function EditorContextProvider({
-  value,
-  onChange,
-  disabled,
-  className,
-  children,
-}: EditorContextProviderProps) {
-  // const { uploadImage } = useUploadEditor();
-
-  const editor = useEditor({
-    extensions: [
-      StarterKit,
-      Underline,
-      Link,
-      TextStyle,
-      Color,
-      Highlight.configure({ multicolor: true }),
-      // Image.configure({
-      //   allowBase64: false,
-      // }),
-      // FileHandler.configure({
-      //   allowedMimeTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
-      //   onDrop: (currentEditor, files, pos) => {
-      //     files.forEach((file) => {
-      //       const fileReader = new FileReader();
-
-      //       fileReader.readAsArrayBuffer(file);
-      //       fileReader.onload = async () => {
-      //         const response = await uploadImage(file);
-      //         if (!response) return;
-
-      //         currentEditor
-      //           .chain()
-      //           .insertContentAt(pos, {
-      //             type: "image",
-      //             attrs: { src: response.url },
-      //           })
-      //           .focus()
-      //           .run();
-      //       };
-      //     });
-      //   },
-      //   onPaste: (currentEditor, files) => {
-      //     files.forEach((file) => {
-      //       const fileReader = new FileReader();
-
-      //       fileReader.readAsArrayBuffer(file);
-      //       fileReader.onload = async () => {
-      //         const response = await uploadImage(file);
-      //         if (!response) return;
-
-      //         currentEditor
-      //           .chain()
-      //           .insertContentAt(currentEditor.state.selection.anchor, {
-      //             type: "image",
-      //             attrs: { src: response.url },
-      //           })
-      //           .focus()
-      //           .run();
-      //       };
-      //     });
-      //   },
-      // }),
-    ],
-    content: value,
-    onUpdate: ({ editor }) => onChange?.(editor.getJSON()),
-    editable: !disabled,
-    injectCSS: false,
-    immediatelyRender: false,
-    editorProps: {
-      transformPastedHTML: (html) => html.replace(/<img.*?>/g, ""),
-      attributes: {
-        class: cn(
-          "prose max-w-full min-h-96 dark:prose-invert p-5 focus:outline-none prose-a:text-primary prose-li:marker:text-primary",
-          className,
-        ),
-      },
-    },
-  });
-
-  if (!editor) return null;
-
-  return <EditorContext.Provider value={{ editor }}>{children}</EditorContext.Provider>;
-}

package/src/components/editor/index.client.tsx

@@ -1,13 +0,0 @@
-import { cn } from "@/lib/utils/cn";
-import { type HTMLAttributes } from "react";
-import { EditorContent } from "./components/content.client";
-import { FixedMenu } from "./components/fixed-menu.client";
-
-export function Editor({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div className={cn("border-input rounded-lg border", className)} {...props}>
-      <FixedMenu />
-      <EditorContent />
-    </div>
-  );
-}

package/src/components/editor/preview.client.tsx

@@ -1,13 +0,0 @@
-"use client";
-
-import { EditorContent } from "./components/content.client";
-import { EditorContextProvider } from "./context.client";
-import { EditorJSONContent } from "./lib/types";
-
-export function EditorPreview({ value }: { value?: EditorJSONContent }) {
-  return (
-    <EditorContextProvider value={value} className="min-h-0 p-0" disabled>
-      <EditorContent />
-    </EditorContextProvider>
-  );
-}

package/src/modules/config/providers/blob.ts

@@ -1,11 +0,0 @@
-import "server-cli-only";
-
-import { S3Client, S3ClientConfig } from "@aws-sdk/client-s3";
-
-type InitBlobProviderProps = S3ClientConfig;
-
-export function initBlobProvider(props: InitBlobProviderProps) {
-  return new S3Client(props);
-}
-
-export type BlobClient = ReturnType<typeof initBlobProvider>;

package/src/modules/inline-edit/components/richtext.client.tsx

@@ -1,38 +0,0 @@
-"use client";
-
-import { EditorContextProvider } from "@/components/editor/context.client";
-import { Editor } from "@/components/editor/index.client";
-import { Input } from "@/components/ui/input";
-import { ComponentProps, useEffect } from "react";
-import { useDebounce } from "use-debounce";
-import { useInlineEdit, type useInlineEditOptions } from "../hooks/use-inline.client";
-
-export function InlineRichtext({
-  initialValue,
-  action,
-  disabled,
-  ...props
-}: Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<string>) {
-  const { value, setValue, handleUpdate } = useInlineEdit<string>({
-    initialValue,
-    action,
-  });
-
-  const [debouncedValue] = useDebounce(value, 500);
-
-  useEffect(() => {
-    if (!value) return;
-    handleUpdate(value);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [debouncedValue]);
-
-  return (
-    <EditorContextProvider
-      value={value ? JSON.parse(value) : undefined}
-      onChange={(value) => setValue(JSON.stringify(value))}
-      disabled={disabled}
-    >
-      <Editor {...props} />
-    </EditorContextProvider>
-  );
-}

package/src/modules/uploads/components/images/grid.client.tsx

@@ -1,162 +0,0 @@
-"use client";
-
-import { Icons } from "@/components/common/icons";
-import { Button } from "@/components/ui/button";
-import { Card } from "@/components/ui/card";
-import {
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselNext,
-  CarouselPrevious,
-} from "@/components/ui/carousel";
-import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog.client";
-import { cn } from "@/lib/utils/cn";
-import {
-  closestCenter,
-  DndContext,
-  KeyboardSensor,
-  PointerSensor,
-  useDroppable,
-  useSensor,
-  useSensors,
-} from "@dnd-kit/core";
-import {
-  rectSortingStrategy,
-  SortableContext,
-  sortableKeyboardCoordinates,
-  useSortable,
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { GripIcon } from "lucide-react";
-import Image from "next/image";
-import React, { type HTMLAttributes } from "react";
-import { useUploadZone } from "../../hooks/use-upload-zone.client";
-import { ImageInput } from "./input.client";
-
-/**
- * Image Grid
- */
-export function ImageGrid(props: HTMLAttributes<HTMLElement>) {
-  const { files, disabled, onUpload, onMove } = useUploadZone();
-
-  const [current, setCurrent] = React.useState<number>(0);
-
-  const { setNodeRef } = useDroppable({ id: "image grid" });
-  const sensors = useSensors(
-    useSensor(PointerSensor),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates,
-    }),
-  );
-
-  return (
-    <Dialog {...props}>
-      <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={onMove}>
-        <div
-          ref={setNodeRef}
-          className="grid grid-cols-[repeat(auto-fill,_minmax(10rem,_1fr))] gap-5"
-        >
-          <SortableContext items={files.map((file) => file.url)} strategy={rectSortingStrategy}>
-            {files.map(({ url, isLoading }, index) => (
-              <ImageGridItem
-                key={url}
-                url={url}
-                index={index}
-                isLoading={isLoading}
-                setCurrent={setCurrent}
-              />
-            ))}
-
-            {!disabled && <ImageInput onUpload={onUpload} />}
-          </SortableContext>
-        </div>
-      </DndContext>
-
-      <Carousel className="w-full" opts={{ startIndex: current }}>
-        <DialogContent className="border-none bg-transparent p-0 shadow-none md:max-w-[80vw] xl:max-w-[60vw]">
-          <CarouselContent className="md:max-h-[80vh]">
-            {files.map(({ url }, index) => (
-              <CarouselItem key={index} className="overflow-hidden rounded-xl">
-                <Image
-                  src={url}
-                  alt="Image Preview"
-                  width={1920}
-                  height={1080}
-                  className="h-full w-full rounded-xl object-contain"
-                />
-              </CarouselItem>
-            ))}
-          </CarouselContent>
-          <CarouselPrevious />
-          <CarouselNext />
-        </DialogContent>
-      </Carousel>
-    </Dialog>
-  );
-}
-
-/**
- * Image Grid Item
- */
-type ImageGridItemProps = {
-  url: string;
-  index: number;
-  isLoading: boolean | undefined;
-  setCurrent: React.Dispatch<React.SetStateAction<number>>;
-};
-
-function ImageGridItem({ url, index, isLoading, setCurrent }: ImageGridItemProps) {
-  const { onDelete, onMove } = useUploadZone();
-
-  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
-    id: url,
-  });
-
-  return (
-    <Card
-      id={url}
-      ref={setNodeRef}
-      style={{
-        transform: CSS.Transform.toString(transform),
-        transition,
-      }}
-      className={cn("group relative aspect-square w-full", isLoading && "opacity-30")}
-    >
-      <DialogTrigger onClick={() => setCurrent(index)}>
-        <Image
-          src={url}
-          alt="Image Preview"
-          width={100}
-          height={100}
-          className="bg-muted absolute inset-0 h-full w-full cursor-pointer rounded-lg object-contain"
-        />
-      </DialogTrigger>
-
-      {onMove && (
-        <Button
-          {...attributes}
-          {...listeners}
-          type="button"
-          variant="secondary"
-          size="icon"
-          className="absolute right-2 top-2 hidden p-1 group-hover:flex"
-        >
-          <GripIcon className="size-4" />
-        </Button>
-      )}
-
-      {onDelete && (
-        <Button
-          type="button"
-          variant="destructive"
-          size="icon"
-          onClick={() => onDelete(url)}
-          className="absolute left-2 top-2 hidden p-1 group-hover:flex"
-        >
-          <Icons.trash className="size-4" />
-        </Button>
-      )}
-    </Card>
-  );
-}

package/src/modules/uploads/components/images/input.client.tsx

@@ -1,34 +0,0 @@
-import "client-only";
-
-import { Input } from "@/components/ui/input";
-import { cn } from "@/lib/utils/cn";
-import { UploadIcon } from "lucide-react";
-import React from "react";
-
-export type ImageInputProps = React.HTMLAttributes<HTMLElement> & {
-  onUpload: (file: File) => void;
-};
-
-export function ImageInput({ onUpload, className, ...props }: ImageInputProps) {
-  return (
-    <label
-      {...props}
-      className={cn(
-        "border-muted-foreground bg-muted hover:border-primary relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed",
-        className,
-      )}
-    >
-      <UploadIcon className="h-8 w-8" />
-      <Input
-        type="file"
-        accept="image/jpeg, image/png, image/webp, image/gif"
-        className="absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0"
-        multiple
-        onChange={(e) => {
-          if (!e.target.files) return;
-          return Array.from(e.target.files).map(onUpload);
-        }}
-      />
-    </label>
-  );
-}

package/src/modules/uploads/components/preview-dialog.client.tsx

@@ -1,21 +0,0 @@
-import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog.client";
-import Image from "next/image";
-
-type AssetPreviewDialogProps = {
-  children: React.ReactNode;
-  src: string;
-};
-
-export function AssetPreviewDialog({ children, src }: AssetPreviewDialogProps) {
-  return (
-    <Dialog>
-      {children}
-
-      <DialogContent className="max-h-[80vh] overflow-hidden border-none p-0 lg:min-w-[40vw]">
-        <Image src={src} alt="preview" className="h-full w-full" width={1920} height={1080} />
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-export const AssetPreviewDialogTrigger = DialogTrigger;

package/src/modules/uploads/components/zone.client.tsx

@@ -1,56 +0,0 @@
-"use client";
-
-import { Input } from "@/components/ui/input";
-import { cn } from "@/lib/utils/cn";
-import React, { useState, type HTMLAttributes } from "react";
-import {
-  UploadFile,
-  UploadZoneContext,
-  UploadZoneContextValue,
-} from "../hooks/use-upload-zone.client";
-
-/**
- * UploadZone
- */
-type UploadZoneProps<TFile extends UploadFile> = HTMLAttributes<HTMLElement> & {
-  children?: React.ReactNode;
-  value: UploadZoneContextValue<TFile>;
-};
-
-export function UploadZone<TFile extends UploadFile>({
-  value,
-  children,
-  className,
-  ...props
-}: UploadZoneProps<TFile>) {
-  const [isDragging, setIsDragging] = useState(false);
-
-  return (
-    <UploadZoneContext.Provider value={value}>
-      <div
-        {...props}
-        className={cn("relative z-0 space-y-6", className)}
-        onDragOver={() => setIsDragging(true)}
-        onDragLeave={() => setIsDragging(false)}
-      >
-        {isDragging && (
-          <div className="border-primary bg-primary/20 absolute -inset-5 z-10 rounded-md border opacity-70 backdrop-blur-3xl">
-            <Input
-              multiple
-              type="file"
-              className="h-full w-full opacity-0"
-              onChange={(e) => {
-                setIsDragging(false);
-
-                if (!e.target.files) return;
-                Array.from(e.target.files).forEach(value.onUpload);
-              }}
-            />
-          </div>
-        )}
-
-        {children}
-      </div>
-    </UploadZoneContext.Provider>
-  );
-}

package/src/modules/uploads/entry.client.ts

@@ -1,16 +0,0 @@
-/**
- * Components
- */
-export * from "./components/button.client";
-export * from "./components/dropzone/context";
-export * from "./components/dropzone/index";
-export * from "./components/images/grid.client";
-export * from "./components/images/input.client";
-export * from "./components/preview-dialog.client";
-export * from "./components/zone.client";
-
-/**
- * Hooks
- */
-export * from "./hooks/use-upload-image.client";
-export * from "./hooks/use-upload-zone.client";

package/src/modules/uploads/entry.server.ts

@@ -1,6 +0,0 @@
-/**
- * Lib
- */
-export * from "./lib/procedures.server";
-export * from "./lib/proxy.server";
-export * from "./lib/route.server";