webstudio/app/shared/db/breakpoints.server.ts

import {
  initialBreakpoints,
  type Project,
  type Tree,
  type Breakpoint,
} from "@webstudio-is/sdk";
import ObjectId from "bson-objectid";
import { applyPatches, type Patch } from "immer";
import { prisma } from "./prisma.server";

export const load = async (projectId: Project["id"]) => {
  return await prisma.breakpoints.findUnique({
    where: { projectId },
  });
};

export const getBreakpointsWithId = () =>
  initialBreakpoints.map((breakpoint) => ({
    ...breakpoint,
    id: ObjectId().toString(),
  }));

export const create = async (
  projectId: Project["id"],
  breakpoints: Array<Breakpoint>
) => {
  const data = {
    projectId,
    values: breakpoints,
  };
  await prisma.breakpoints.create({ data });
  return data;
};

export const patch = async (
  { projectId }: { treeId: Tree["id"]; projectId: Project["id"] },
  patches: Array<Patch>
) => {
  const breakpoints = await load(projectId);
  if (breakpoints === null) return;
  const nextBreakpoints = applyPatches(breakpoints.values, patches);
  await prisma.breakpoints.update({
    where: { projectId: projectId },
    data: { values: nextBreakpoints },
  });
};