refactor: rewrite in astro (#197)

* refactor: rewrite in astro

Closes #196.

* fix: remove unused import

* chore: change typecheck script

* test: add tests

* chore: add netlify adapter

* refactor: try trpc

* fix: import type specifier

* fix: use uppercase route names

* fix: type imports, environment variables

* refactor: rearrange type imports + eslint rule

* fix: trpc base url

* feat: try to add wipe effects

* feat: pre-stream scenes

* refactor: move trpc provider

* fix: type errors

* feat: time signal block

* chore: add nvmrc

* chore: reorder tsconfig paths

* fix: variant on prestream layers

* feat: studio clock scene

* feat: studio clock scene

* chore: upgrade dependencies

* chore: upgrade more deps

* chore: add eslint

* perf: use fallbacks in client:only="react" components

* feat: bottom bar section

* chore: upgrade deps

* chore: migrate to `@epic-web/config`

* feat: studio-clock-obs block

* feat: capture guard + countdown timer block

* update blocks list

* remove overlays option

* fix: fragments

* fix: optional chaining on notion sdk calls

* chore: fix validate script

.gitignore

@@ -1,12 +1,12 @@
-# =========================
-# Node.js-Specific Ignores
-# =========================
+# Build output
+dist/
+.netlify/
 
-# Build directory
-.next/
+# Generated types
+.astro/
 
-# Static export path
-out/
+# JetBrains setting folder
+.idea/
 
 # swc
 .swc/

.nvmrc

@@ -0,0 +1 @@
+lts/iron

.prettierrc.mjs

@@ -0,0 +1,15 @@
+import defaultConfig from '@epic-web/config/prettier';
+
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  ...defaultConfig,
+  printWidth: 100,
+  semi: true,
+  trailingComma: 'es5',
+  useTabs: false,
+};
+
+export default config;

.stylelintrc.cjs

@@ -0,0 +1,31 @@
+/** @type {import('stylelint').Config} */
+module.exports = {
+  extends: [
+    'stylelint-config-standard',
+    'stylelint-config-html/html',
+    'stylelint-config-html/astro',
+  ],
+  rules: {
+    'unit-allowed-list': [
+      'em',
+      'rem',
+      'ms',
+      'ch',
+      's',
+      'px',
+      '%',
+      'deg',
+      'fr',
+      'vh',
+      'vw',
+      'svh',
+      'svw',
+    ],
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['tailwind'],
+      },
+    ],
+  },
+};

.vscode/extensions.json

@@ -1,3 +1,4 @@
 {
-  "recommendations": ["EditorConfig.EditorConfig", "esbenp.prettier-vscode"]
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
 }

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

.vscode/settings.json

@@ -11,6 +11,15 @@
   "typescript.tsdk": "node_modules/typescript/lib",
   "css.validate": false,
   "stylelint.enable": true,
-  "deno.enable": false,
-  "dotenv.enableAutocloaking": true
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "dotenv.enableAutocloaking": true,
+  "[astro]": {
+    "editor.defaultFormatter": "astro-build.astro-vscode"
+  },
+  "[dotenv]": {
+    "editor.defaultFormatter": "foxundermoon.shell-format"
+  },
+  "[ignore]": {
+    "editor.defaultFormatter": "foxundermoon.shell-format"
+  }
 }

astro.config.mjs

@@ -0,0 +1,14 @@
+// @ts-check
+import netlify from '@astrojs/netlify';
+import react from '@astrojs/react';
+import tailwind from '@astrojs/tailwind';
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({
+  output: 'server',
+  adapter: netlify({
+    edgeMiddleware: true,
+  }),
+  integrations: [tailwind(), react()],
+});

eslint.config.mjs

@@ -0,0 +1,54 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { config as defaultConfig } from '@epic-web/config/eslint';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import globals from 'globals';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  ...defaultConfig,
+  {
+    ignores: ['.astro/*'],
+  },
+  ...compat.extends('eslint-config-gsap').map((config) => ({
+    ...config,
+    files: ['templates/**/*.{js,jsx,ts,tsx}'],
+  })),
+  {
+    files: ['templates/**/*.{js,jsx,ts,tsx}'],
+
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.commonjs,
+        ...globals.jquery,
+        gsap: true,
+        md5: true,
+      },
+    },
+
+    rules: {},
+  },
+  {
+    files: ['**/*.(d.)?ts(x)?'],
+
+    languageOptions: {
+      ecmaVersion: 5,
+      sourceType: 'script',
+
+      parserOptions: {
+        project: './tsconfig.json',
+      },
+    },
+
+    rules: {},
+  },
+];