Merge pull request #31 from thitemple/sveltefy

Sveltefy

.eslintignore

@@ -0,0 +1,14 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+/old_src
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.eslintrc.cjs

@@ -1,37 +1,30 @@
-/** @type {import('@types/eslint').Linter.BaseConfig} */
 module.exports = {
+	root: true,
 	extends: [
-		'@remix-run/eslint-config',
-		'@remix-run/eslint-config/node',
-		'prettier',
+		"eslint:recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:svelte/recommended",
+		"prettier"
 	],
+	parser: "@typescript-eslint/parser",
+	plugins: ["@typescript-eslint"],
+	parserOptions: {
+		sourceType: "module",
+		ecmaVersion: 2020,
+		extraFileExtensions: [".svelte"]
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
 	overrides: [
 		{
-			extends: ['@remix-run/eslint-config/jest-testing-library'],
-			files: ['app/**/__tests__/**/*', 'app/**/*.{spec,test}.*'],
-			rules: {
-				'testing-library/no-await-sync-events': 'off',
-				'jest-dom/prefer-in-document': 'off',
-			},
-			// we're using vitest which has a very similar API to jest
-			// (so the linting plugins work nicely), but it means we have to explicitly
-			// set the jest version.
-			settings: {
-				jest: {
-					version: 28,
-				},
-			},
-		},
-	],
-	rules: {
-		'@typescript-eslint/consistent-type-imports': [
-			'warn',
-			{
-				prefer: 'type-imports',
-				disallowTypeAnnotations: true,
-				fixStyle: 'inline-type-imports',
-			},
-		],
-		'@typescript-eslint/no-duplicate-imports': 'warn',
-	},
-}
+			files: ["*.svelte"],
+			parser: "svelte-eslint-parser",
+			parserOptions: {
+				parser: "@typescript-eslint/parser"
+			}
+		}
+	]
+};

.gitignore

@@ -1,27 +1,11 @@
 .DS_Store
-
-.netlify
-.cache
-
 node_modules
-
 /build
-/public/build
-/public/images
-/server-build
+/.svelte-kit
+/package
 .env
-
-/prisma/data.db
-/prisma/data.db-journal
-/tests/prisma
-
-/test-results/
-/playwright-report/
-/playwright/.cache/
-/tests/fixtures/email/
-/coverage
-
-/other/cache.db
-
-# Easy way to create temporary files/folders that won't accidentally be added to git
-*.local.*
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+.vercel

.npmrc

@@ -1,3 +1,2 @@
-legacy-peer-deps=true
-registry=https://registry.npmjs.org/
-public-hoist-pattern[]=*
+engine-strict=true
+resolution-mode=highest

.prettierignore

@@ -1,15 +1,14 @@
+.DS_Store
 node_modules
-
 /build
-/public/build
-/server-build
+/.svelte-kit
+/package
 .env
+.env.*
+!.env.example
+old_src
 
-/test-results/
-/playwright-report/
-/playwright/.cache/
-/tests/mocks/fixtures/email/*.json
-/coverage
-
-package.json
-package-lock.json
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"tailwindConfig": "./tailwind.config.ts",
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

.vscode/settings.json

@@ -1,4 +1,16 @@
 {
 	"cSpell.words": ["clsx", "frontmatter", "typedjson"],
-	"typescript.tsdk": "node_modules/typescript/lib"
+	"typescript.tsdk": "node_modules/typescript/lib",
+	"cssvar.files": [
+		"./node_modules/open-props/open-props.min.css",
+		// if you have an alternative path to where your styles are located
+		// you can add it in this array of files
+		"assets/styles/variables.css"
+	],
+
+	// Do not ignore node_modules css files, which is ignored by default
+	"cssvar.ignore": [],
+
+	// add support for autocomplete in JS or JS like files
+	"cssvar.extensions": ["css", "postcss", "jsx", "tsx", "svelte"]
 }

.vscode/snippets/markdown.json

@@ -1,18 +1,18 @@
 {
-    "Add frontmatter": {
-        "prefix": "frontmatter",
-        "body": [
-            "---",
-            "title: ",
-            "description:",
-            "category: ",
-            "date: \"\"",
-            "tags: ",
-            "    - ",
-            "comments: true",
-            "path: \"\"",
-            "---"
-        ],
-        "description": "Add frontmatter"
-    }
+	"Add frontmatter": {
+		"prefix": "frontmatter",
+		"body": [
+			"---",
+			"title: ",
+			"description:",
+			"categories: ",
+			"    - ",
+			"date: \"\"",
+			"tags: ",
+			"    - ",
+			"published: false",
+			"---"
+		],
+		"description": "Add frontmatter"
+	}
 }

README.md

@@ -1,3 +1,38 @@
-# The Coding Temple
+# create-svelte
 
-Thiago Temple's personal web site
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@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
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

old_src/README.md

@@ -0,0 +1,3 @@
+# The Coding Temple
+
+Thiago Temple's personal web site

old_src/package.json

@@ -0,0 +1,67 @@
+{
+    "name": "templecoding-site",
+    "description": "The personal blog of Thiago Temple.",
+    "version": "2.0.0",
+    "author": "Thiago Temple <[email protected]>",
+    "private": true,
+    "sideEffects": false,
+    "keywords": [
+        "thiago temple",
+        "temple coding",
+        "the coding temple",
+        "blog"
+    ],
+    "scripts": {
+        "prebuild": "npm run clean && echo All clean 🧹",
+        "build": "run-s build:*",
+        "build:remix": "remix build",
+        "build:posts-index": "export NODE_ENV=production && tsx ./scripts/build-posts-index.ts",
+        "build:sitemap": "export NODE_ENV=production && tsx ./scripts/build-sitemap.ts",
+        "clean": "rimraf ./node_modules/.cache ./server/dist ./build ./public/build",
+        "deploy": "fly deploy --remote-only",
+        "dev": "remix dev",
+        "start": "remix-serve build",
+        "typecheck": "tsc"
+    },
+    "dependencies": {
+        "@mapbox/rehype-prism": "^0.8.0",
+        "@mdx-js/esbuild": "^2.3.0",
+        "@netlify/functions": "^1.6.0",
+        "@remix-run/css-bundle": "^1.19.0",
+        "@remix-run/netlify": "^1.19.0",
+        "@remix-run/node": "^1.19.0",
+        "@remix-run/react": "^1.19.0",
+        "@remix-run/serve": "^1.19.0",
+        "clsx": "^2.0.0",
+        "cross-env": "^7.0.3",
+        "fast-glob": "^3.3.0",
+        "isbot": "^3.6.13",
+        "mdx-bundler": "^9.2.1",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "remark-mdx-images": "^2.0.0",
+        "remix-development-tools": "^1.1.1",
+        "remix-typedjson": "^0.1.7"
+    },
+    "devDependencies": {
+        "@flydotio/dockerfile": "^0.3.3",
+        "@remix-run/dev": "^1.19.0",
+        "@remix-run/eslint-config": "^1.19.0",
+        "@types/eslint": "^8.44.0",
+        "@types/mapbox__rehype-prism": "^0.8.0",
+        "@types/react": "^18.2.15",
+        "@types/react-dom": "^18.2.7",
+        "eslint": "^8.45.0",
+        "npm-run-all": "^4.1.5",
+        "prettier": "^3.0.0",
+        "prettier-plugin-organize-imports": "^3.2.3",
+        "prettier-plugin-tailwindcss": "^0.4.1",
+        "rimraf": "^5.0.1",
+        "tailwindcss": "^3.3.3",
+        "tsx": "^3.12.7",
+        "typescript": "^5.1.6"
+    },
+    "engines": {
+        "node": ">=16"
+    }
+}