chore: first commit

iam4x · iam4x · commit 0e35e912b1a4 · 2023-04-02T14:33:07.000+02:00
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+  "extends": ["algolia", "algolia/react", "algolia/typescript"],
+  "settings": {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".js", ".ts", ".tsx"]
+    },
+    "import/resolver": {
+      "typescript": {
+        "alwaysTryTypes": true
+      }
+    }
+  },
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/no-unknown-property": ["error", { "ignore": ["class"] }]
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,25 @@
+dist
+.solid
+.output
+.vercel
+.netlify
+netlify
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+*.launch
+.settings/
+
+# Temp
+gitignore
+
+# System Files
+.DS_Store
+Thumbs.db
+
+vite.config.ts.timestamp-*
diff --git a/README.md b/README.md
@@ -0,0 +1,30 @@
+# SolidStart
+
+Everything you need to build a Solid project, powered by [`solid-start`](https://start.solidjs.com);
+
+## Creating a project
+
+```bash
+# create a new project in the current directory
+npm init solid@latest
+
+# create a new project in my-app
+npm init solid@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+Solid apps are built with _adapters_, which optimise your project for deployment to different environments.
+
+By default, `npm run build` will generate a Node app that you can run with `npm start`. To use a different adapter, add it to the `devDependencies` in `package.json` and specify in your `vite.config.js`.
diff --git a/package.json b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "exchanges-latency-test",
+  "scripts": {
+    "dev": "solid-start dev",
+    "build": "solid-start build",
+    "start": "solid-start start",
+    "lint-ts": "tsc --noEmit",
+    "lint-js": "eslint --ext .js,.ts,.tsx src",
+    "lint": "npm run lint-ts && npm run lint-js"
+  },
+  "type": "module",
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.21.3",
+    "@types/debug": "^4.1.7",
+    "@types/react": "^18.0.32",
+    "@typescript-eslint/eslint-plugin": "^5.57.0",
+    "@typescript-eslint/parser": "^5.57.0",
+    "autoprefixer": "^10.4.13",
+    "eslint": "^8.37.0",
+    "eslint-config-algolia": "^20.1.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-import-resolver-typescript": "^3.5.4",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsdoc": "^40.1.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.7",
+    "solid-start-node": "^0.2.19",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^5.0.3",
+    "vite": "^4.1.4"
+  },
+  "dependencies": {
+    "@solidjs/meta": "^0.28.2",
+    "@solidjs/router": "^0.8.2",
+    "solid-js": "^1.6.16",
+    "solid-start": "^0.2.24",
+    "undici": "^5.15.1"
+  },
+  "engines": {
+    "node": ">=16"
+  }
+}
diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -0,0 +1,8 @@
+/* eslint-disable import/no-commonjs */
+
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/components/Counter.tsx b/src/components/Counter.tsx
@@ -0,0 +1,16 @@
+import { createSignal } from 'solid-js';
+
+const Counter = () => {
+  const [count, setCount] = createSignal(0);
+  return (
+    <button
+      type="button"
+      class="w-[200px] rounded-full bg-gray-100 border-2 border-gray-300 focus:border-gray-400 active:border-gray-400 px-[2rem] py-[1rem]"
+      onClick={() => setCount(count() + 1)}
+    >
+      Clicks: {count()}
+    </button>
+  );
+};
+
+export default Counter;
diff --git a/src/entry-client.tsx b/src/entry-client.tsx
@@ -0,0 +1,3 @@
+import { mount, StartClient } from 'solid-start/entry-client';
+
+mount(() => <StartClient />, document);
diff --git a/src/entry-server.tsx b/src/entry-server.tsx
@@ -0,0 +1,9 @@
+import {
+  StartServer,
+  createHandler,
+  renderAsync,
+} from 'solid-start/entry-server';
+
+export default createHandler(
+  renderAsync((event) => <StartServer event={event} />)
+);
diff --git a/src/root.css b/src/root.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/root.tsx b/src/root.tsx
@@ -0,0 +1,57 @@
+// @refresh reload
+import { Suspense } from 'solid-js';
+import {
+  useLocation,
+  A,
+  Body,
+  ErrorBoundary,
+  FileRoutes,
+  Head,
+  Html,
+  Meta,
+  Routes,
+  Scripts,
+  Title,
+} from 'solid-start';
+import './root.css';
+
+const Root = () => {
+  const location = useLocation();
+
+  const active = (path: string) =>
+    path === location.pathname
+      ? 'border-sky-600'
+      : 'border-transparent hover:border-sky-600';
+
+  return (
+    <Html lang="en">
+      <Head>
+        <Title>Exchanges Latency tester</Title>
+        <Meta charset="utf-8" />
+        <Meta name="viewport" content="width=device-width, initial-scale=1" />
+      </Head>
+      <Body>
+        <Suspense>
+          <ErrorBoundary>
+            <nav class="bg-sky-800">
+              <ul class="container flex items-center p-3 text-gray-200">
+                <li class={`border-b-2 ${active('/')} mx-1.5 sm:mx-6`}>
+                  <A href="/">Home</A>
+                </li>
+                <li class={`border-b-2 ${active('/about')} mx-1.5 sm:mx-6`}>
+                  <A href="/about">About</A>
+                </li>
+              </ul>
+            </nav>
+            <Routes>
+              <FileRoutes />
+            </Routes>
+          </ErrorBoundary>
+        </Suspense>
+        <Scripts />
+      </Body>
+    </Html>
+  );
+};
+
+export default Root;
diff --git a/src/routes/[...404].tsx b/src/routes/[...404].tsx
@@ -0,0 +1,34 @@
+import { A } from 'solid-start';
+
+const NotFound = () => {
+  return (
+    <main class="text-center mx-auto text-gray-700 p-4">
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        Not Found
+      </h1>
+      <p class="mt-8">
+        Visit{' '}
+        <a
+          href="https://solidjs.com"
+          target="_blank"
+          class="text-sky-600 hover:underline"
+          rel="noreferrer"
+        >
+          solidjs.com
+        </a>{' '}
+        to learn how to build Solid apps.
+      </p>
+      <p class="my-4">
+        <A href="/" class="text-sky-600 hover:underline">
+          Home
+        </A>
+        {' - '}
+        <A href="/about" class="text-sky-600 hover:underline">
+          About Page
+        </A>
+      </p>
+    </main>
+  );
+};
+
+export default NotFound;
diff --git a/src/routes/about.tsx b/src/routes/about.tsx
@@ -0,0 +1,35 @@
+import { A } from 'solid-start';
+
+import Counter from '~/components/Counter';
+
+const About = () => {
+  return (
+    <main class="text-center mx-auto text-gray-700 p-4">
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        About Page
+      </h1>
+      <Counter />
+      <p class="mt-8">
+        Visit{' '}
+        <a
+          href="https://solidjs.com"
+          target="_blank"
+          class="text-sky-600 hover:underline"
+          rel="noreferrer"
+        >
+          solidjs.com
+        </a>{' '}
+        to learn how to build Solid apps.
+      </p>
+      <p class="my-4">
+        <A href="/" class="text-sky-600 hover:underline">
+          Home
+        </A>
+        {' - '}
+        <span>About Page</span>
+      </p>
+    </main>
+  );
+};
+
+export default About;
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -0,0 +1,35 @@
+import { A } from 'solid-start';
+
+import Counter from '~/components/Counter';
+
+const Home = () => {
+  return (
+    <main class="text-center mx-auto text-gray-700 p-4">
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        Hello world!
+      </h1>
+      <Counter />
+      <p class="mt-8">
+        Visit{' '}
+        <a
+          href="https://solidjs.com"
+          target="_blank"
+          class="text-sky-600 hover:underline"
+          rel="noreferrer"
+        >
+          solidjs.com
+        </a>{' '}
+        to learn how to build Solid apps.
+      </p>
+      <p class="my-4">
+        <span>Home</span>
+        {' - '}
+        <A href="/about" class="text-sky-600 hover:underline">
+          About Page
+        </A>{' '}
+      </p>
+    </main>
+  );
+};
+
+export default Home;
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -0,0 +1,10 @@
+/* eslint-disable import/no-commonjs */
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{html,js,jsx,ts,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "jsxImportSource": "solid-js",
+    "jsx": "preserve",
+    "strict": true,
+    "types": ["solid-start/env"],
+    "baseUrl": "./",
+    "paths": {
+      "~/*": ["./src/*"]
+    }
+  }
+}
diff --git a/vite.config.ts b/vite.config.ts
@@ -0,0 +1,6 @@
+import solid from 'solid-start/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [solid({ ssr: false })],
+});
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import { mount, StartClient } from 'solid-start/entry-client';`
	`2`	`+`
	`3`	`+mount(() => <StartClient />, document);`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+@tailwind base;`
	`2`	`+@tailwind components;`
	`3`	`+@tailwind utilities;`