fix: elipsis on long table items

Signed-off-by: Henry Gressmann <[email protected]>

Author: explodingcamera

.cargo/config.toml

@@ -0,0 +1,4 @@
+[build]
+
+[target.x86_64-unknown-linux-musl]
+rustflags=["-C", "target_cpu=x86-64v2"]

src/app/db.rs

@@ -31,7 +31,7 @@ pub(super) fn init_duckdb(
 
     {
         let conn = pool.get()?;
-        conn.execute("PRAGMA enable_checkpoint_on_shutdown; LOAD core_functions;", [])?;
+        conn.execute_batch("PRAGMA enable_checkpoint_on_shutdown; LOAD core_functions;")?;
         conn.pragma_update(None, "allow_community_extensions", &"false")?;
         conn.pragma_update(None, "autoinstall_known_extensions", &"false")?;
         conn.pragma_update(None, "autoload_known_extensions", &"false")?;

src/cli.rs

@@ -133,7 +133,7 @@ pub fn handle_command(mut config: Config, cmd: Command) -> Result<()> {
         #[cfg(any(debug_assertions, test, feature = "_enable_seeding"))]
         Command::SeedDatabase(_) => {
             let app = Liwan::try_new(config)?;
-            app.seed_database(100000)?;
+            app.seed_database(10_000_000)?;
             println!("Database seeded with test data");
         }
     }

web/astro.config.ts

@@ -2,6 +2,7 @@ import path from "node:path";
 import react from "@astrojs/react";
 import { defineConfig } from "astro/config";
 import license from "rollup-plugin-license";
+import type { AstroIntegration } from "astro";
 const dirname = path.dirname(new URL(import.meta.url).pathname);
 
 const proxy = {
@@ -12,6 +13,23 @@ const proxy = {
 	},
 };
 
+function setPrerender(): AstroIntegration {
+	let isDev = false;
+	return {
+		name: "set-prerender",
+		hooks: {
+			"astro:config:setup": ({ command }) => {
+				isDev = command === "dev";
+			},
+			"astro:route:setup": ({ route }) => {
+				if (isDev && route.component.endsWith("/pages/p/[...project].astro")) {
+					route.prerender = false;
+				}
+			},
+		},
+	};
+}
+
 // https://astro.build/config
 export default defineConfig({
 	vite: {
@@ -30,7 +48,7 @@ export default defineConfig({
 			}) as any,
 		],
 	},
-	integrations: [react()],
+	integrations: [react(), setPrerender()],
 	redirects: {
 		"/settings": "/settings/projects",
 	},

web/src/components/dimensions/dimensions.module.css

@@ -54,6 +54,7 @@
   display: flex;
   align-items: center;
   gap: 0.4rem;
+  width: 0;
 
   &:hover {
     &::after {
@@ -154,6 +155,13 @@
   position: relative;
   color: var(--pico-h2-color);
   padding: 0.5rem 0;
+  max-width: calc(100% - 3rem);
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  span {
+    white-space: nowrap;
+  }
 
   &:hover {
     text-decoration: underline;

web/src/components/dimensions/index.tsx

@@ -177,7 +177,7 @@ const DimensionValueButton = ({
 	onSelect?: () => void;
 }) => (
 	<button type="button" className={styles.dimensionItemSelect} onClick={onSelect}>
-		{children}
+		<span>{children}</span>
 	</button>
 );
 

web/src/pages/p/[...project].astro

@@ -7,8 +7,6 @@ import Layout from "../../layouts/Layout.astro";
 export const getStaticPaths = (() => {
 	return [{ params: { project: "project" } }];
 }) satisfies GetStaticPaths;
-
-export const prerender = import.meta.env.MODE !== "development";
 ---
 
 <Layout title="Project Details">