├── app
├── env.d.ts
├── entry.client.tsx
├── entry.server.tsx
├── root.tsx
├── routes
│ └── _index.tsx
└── components
│ ├── whos-here.tsx
│ └── country-code-emoji.ts
├── public
└── favicon.ico
├── .gitignore
├── partykit.json
├── vite.config.ts
├── messages.d.ts
├── tsconfig.json
├── party
├── server.ts
└── geo.ts
├── LICENSE
├── README.md
├── package.json
└── .eslintrc.cjs
/app/env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/partykit/remix-vite-starter/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 |
3 | /.cache
4 | /build
5 | /public/build
6 | .env
7 |
8 | /dist
9 | /.partykit
10 |
--------------------------------------------------------------------------------
/partykit.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://www.partykit.io/schema.json",
3 | "name": "remix-vite-partykit-starter",
4 | "main": "party/server.ts",
5 | "compatibilityDate": "2024-01-22",
6 | "parties": {
7 | "geo": "party/geo.ts"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { vitePlugin as remix } from "@remix-run/dev";
2 | import { defineConfig } from "vite";
3 | import tsconfigPaths from "vite-tsconfig-paths";
4 |
5 | export default defineConfig({
6 | plugins: [remix({ ssr: false }), tsconfigPaths()],
7 | });
8 |
--------------------------------------------------------------------------------
/app/entry.client.tsx:
--------------------------------------------------------------------------------
1 | import { RemixBrowser } from "@remix-run/react";
2 | import { startTransition, StrictMode } from "react";
3 | import { hydrateRoot } from "react-dom/client";
4 |
5 | startTransition(() => {
6 | hydrateRoot(
7 | document,
8 |
9 |
10 |
11 | );
12 | });
13 |
--------------------------------------------------------------------------------
/messages.d.ts:
--------------------------------------------------------------------------------
1 | // This is a shared file between the server and the client,
2 | // showing the types of messages being passed between them.
3 |
4 | // Keeping this simple, we send only one type of message
5 | // (a total count of all connections and a count of connections from each country)
6 |
7 | export type State = {
8 | total: number;
9 | from: Record;
10 | };
11 |
--------------------------------------------------------------------------------
/app/entry.server.tsx:
--------------------------------------------------------------------------------
1 | import type { EntryContext } from "partymix";
2 | import { RemixServer } from "@remix-run/react";
3 | import { renderToString } from "react-dom/server";
4 |
5 | export default function handleRequest(
6 | request: Request,
7 | responseStatusCode: number,
8 | responseHeaders: Headers,
9 | remixContext: EntryContext
10 | ) {
11 | let html = renderToString(
12 |
13 | );
14 | if (html.startsWith("
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |