support standalone

.dockerignore

@@ -2,6 +2,7 @@
 !public/
 !src/
 !astro.config.ts
+!build.standalone.ts
 !bun.lockb
 !bunfig.toml
 !LICENSE

Dockerfile

@@ -4,12 +4,12 @@ WORKDIR /build/
 COPY . ./
 
 RUN bun install --production --frozen-lockfile && \
-    bun run build:astro
+    bun run build:standalone
 
 FROM docker.io/oven/bun:1-distroless
 WORKDIR /frontend/
 
-COPY --chown=nonroot --from=builder /build/dist/astro/ ./
+COPY --chown=nonroot --from=builder /build/dist/prod/ ./
 COPY --chown=nonroot --from=builder /build/LICENSE ./
 
 LABEL org.opencontainers.image.url="https://jspaste.eu" \
@@ -21,4 +21,4 @@ LABEL org.opencontainers.image.url="https://jspaste.eu" \
 
 EXPOSE 3000
 
-CMD ["entry.mjs"]
+CMD ["index.js"]

astro.config.ts

@@ -33,6 +33,7 @@ export default defineConfig({
 		client: 'dist/astro/public/'
 	},
 	server: {
+		host: '0.0.0.0',
 		port: 3000
 	},
 	vite: {
@@ -43,7 +44,7 @@ export default defineConfig({
 				manifest: pwaManifest,
 				workbox: {
 					globDirectory: 'dist/astro/public/',
-					globPatterns: ['**/*.{js,css,svg,png,jpg,jpeg,gif,webp,woff,woff2,ttf,eot,ico}'],
+					globPatterns: ['**/*.{js,wasm,css,html,svg,png,jpg,jpeg,gif,webp,woff,woff2,ttf,eot,ico}'],
 					navigateFallback: null
 				}
 			})

build.standalone.ts

@@ -0,0 +1,20 @@
+import { $ } from 'bun';
+
+await Bun.build({
+	target: 'bun',
+	splitting: true,
+	minify: {
+		whitespace: true,
+		syntax: true,
+		identifiers: false
+	},
+	naming: {
+		entry: 'index.[ext]',
+		chunk: 'chunks/[hash].[ext]',
+		asset: 'chunks/[name].[ext]'
+	},
+	outdir: 'dist/prod/',
+	entrypoints: ['dist/astro/entry.mjs']
+});
+
+await $`cp -a dist/astro/public/ dist/prod/`;

package.json

@@ -7,6 +7,7 @@
 	"scripts": {
 		"build": "bun run build:astro",
 		"build:astro": "bun astro build",
+		"build:standalone": "bun run build:astro && bun run build.standalone.ts",
 		"fix": "bun run fix:biome && bun run fix:package",
 		"fix:biome": "bun biome check --write",
 		"fix:package": "bun sort-package-json --quiet",

src/components/HeaderLabelComponent.astro

@@ -8,9 +8,9 @@ const { label, openWindow } = Astro.props as Props;
 ---
 
 <div
-    class=`items-center flex gap-1 text-white ${openWindow && 'hover:bg-neutral-700 cursor-pointer'}`
-    style="font-size: 12px; margin: 0 5px; padding: 0 5px"
-    onclick={openWindow && `window.open('${openWindow}')`}
+        class=`items-center flex gap-1 text-white ${openWindow && 'hover:bg-neutral-700 cursor-pointer'}`
+        style="font-size: 12px; margin: 0 5px; padding: 0 5px"
+        onclick={openWindow && `window.open('${openWindow}')`}
 >
     <slot name="icon"/>
     {label}

src/layouts/RootLayout.astro

@@ -1,5 +1,5 @@
 ---
-import { siteManifest } from '@/manifest.ts';
+import { siteManifest } from '@/manifest';
 import '@fontsource-variable/red-hat-text';
 import '@fontsource-variable/red-hat-mono';
 ---