♻️ (builder) Change to features-centric folder structure

apps/builder/src/utils/api/dbRules.ts

@@ -0,0 +1,80 @@
+import { CollaborationType, Plan, Prisma, User, WorkspaceRole } from 'db'
+import prisma from '@/lib/prisma'
+import { NextApiResponse } from 'next'
+import { env, isNotEmpty } from 'utils'
+import { forbidden } from 'utils/api'
+
+const parseWhereFilter = (
+  typebotIds: string[] | string,
+  user: User,
+  type: 'read' | 'write'
+): Prisma.TypebotWhereInput => ({
+  OR: [
+    {
+      id: typeof typebotIds === 'string' ? typebotIds : { in: typebotIds },
+      collaborators: {
+        some: {
+          userId: user.id,
+          type: type === 'write' ? CollaborationType.WRITE : undefined,
+        },
+      },
+    },
+    {
+      id: typeof typebotIds === 'string' ? typebotIds : { in: typebotIds },
+      workspace:
+        (type === 'read' && user.email === process.env.ADMIN_EMAIL) ||
+        isNotEmpty(env('E2E_TEST'))
+          ? undefined
+          : {
+              members: {
+                some: { userId: user.id, role: { not: WorkspaceRole.GUEST } },
+              },
+            },
+    },
+  ],
+})
+
+export const canReadTypebot = (typebotId: string, user: User) =>
+  parseWhereFilter(typebotId, user, 'read')
+
+export const canWriteTypebot = (typebotId: string, user: User) =>
+  parseWhereFilter(typebotId, user, 'write')
+
+export const canReadTypebots = (typebotIds: string[], user: User) =>
+  parseWhereFilter(typebotIds, user, 'read')
+
+export const canWriteTypebots = (typebotIds: string[], user: User) =>
+  parseWhereFilter(typebotIds, user, 'write')
+
+export const canEditGuests = (user: User, typebotId: string) => ({
+  id: typebotId,
+  workspace: {
+    members: {
+      some: { userId: user.id, role: { not: WorkspaceRole.GUEST } },
+    },
+  },
+})
+
+export const canPublishFileInput = async ({
+  userId,
+  workspaceId,
+  res,
+}: {
+  userId: string
+  workspaceId: string
+  res: NextApiResponse
+}) => {
+  const workspace = await prisma.workspace.findFirst({
+    where: { id: workspaceId, members: { some: { userId } } },
+    select: { plan: true },
+  })
+  if (!workspace) {
+    forbidden(res, 'workspace not found')
+    return false
+  }
+  if (workspace?.plan === Plan.FREE) {
+    forbidden(res, 'You need to upgrade your plan to use file input blocks')
+    return false
+  }
+  return true
+}

apps/builder/src/utils/api/storage.ts

@@ -0,0 +1,36 @@
+import { Client } from 'minio'
+
+export const deleteFiles = async ({
+  urls,
+}: {
+  urls: string[]
+}): Promise<void> => {
+  if (
+    !process.env.S3_ENDPOINT ||
+    !process.env.S3_ACCESS_KEY ||
+    !process.env.S3_SECRET_KEY
+  )
+    throw new Error(
+      'S3 not properly configured. Missing one of those variables: S3_ENDPOINT, S3_ACCESS_KEY, S3_SECRET_KEY'
+    )
+
+  const useSSL =
+    process.env.S3_SSL && process.env.S3_SSL === 'false' ? false : true
+  const minioClient = new Client({
+    endPoint: process.env.S3_ENDPOINT,
+    port: process.env.S3_PORT ? parseInt(process.env.S3_PORT) : undefined,
+    useSSL,
+    accessKey: process.env.S3_ACCESS_KEY,
+    secretKey: process.env.S3_SECRET_KEY,
+    region: process.env.S3_REGION,
+  })
+
+  const bucket = process.env.S3_BUCKET ?? 'typebot'
+
+  return minioClient.removeObjects(
+    bucket,
+    urls
+      .filter((url) => url.includes(process.env.S3_ENDPOINT as string))
+      .map((url) => url.split(`/${bucket}/`)[1])
+  )
+}

apps/builder/src/utils/helpers.ts

@@ -0,0 +1,111 @@
+import imageCompression from 'browser-image-compression'
+import { Block, Typebot } from 'models'
+
+export const fetcher = async (input: RequestInfo, init?: RequestInit) => {
+  const res = await fetch(input, init)
+  return res.json()
+}
+
+export const isMobile =
+  typeof window !== 'undefined' &&
+  window.matchMedia('only screen and (max-width: 760px)').matches
+
+export const preventUserFromRefreshing = (e: BeforeUnloadEvent) => {
+  e.preventDefault()
+  e.returnValue = ''
+}
+
+export const toKebabCase = (value: string) => {
+  const matched = value.match(
+    /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+  )
+  if (!matched) return ''
+  return matched.map((x) => x.toLowerCase()).join('-')
+}
+
+export const compressFile = async (file: File) => {
+  const options = {
+    maxSizeMB: 0.5,
+    maxWidthOrHeight: 1600,
+  }
+  return ['image/jpg', 'image/jpeg', 'image/png'].includes(file.type)
+    ? imageCompression(file, options)
+    : file
+}
+
+export const removeUndefinedFields = <T extends Record<string, unknown>>(
+  obj: T
+): T =>
+  Object.keys(obj).reduce(
+    (acc, key) =>
+      obj[key as keyof T] === undefined
+        ? { ...acc }
+        : { ...acc, [key]: obj[key as keyof T] },
+    {} as T
+  )
+
+export const blockHasOptions = (block: Block) => 'options' in block
+
+export const parseVariableHighlight = (content: string, typebot: Typebot) => {
+  const varNames = typebot.variables.map((v) => v.name)
+  return content.replace(/\{\{(.*?)\}\}/g, (fullMatch, foundVar) => {
+    if (varNames.some((val) => foundVar.includes(val))) {
+      return `<span style="background-color:#ff8b1a; color:#ffffff; padding: 0.125rem 0.25rem; border-radius: 0.35rem">${fullMatch.replace(
+        /{{|}}/g,
+        ''
+      )}</span>`
+    }
+    return fullMatch
+  })
+}
+
+export const setMultipleRefs =
+  (refs: React.MutableRefObject<HTMLDivElement | null>[]) =>
+  (elem: HTMLDivElement) =>
+    refs.forEach((ref) => (ref.current = elem))
+
+export const readFile = (file: File): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    const fr = new FileReader()
+    fr.onload = () => {
+      fr.result && resolve(fr.result.toString())
+    }
+    fr.onerror = reject
+    fr.readAsText(file)
+  })
+}
+
+export const timeSince = (date: string) => {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  //@ts-ignore
+  const seconds = Math.floor((new Date() - new Date(date)) / 1000)
+
+  let interval = seconds / 31536000
+
+  if (interval > 1) {
+    return Math.floor(interval) + ' years'
+  }
+  interval = seconds / 2592000
+  if (interval > 1) {
+    return Math.floor(interval) + ' months'
+  }
+  interval = seconds / 86400
+  if (interval > 1) {
+    return Math.floor(interval) + 'd'
+  }
+  interval = seconds / 3600
+  if (interval > 1) {
+    return Math.floor(interval) + 'h'
+  }
+  interval = seconds / 60
+  if (interval > 1) {
+    return Math.floor(interval) + 'm'
+  }
+  return Math.floor(seconds) + 's'
+}
+
+export const isCloudProdInstance = () =>
+  typeof window !== 'undefined' && window.location.hostname === 'app.typebot.io'
+
+export const numberWithCommas = (x: number) =>
+  x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')