commit 47453b8a022b2eaa306d4a62005b3498d6a08f81 Author: Robin Bärtschi Date: Thu Feb 13 15:20:52 2025 +0100 Initial Commit diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..f965aed --- /dev/null +++ b/.dockerignore @@ -0,0 +1,15 @@ +node_modules +Dockerfile* +docker-compose* +.dockerignore +.git +.gitignore +README.md +LICENSE +.vscode +Makefile +helm-charts +.env +.editorconfig +.idea +coverage* diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..506e4c3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +# deps +node_modules/ diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..2e7791e --- /dev/null +++ b/Dockerfile @@ -0,0 +1,38 @@ +# use the official Bun image +# see all versions at https://hub.docker.com/r/oven/bun/tags +FROM oven/bun:1 AS base +WORKDIR /usr/src/app + +# install dependencies into temp directory +# this will cache them and speed up future builds +FROM base AS install +RUN mkdir -p /temp/dev +COPY package.json bun.lock /temp/dev/ +RUN cd /temp/dev && bun install --frozen-lockfile + +# install with --production (exclude devDependencies) +RUN mkdir -p /temp/prod +COPY package.json bun.lock /temp/prod/ +RUN cd /temp/prod && bun install --frozen-lockfile --production + +# copy node_modules from temp directory +# then copy all (non-ignored) project files into the image +FROM base AS prerelease +COPY --from=install /temp/dev/node_modules node_modules +COPY . . + +# [optional] tests & build +ENV NODE_ENV=production +RUN bun test +RUN bun run build + +# copy production dependencies and source code into final image +FROM base AS release +COPY --from=install /temp/prod/node_modules node_modules +COPY --from=prerelease /usr/src/app/index.ts . +COPY --from=prerelease /usr/src/app/package.json . + +# run the app +USER bun +EXPOSE 3000/tcp +ENTRYPOINT [ "bun", "run", "index.ts" ] diff --git a/README.md b/README.md new file mode 100644 index 0000000..6dd13e7 --- /dev/null +++ b/README.md @@ -0,0 +1,11 @@ +To install dependencies: +```sh +bun install +``` + +To run: +```sh +bun run dev +``` + +open http://localhost:3000 diff --git a/bun.lock b/bun.lock new file mode 100644 index 0000000..3bdd360 --- /dev/null +++ b/bun.lock @@ -0,0 +1,32 @@ +{ + "lockfileVersion": 1, + "workspaces": { + "": { + "name": "dockyfied", + "dependencies": { + "hono": "^4.7.1", + }, + "devDependencies": { + "@types/bun": "latest", + "typed-htmx": "^0.3.1", + }, + }, + }, + "packages": { + "@types/bun": ["@types/bun@1.2.2", "", { "dependencies": { "bun-types": "1.2.2" } }, "sha512-tr74gdku+AEDN5ergNiBnplr7hpDp3V1h7fqI2GcR/rsUaM39jpSeKH0TFibRvU0KwniRx5POgaYnaXbk0hU+w=="], + + "@types/node": ["@types/node@22.13.2", "", { "dependencies": { "undici-types": "~6.20.0" } }, "sha512-Z+r8y3XL9ZpI2EY52YYygAFmo2/oWfNSj4BCpAXE2McAexDk8VcnBMGC9Djn9gTKt4d2T/hhXqmPzo4hfIXtTg=="], + + "@types/ws": ["@types/ws@8.5.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw=="], + + "bun-types": ["bun-types@1.2.2", "", { "dependencies": { "@types/node": "*", "@types/ws": "~8.5.10" } }, "sha512-RCbMH5elr9gjgDGDhkTTugA21XtJAy/9jkKe/G3WR2q17VPGhcquf9Sir6uay9iW+7P/BV0CAHA1XlHXMAVKHg=="], + + "hono": ["hono@4.7.1", "", {}, "sha512-V3eWoPkBxoNgFCkSc5Y5rpLF6YoQQx1pkYO4qrF6YfOw8RZbujUNlJLZCxh0z9gZct70+je2Ih7Zrdpv21hP9w=="], + + "typed-html": ["typed-html@3.0.1", "", {}, "sha512-JKCM9zTfPDuPqQqdGZBWSEiItShliKkBFg5c6yOR8zth43v763XkAzTWaOlVqc0Y6p9ee8AaAbipGfUnCsYZUA=="], + + "typed-htmx": ["typed-htmx@0.3.1", "", { "dependencies": { "typed-html": "^3.0.1" } }, "sha512-6WSPsukTIOEMsVbx5wzgVSvldLmgBUVcFIm2vJlBpRPtcbDOGC5y1IYrCWNX1yUlNsrv1Ngcw4gGM8jsPyNV7w=="], + + "undici-types": ["undici-types@6.20.0", "", {}, "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg=="], + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..3d213ed --- /dev/null +++ b/package.json @@ -0,0 +1,13 @@ +{ + "name": "dockyfied", + "scripts": { + "dev": "bun run --watch src/index.tsx" + }, + "dependencies": { + "hono": "^4.7.1" + }, + "devDependencies": { + "@types/bun": "latest", + "typed-htmx": "^0.3.1" + } +} diff --git a/src/BaseDocument.tsx b/src/BaseDocument.tsx new file mode 100644 index 0000000..67aadf6 --- /dev/null +++ b/src/BaseDocument.tsx @@ -0,0 +1,28 @@ +import { html } from 'hono/html'; +import { Child, } from 'hono/jsx'; + +interface SiteData { + title: string; + children?: Child; +} + +function BaseDocument(props: SiteData) { + return html` + + + + + + + + ${props.title} + + + ${props.children} + + +` + +}; + +export default BaseDocument; diff --git a/src/global.d.ts b/src/global.d.ts new file mode 100644 index 0000000..c2147ad --- /dev/null +++ b/src/global.d.ts @@ -0,0 +1,10 @@ +import "typed-htmx"; +// +// A demo of how to augment foreign types with htmx attributes. +// In this case, Hono sources its types from its own namespace, so we do the same +// and directly extend its namespace. +declare module 'hono/jsx' { + namespace JSX { + interface HTMLAttributes extends HtmxAttributes { } + } +} diff --git a/src/index.tsx b/src/index.tsx new file mode 100644 index 0000000..259f8ff --- /dev/null +++ b/src/index.tsx @@ -0,0 +1,49 @@ +import { Hono } from 'hono'; +import { serveStatic } from 'hono/bun'; +import { logger } from 'hono/logger'; +import BaseDocument from './BaseDocument'; + +function ImageButton() { + return ; +} + +const app = new Hono(); + +app.use(logger()) +app.use('/static/*', serveStatic({ root: './' })); + +app.get('/', (c) => { + return c.html( + +

This is a Dockyfied website

+

Build using htmx.

+ + + ); +}); + +app.get( + '/image', + c => { + return c.html( +
+ +

↑

+

Click the image above to replace with the button again.

+
+

Another image?

+
+ ); + } +); + +app.get('/image2', + c => c.html() +); + +app.get( + '/image-button', + c => c.html() +); + +export default app; diff --git a/static/image.png b/static/image.png new file mode 100644 index 0000000..bcebaab Binary files /dev/null and b/static/image.png differ diff --git a/static/image2.png b/static/image2.png new file mode 100644 index 0000000..699cb00 Binary files /dev/null and b/static/image2.png differ diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..10cfa63 --- /dev/null +++ b/static/style.css @@ -0,0 +1,29 @@ +body { + font-family: Arial, Helvetica, sans-serif; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + width: 100vw; +} + +#image { + height: fit-content; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +#image-button:hover { + cursor: pointer; +} + +#secret { + font-size: 0.4em; +} + +#secret:hover { + cursor: pointer; +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..e817543 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,24 @@ +{ + "$schema": "http://json.schemastore.org/tsconfig", + "compilerOptions": { + "target": "ES6", + "strict": true, + "jsx": "react-jsx", + "jsxImportSource": "hono/jsx", + "module": "node16", + "moduleResolution": "node16", + "allowJs": true, + "checkJs": true, + "noEmit": true, + "rootDir": ".", + "outDir": "./dist", + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "skipDefaultLibCheck": true, + "skipLibCheck": true, + }, + "include": [ + "src/**/*" + ] +} +}