Merge pull request #2114 from undb-io/release/v1.0.0-110

Release version v1.0.0-110

Author: nichenqin

CHANGELOG.md

@@ -1,5 +1,7 @@
 # Changelog
 
+## v1.0.0-110
+
 ## v1.0.0-109
 
 

Dockerfile

@@ -1,5 +1,8 @@
 FROM node:22 as builder
 
+ARG CDN_URL
+ENV PUBLIC_CDN_URL=$CDN_URL
+
 WORKDIR /usr/src/app
 
 RUN npm i -g bun

apps/backend/src/modules/web/web.tsx

@@ -6,28 +6,38 @@ import Elysia from "elysia"
 @singleton()
 export class Web {
   route() {
-    const index = Bun.file("dist/index.html")
+    const cdnUrl = process.env.PUBLIC_CDN_URL
+    const getAsset = async (path: string) => {
+      if (cdnUrl) {
+        const response = await fetch(`${cdnUrl}${path}`)
+        return response.text()
+      }
+      return Bun.file(`dist${path}`).text()
+    }
+
+    const getIndex = () => getAsset("/index.html")
+
     return new Elysia()
       .use(staticPlugin({ prefix: "/", assets: "dist" }))
       .use(staticPlugin({ prefix: "/assets", assets: "assets" }))
-      .get("/", () => index)
-      .get("/t/*", () => index)
-      .get("/dashboards/*", () => index)
-      .get("/s/*", () => index)
-      .get("/bases/*", () => index)
-      .get("/account/*", () => index)
-      .get("/settings", () => index)
-      .get("/login", () => index)
-      .get("/signup", (ctx) => {
+      .get("/", () => getIndex())
+      .get("/t/*", () => getIndex())
+      .get("/dashboards/*", () => getIndex())
+      .get("/s/*", () => getIndex())
+      .get("/bases/*", () => getIndex())
+      .get("/account/*", () => getIndex())
+      .get("/settings", () => getIndex())
+      .get("/login", () => getIndex())
+      .get("/signup", async (ctx) => {
         if (env.UNDB_DISABLE_REGISTRATION) {
           ctx.redirect("/login", 302)
           return
         }
-        return index
+        return getIndex()
       })
-      .get("/verify-email", () => index)
-      .get("/reset-password/*", () => index)
-      .get("/create-from-share/*", () => index)
-      .get("/templates/*", () => index)
+      .get("/verify-email", () => getIndex())
+      .get("/reset-password/*", () => getIndex())
+      .get("/create-from-share/*", () => getIndex())
+      .get("/templates/*", () => getIndex())
   }
 }

apps/frontend/schema.graphql

@@ -60,6 +60,7 @@ enum FieldType {
   date
   duration
   email
+  formula
   id
   json
   longText

apps/frontend/src/lib/components/blocks/aggregate/config/aggregate-config.svelte

@@ -47,7 +47,7 @@
     mutationFn: trpc.table.view.widget.update.mutate,
     async onSuccess(data, variables, context) {
       if (table) {
-        await invalidate(`table:${table.id.value}`)
+        await invalidate(`undb:table:${table.id.value}`)
         await tick()
         await client.invalidateQueries({ queryKey: ["aggregate", table.id.value, widget.id] })
       }

apps/frontend/src/lib/components/blocks/base/base-detail.svelte

@@ -39,35 +39,39 @@
     {#if $hasPermission("table:create")}
       <button
         type="button"
-        class="flex h-32 w-80 flex-col justify-between rounded-lg border bg-gray-100 px-4 py-7 text-left transition-all hover:bg-gray-200/50 hover:shadow-lg"
+        class="flex h-32 w-80 flex-col justify-between rounded-lg border bg-neutral-50 px-4 py-7 text-left transition-all hover:bg-neutral-100/70 hover:shadow-md"
         on:click={() => {
           baseId.set(base.id)
           openModal(CREATE_TABLE_MODAL)
         }}
       >
-        <PlusCircleIcon class="text-muted-foreground" />
+        <PlusCircleIcon class="text-blue-600" />
 
         Create New Table
       </button>
       <button
         type="button"
-        class="flex h-32 w-80 flex-col justify-between rounded-lg border bg-gray-100 px-4 py-7 text-left transition-all hover:bg-gray-200/50 hover:shadow-lg"
+        class="flex h-32 w-80 flex-col justify-between rounded-lg border bg-neutral-50 px-4 py-7 text-left transition-all hover:bg-neutral-100/70 hover:shadow-md"
         on:click={() => {
           baseId.set(base.id)
           openModal(IMPORT_TABLE_MODAL)
         }}
       >
-        <ImportIcon class="text-muted-foreground" />
+        <ImportIcon class="text-orange-600" />
 
         Import Table
       </button>
     {/if}
     {#if $hasPermission("dashboard:create")}
       <button
         type="button"
-        class="flex h-32 w-80 flex-col justify-between rounded-lg border bg-gray-100 px-4 py-7 text-left transition-all hover:bg-gray-200/50 hover:shadow-lg"
+        class="flex h-32 w-80 flex-col justify-between rounded-lg border bg-neutral-50 px-4 py-7 text-left transition-all hover:bg-neutral-100/70 hover:shadow-md"
+        on:click={() => {
+          baseId.set(base.id)
+          openModal(CREATE_DASHBOARD_MODAL)
+        }}
       >
-        <LayoutDashboardIcon class="text-muted-foreground" />
+        <LayoutDashboardIcon class="text-green-600" />
 
         Create New Dashboard
       </button>
@@ -76,14 +80,14 @@
 
   <section class="flex flex-1 flex-col overflow-hidden pt-3">
     {#if base.dashboards.length > 0}
-      <h3 class="mt-2 text-2xl font-semibold tracking-tight">Dashboards</h3>
+      <h3 class="mt-2 text-xl font-semibold tracking-tight">Dashboards</h3>
 
       <div class="mt-4 flex flex-wrap gap-2 overflow-y-auto">
         {#each base.dashboards as dashboard}
           {#if dashboard}
             <a
               href={`/dashboards/${dashboard.id}`}
-              class="text-card-foreground h-[100px] w-[300px] overflow-hidden rounded-md border px-4 py-2"
+              class="text-card-foreground h-[100px] w-[300px] overflow-hidden rounded-md border px-4 py-2 transition-all hover:shadow-md"
             >
               <span class="inline-flex items-center font-semibold">
                 <GaugeIcon class="mr-2 h-4 w-4" />
@@ -98,7 +102,7 @@
       </div>
     {/if}
 
-    <h3 class="mt-2 text-2xl font-semibold tracking-tight">Tables</h3>
+    <h3 class="mt-2 text-xl font-semibold tracking-tight">Tables</h3>
 
     <Table.Root class="flex w-full flex-1 flex-col overflow-y-auto">
       <Table.Header class="flex w-full">

apps/frontend/src/lib/components/blocks/create-field/create-field.svelte

@@ -31,7 +31,7 @@
       async onSuccess() {
         toast.success("Create field success")
         reset()
-        await invalidate(`table:${$table.id.value}`)
+        await invalidate(`undb:table:${$table.id.value}`)
         await client.invalidateQueries({ queryKey: ["records", $table.id.value] })
         onSuccess()
       },

apps/frontend/src/lib/components/blocks/field-control/field-control.svelte

@@ -14,6 +14,7 @@
   import CheckboxControl from "./checkbox-control.svelte"
   import UrlControl from "./url-control.svelte"
   import RollupField from "../field-value/rollup-field.svelte"
+  import FormulaField from "../field-value/formula-field.svelte"
   import LongTextControl from "./long-text-control.svelte"
   import CurrencyControl from "./currency-control.svelte"
   import ButtonControl from "./button-control.svelte"
@@ -55,6 +56,7 @@
     date: DateControl,
     json: JsonControl,
     checkbox: CheckboxControl,
+    formula: FormulaField,
     user: UserControl,
     duration: DurationControl,
     percentage: PercentageControl,

apps/frontend/src/lib/components/blocks/field-control/reference-control.svelte

@@ -15,7 +15,7 @@
   let selected = writable<string[]>(value)
 
   onMount(() => {
-    selected.set(value)
+    selected?.set(value)
   })
   $: $selected, (value = $selected)
 
@@ -39,7 +39,7 @@
   >
     {#if hasValueReactive}
       <Button size="xs" variant="link" class="px-0" builders={[builder]}>
-        {$selected.length} Linked Records
+        {$selected?.length} Linked Records
       </Button>
     {:else}
       <Button size="xs" variant="link" type="button" class="text-muted-foreground px-0" builders={[builder]}>

apps/frontend/src/lib/components/blocks/field-icon/field-icon.svelte

@@ -28,6 +28,7 @@
     MousePointerClickIcon,
     TimerIcon,
     PercentIcon,
+    SquareFunctionIcon,
   } from "lucide-svelte"
 
   export let type: FieldType
@@ -58,6 +59,7 @@
     button: MousePointerClickIcon,
     duration: TimerIcon,
     percentage: PercentIcon,
+    formula: SquareFunctionIcon,
   }
 </script>