darklang · OceanOak · Apr 16, 2025 · Apr 16, 2025 · Apr 17, 2025 · Apr 17, 2025
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -7,15 +7,29 @@ jobs:
     steps:
       - checkout
       - run: npx prettier . --check
+      # Install dependencies
+      - run: npm ci
+      # TODO : do we need caching for dependencies?
+      # Build the application
+      - run: npm run build
       # TODO: check that style.css matches compiled tailwind
+      # Store the build artifacts to be used in the deploy job
+      - persist_to_workspace:
+          root: .
+          paths:
+            - dist
+            - scripts
 
   deploy:
     docker:
-      # specify the version you desire here
       - image: cimg/node:20.8.1
     working_directory: ~/repo
     steps:
       - checkout
+      # Attach the workspace with the build artifacts
+      - attach_workspace:
+          at: .
+      # Deploy using the script
       - run: ./scripts/deploy.sh
 
 workflows:

diff --git a/.gitignore b/.gitignore
@@ -9,6 +9,8 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+dist
+dist-ssr
 *.local
 
 # Editor directories and files

diff --git a/.prettierignore b/.prettierignore
diff --git a/README.md b/README.md
@@ -4,6 +4,11 @@
 
 [![Ceasefire Now](https://badge.techforpalestine.org/ceasefire-now)](https://techforpalestine.org/learn-more)
 
+## Get started
+
+- `npm i` to install dependencies
+- `npm run dev` to build and watch the CSS
+
 ## Formatting
 
 To format, use VSCode Prettier extension, or run:
@@ -13,7 +18,7 @@ To check it: `npx prettier --check .`
 
 Formatting in checked in CI
 
-## Start the Tailwind CLI build process
 
-To build and watch the CSS, use the following command:
-`npm run dev`
+## TODOs
+- [ ] is there a better way than `~/assets/...` to reference things?
+    `~/assets/..`
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,28 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+);
diff --git a/index.html b/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Caveat:[email protected]&family=Fira+Code:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Darklang</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>