├── .DS_Store
├── bun.lockb
├── .gitignore
├── public
└── favicon.ico
├── .eslintrc
├── app
├── entry.client.tsx
├── entry.server.tsx
├── root.tsx
└── routes
│ └── index.tsx
├── remix.env.d.ts
├── remix.config.js
├── tsconfig.json
├── package.json
├── start.ts
├── README.md
└── functions
└── [[path]].js
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jacob-ebey/remix-bun/HEAD/.DS_Store
--------------------------------------------------------------------------------
/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jacob-ebey/remix-bun/HEAD/bun.lockb
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 |
3 | /.cache
4 | /build
5 | /public/build
6 | .env
7 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jacob-ebey/remix-bun/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": ["@remix-run/eslint-config", "@remix-run/eslint-config/node"]
3 | }
4 |
--------------------------------------------------------------------------------
/app/entry.client.tsx:
--------------------------------------------------------------------------------
1 | import { hydrate } from "react-dom";
2 | import { RemixBrowser } from "remix";
3 |
4 | hydrate(, document);
5 |
--------------------------------------------------------------------------------
/remix.env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 | ///
3 | ///
4 |
--------------------------------------------------------------------------------
/remix.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @type {import('@remix-run/dev').AppConfig}
3 | */
4 | module.exports = {
5 | ignoredRouteFiles: [".*"],
6 | serverModuleFormat: "esm",
7 | // appDirectory: "app",
8 | // assetsBuildDirectory: "public/build",
9 | // serverBuildPath: "build/index.js",
10 | // publicPath: "/build/",
11 | };
12 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"],
3 | "compilerOptions": {
4 | "lib": ["DOM", "DOM.Iterable", "ES2019"],
5 | "isolatedModules": true,
6 | "esModuleInterop": true,
7 | "jsx": "react-jsx",
8 | "moduleResolution": "node",
9 | "resolveJsonModule": true,
10 | "target": "ES2019",
11 | "strict": true,
12 | "baseUrl": ".",
13 | "paths": {
14 | "~/*": ["./app/*"]
15 | },
16 |
17 | // Remix takes care of building everything in `remix build`.
18 | "noEmit": true
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/app/entry.server.tsx:
--------------------------------------------------------------------------------
1 | import { renderToString } from "react-dom/server";
2 | import { RemixServer } from "remix";
3 | import type { EntryContext } from "remix";
4 |
5 | export default function handleRequest(
6 | request: Request,
7 | responseStatusCode: number,
8 | responseHeaders: Headers,
9 | remixContext: EntryContext
10 | ) {
11 | let markup = renderToString(
12 |
13 | );
14 |
15 | responseHeaders.set("Content-Type", "text/html");
16 |
17 | return new Response("" + markup, {
18 | status: responseStatusCode,
19 | headers: responseHeaders,
20 | });
21 | }
22 |
--------------------------------------------------------------------------------
/app/root.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Links,
3 | LiveReload,
4 | Meta,
5 | Outlet,
6 | Scripts,
7 | ScrollRestoration,
8 | } from "remix";
9 | import type { MetaFunction } from "remix";
10 |
11 | export const meta: MetaFunction = () => ({
12 | charset: "utf-8",
13 | title: "New Remix App",
14 | viewport: "width=device-width,initial-scale=1",
15 | });
16 |
17 | export default function App() {
18 | return (
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "remix-template-remix-ts",
3 | "private": true,
4 | "description": "",
5 | "license": "",
6 | "sideEffects": false,
7 | "scripts": {
8 | "build": "remix build",
9 | "dev": "remix dev",
10 | "postinstall": "remix setup cloudflare-pages",
11 | "start": "remix-serve build"
12 | },
13 | "dependencies": {
14 | "@remix-run/cloudflare-pages": "1.3.4",
15 | "@remix-run/react": "1.3.4",
16 | "@remix-run/serve": "1.3.4",
17 | "react": "^17.0.2",
18 | "react-dom": "^17.0.2",
19 | "remix": "1.3.4"
20 | },
21 | "devDependencies": {
22 | "@remix-run/dev": "1.3.4",
23 | "bun-types": "0.0.74",
24 | "@types/react": "^17.0.24",
25 | "@types/react-dom": "^17.0.9",
26 | "typescript": "^4.5.5"
27 | },
28 | "engines": {
29 | "node": ">=14"
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/start.ts:
--------------------------------------------------------------------------------
1 | import * as fs from "fs";
2 |
3 | import { createRequestHandler } from "@remix-run/server-runtime";
4 |
5 | // @ts-expect-error
6 | import * as build from "./build";
7 |
8 | let requestHandler = createRequestHandler(build, "production");
9 |
10 | export default {
11 | async fetch(request: Request) {
12 | try {
13 | let filepath = `./public/${request.url}`;
14 | let stats = fs.statSync(filepath);
15 | if (stats.mode !== 16877) {
16 | let file = Bun.file(filepath);
17 | return new Response(await file.arrayBuffer(), {
18 | headers: {
19 | "Content-Type": file.type,
20 | },
21 | });
22 | }
23 | } catch (err) {
24 | console.log({ err });
25 | }
26 |
27 | return requestHandler(
28 | new Request("http://localhost:3000" + request.url, request)
29 | );
30 | },
31 | };
32 |
--------------------------------------------------------------------------------
/app/routes/index.tsx:
--------------------------------------------------------------------------------
1 | export default function Index() {
2 | return (
3 |
4 |
Welcome to Remix
5 |
30 |