Squash Brainstory frontend

.gitignore

@@ -0,0 +1,22 @@
+# build output
+dist/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+.env.development
+
+# macOS-specific files
+.DS_Store
+
+.vscode/*

.npmrc

@@ -0,0 +1,2 @@
+# Expose Astro dependencies for `pnpm` users
+shamefully-hoist=true

.prettierrc

@@ -0,0 +1,14 @@
+{
+	"arrowParens": "always",
+	"bracketSpacing": true,
+	"insertPragma": false,
+	"jsxBracketSameLine": false,
+	"printWidth": 100,
+	"proseWrap": "always",
+	"quoteProps": "as-needed",
+	"requirePragma": false,
+	"semi": true,
+	"tabWidth": 4,
+	"trailingComma": "none",
+	"useTabs": true
+}

@/components/ui/input.jsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+	return (
+		<input
+			type={type}
+			className={cn(
+				// "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+				"border text-stone-900 text-sm rounded-lg border-stone-300",
+				className
+			)}
+			ref={ref}
+			{...props}
+		/>
+	);
+});
+Input.displayName = "Input";
+
+export { Input };

@/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs) {
+  return twMerge(clsx(inputs))
+}

README.md

@@ -0,0 +1,30 @@
+# Brainstory
+
+Think out loud! 🧠
+
+## Getting Started
+
+1. Clone the repo, navigate into it
+2. `npm install`
+3. `npm run dev`
+4. Create a `.env.development` file at the top level and populate it with this:
+
+```bash
+PUBLIC_API_URL=<Your API URL>
+```
+
+> [!IMPORTANT]  
+> Look through the repository for all instances of the URL `brainstory.ai`. You will want to remove and/or replace those with your own URL (or, if you're hosting on your local machine, with localhost).
+
+## Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                | Action                                           |
+| :--------------------- | :----------------------------------------------- |
+| `npm install`          | Installs dependencies                            |
+| `npm run dev`          | Starts local dev server at `localhost:3000`      |
+| `npm run build`        | Build your production site to `./dist/`          |
+| `npm run preview`      | Preview your build locally, before deploying     |
+| `npm run astro ...`    | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro --help` | Get help using the Astro CLI                     |

astro.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from "astro/config";
+import tailwind from "@astrojs/tailwind";
+import sitemap from "@astrojs/sitemap";
+import react from "@astrojs/react";
+
+// https://astro.build/config
+export default defineConfig({
+	site: "https://app.brainstory.ai",
+	integrations: [tailwind(), sitemap(), react()],
+	server: { port: 5173 } // TODO change when not local
+});

components.json

@@ -0,0 +1,17 @@
+{
+	"$schema": "https://ui.shadcn.com/schema.json",
+	"style": "default",
+	"rsc": true,
+	"tsx": false,
+	"tailwind": {
+		"config": "tailwind.config.cjs",
+		"css": "app/globals.css",
+		"baseColor": "stone",
+		"cssVariables": true,
+		"prefix": ""
+	},
+	"aliases": {
+		"components": "@/components",
+		"utils": "@/lib/utils"
+	}
+}