feat: new design

.editorconfig

@@ -2,4 +2,5 @@ root = true
 
 [*]
 end_of_line = lf
-insert_final_newline = true
+insert_final_newline = true
+indent_size = 2

.eslintignore

@@ -2,11 +2,22 @@
 node_modules
 /build
 /.svelte-kit
+/.vercel
 /package
 .env
 .env.*
 !.env.example
 
+.idea/*
+!.idea/codeStyles
+!.idea/inspectionProfiles
+!.idea/jsLinters
+!.idea/prettier.xml
+
+.vscode
+
+yarn-error.log
+
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
 package-lock.json

.eslintrc.cjs

@@ -9,6 +9,7 @@ module.exports = {
     '@typescript-eslint/no-non-null-assertion': 'off',
     'svelte/no-at-html-tags': 'off',
     'svelte/html-self-closing': 'off',
+    'no-inner-declarations': 'off',
   },
   parserOptions: {
     sourceType: 'module',

.gitignore

@@ -2,6 +2,7 @@
 node_modules
 /build
 /.svelte-kit
+/.vercel
 /package
 .env
 .env.*
@@ -16,3 +17,7 @@ node_modules
 .vscode
 
 yarn-error.log
+.vercel
+
+# Static Deps
+static/motion-canvas

.prettierignore

@@ -2,11 +2,22 @@
 node_modules
 /build
 /.svelte-kit
+/.vercel
 /package
 .env
 .env.*
 !.env.example
 
+.idea/*
+!.idea/codeStyles
+!.idea/inspectionProfiles
+!.idea/jsLinters
+!.idea/prettier.xml
+
+.vscode
+
+yarn-error.log
+
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
 package-lock.json

README.md

@@ -1,38 +1,7 @@
-# create-svelte
+# koding.dev
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+The improved version:tm:
 
-## Creating a project
+## TODO
 
-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.
+- [ ] Make commissions use the optimized images & adjust their layout

mdsvex.config.js

@@ -1,22 +1,13 @@
 import { defineMDSveXConfig } from 'mdsvex';
 import rehypeSlug from 'rehype-slug';
-import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 const config = defineMDSveXConfig({
   extensions: ['.md', '.svx'],
   smartypants: {
     dashes: 'oldschool',
   },
 
-  rehypePlugins: [
-    rehypeSlug,
-    [
-      rehypeAutolinkHeadings,
-      {
-        behavior: 'wrap',
-      },
-    ],
-  ],
+  rehypePlugins: [rehypeSlug],
 });
 
 export default config;

package.json

@@ -3,46 +3,59 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "vite dev",
-    "dev:open": "vite dev --open",
-    "build": "vite build",
+    "dev": "vite dev --host",
+    "dev:projects": "concurrently \"pnpm run build:projects\" \"vite dev --host\"",
+    "dev:open": "concurrently \"pnpm run build:projects\" \"vite dev --host --open\"",
+    "build": "pnpm run build:projects && vite build",
     "preview": "vite preview",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
     "format": "prettier --plugin-search-dir . --write . && eslint . --fix",
-    "tunnel": "cloudflared tunnel run --url http://localhost:5173"
+    "tunnel": "cloudflared tunnel run --url http://localhost:5173",
+    "build:projects": "pnpm run -r --filter ./projects/* build"
   },
   "devDependencies": {
-    "@sveltejs/adapter-vercel": "^1.0.0-next.81",
-    "@sveltejs/kit": "next",
+    "@iconify-json/material-symbols": "^1.1.29",
+    "@iconify-json/mdi": "^1.1.47",
+    "@iconify-json/vscode-icons": "^1.1.22",
+    "@iconify/tailwind": "^0.1.1",
+    "@koding-dev/motion-canvas": "workspace:^0.0.0",
+    "@sveltejs/adapter-vercel": "^2.1.0",
+    "@sveltejs/kit": "^1.6.0",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.7",
+    "@types/lodash": "^4.14.191",
     "@types/nprogress": "^0.2.0",
     "@typescript-eslint/eslint-plugin": "^5.27.0",
     "@typescript-eslint/parser": "^5.27.0",
     "autoprefixer": "^10.4.7",
+    "concurrently": "^7.6.0",
     "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-svelte": "^2.14.1",
+    "imagetools-core": "^3.3.1",
+    "lodash": "^4.17.21",
     "mdsvex": "^0.10.6",
     "postcss": "^8.4.14",
     "postcss-load-config": "^4.0.1",
     "prettier": "^2.6.2",
     "prettier-plugin-svelte": "^2.7.0",
     "prettier-plugin-tailwindcss": "^0.2.1",
-    "rehype-autolink-headings": "^6.1.1",
     "rehype-slug": "^5.1.0",
+    "sass": "^1.59.2",
     "svelte": "^3.44.0",
     "svelte-check": "^2.7.1",
-    "svelte-icons": "^2.1.0",
     "svelte-preprocess": "^4.10.7",
     "tailwindcss": "^3.1.5",
     "tslib": "^2.3.1",
     "typescript": "^4.7.4",
-    "vite": "^3.1.0"
+    "vite": "^4.1.1",
+    "vite-imagetools": "^4.0.18"
   },
   "type": "module",
   "dependencies": {
+    "@fontsource/poppins": "^4.5.10",
+    "@motion-canvas/core": "^3.2.0",
     "@notionhq/client": "^2.2.2",
     "clsx": "^1.2.1",
     "nprogress": "^0.2.0"