Redesign 2023 (#37)

* Update packages

* WIP

* WIP

* migrate to yarn and kind done mernu and hero

* upgrade to tailwind v3

* tailwind eslint changes

* feat: almost ready

* remove old files, remove js, update packages

* better bg responsiveness

* working stylelint

* upgrade node to 18

* better engine versioning

* remove last js and jsx, fix types

* feat: working resume export again

* feat: add github actions

* remove unecessary FC types

* upgrade some packages and yarn itself

* too many things

* Move to astro (#38)

* initial commit moving to astro

* solved eslint prettier issues

* working resume, remove all react mentions

* updated README

* responsive design

.eslintrc.cjs

@@ -0,0 +1,114 @@
+module.exports = {
+  extends: [
+    'plugin:astro/recommended',
+    'plugin:tailwindcss/recommended',
+    'plugin:prettier/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json',
+    extraFileExtensions: ['.astro'], // This is a required setting in `@typescript-eslint/parser` v5.
+  },
+  plugins: ['@typescript-eslint', 'import', 'tailwindcss'],
+  env: {
+    browser: true,
+    node: true,
+    jest: true,
+  },
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 'latest',
+  },
+  globals: {
+    ga: 'readonly',
+  },
+  ignorePatterns: ['/dist/', '/node_modules/'],
+  settings: {
+    'import/resolver': {
+      node: {
+        paths: ['./'],
+      },
+    },
+  },
+  rules: {
+    'import/prefer-default-export': 'off',
+  },
+  overrides: [
+    {
+      files: ['./**/*.ts', './**/*.tsx'],
+      extends: ['plugin:tailwindcss/recommended', 'plugin:prettier/recommended'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        project: 'tsconfig.json',
+        sourceType: 'module',
+      },
+      settings: {
+        'import/resolver': {
+          node: {
+            paths: ['./'],
+            extensions: ['.ts', '.tsx'],
+          },
+        },
+      },
+      rules: {
+        'no-multi-spaces': 'error',
+        'import/extensions': 'off',
+        'no-continue': 'off',
+        'no-shadow': 'off',
+        'import/prefer-default-export': 'off',
+        '@typescript-eslint/no-unused-vars': 'error',
+        '@typescript-eslint/no-shadow': ['error'],
+      },
+    },
+    {
+      files: ['./cli/**/*.js'],
+      rules: {
+        'import/no-extraneous-dependencies': 'off',
+        'no-console': 'off',
+      },
+    },
+    {
+      // Define the configuration for `.astro` file.
+      files: ['*.astro'],
+      plugins: ['astro'],
+
+      // Enable this plugin
+      env: {
+        // Enables global variables available in Astro components.
+        node: true,
+        'astro/astro': true,
+        es2020: true,
+      },
+      settings: {
+        'import/parsers': {
+          '@typescript-eslint/parser': ['.ts', '.astro'],
+        },
+        'import/resolver': {
+          typescript: {
+            alwaysTryTypes: true,
+            project: './',
+          },
+        },
+      },
+      // Allows Astro components to be parsed.
+      parser: 'astro-eslint-parser',
+      // Parse the script in `.astro` as TypeScript by adding the following configuration.
+      // It's the setting you need when using TypeScript.
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        project: 'tsconfig.json',
+        extraFileExtensions: ['.astro'],
+        // The script of Astro components uses ESM.
+        sourceType: 'module',
+      },
+      rules: {
+        // Enable recommended rules
+        'astro/no-conflict-set-directives': 'error',
+        'astro/no-unused-define-vars-in-style': 'error',
+        'import/no-unresolved': [2, { ignore: ['astro-icon'] }],
+        // override/add rules settings here, such as:
+        // "astro/no-set-html-directive": "error"
+      },
+    },
+  ],
+};

.github/workflows/build.yml

@@ -3,7 +3,8 @@ name: vmello-website-ci
 on: [push]
 
 jobs:
-  build-and-test:
+  lint-build-test:
+    name: Lint / Build / Test
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -12,14 +13,20 @@ jobs:
       - name: Cache node modules
         uses: actions/cache@v2
         with:
-          path: ~/.npm
-          key: ${{ runner.os }}-build-${{ hashFiles('**/package-lock.json') }}
+          path: ~/.yarn
+          key: ${{ runner.os }}-build-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-build-
             ${{ runner.os }}-
 
       - name: Install dependencies
-        run: npm install
+        run: yarn install --immutable
 
-      - name: Run tests
-        run: npm run test
+      - name: Lint
+        run: yarn lint
+
+      - name: Build project
+        run: yarn build
+
+      - name: Test Resume Export
+        run: yarn resume:generate

.gitignore

@@ -1,67 +1,34 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
+# Package Managers
 .npm
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 
 # Optional eslint cache
 .eslintcache
 
-# Optional REPL history
-.node_repl_history
+# build output
+dist/
 
-# Output of 'npm pack'
-*.tgz
+# generated types
+.astro/
 
-# dotenv environment variables file
-.env
+# dependencies
+node_modules/
 
-# Next.js files
-.cache/
-.next/
-out/
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
 
-# Mac files
-.DS_Store
+# environment variables
+.env
+.env.production
 
-# IDEs
-.idea
-.history
+# macOS-specific files
+.DS_Store

.nvmrc

@@ -1 +1 @@
-14
+18

.prettierignore

@@ -1,2 +1 @@
-*.js
-*.jsx
+node_modules/

.prettierrc

@@ -1,4 +1,5 @@
 {
-  "printWidth": 120,
-  "singleQuote": true
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "all"
 }

.stylelintrc.json

@@ -1,17 +1,12 @@
 {
   "extends": "stylelint-config-sass-guidelines",
-  "ignoreFiles": [
-    "node_modules/**/*",
-    "**/*.js",
-    "**/*.jsx"
-  ],
+  "ignoreFiles": ["node_modules/**/*", "**/*.js", "**/*.jsx"],
   "rules": {
     "max-nesting-depth": 5,
     "selector-max-compound-selectors": 5,
     "selector-class-pattern": null,
     "selector-max-id": 1,
     "color-hex-length": "long",
-    "order/properties-alphabetical-order": null,
     "selector-no-qualifying-type": [true, { "severity": "warning" }],
     "scss/at-extend-no-missing-placeholder": [true, { "severity": "warning" }],
     "declaration-block-no-duplicate-properties": [

.vscode/extensions.json

@@ -1,11 +1,13 @@
 {
   "recommendations": [
+    "astro-build.astro-vscode",
     "dbaeumer.vscode-eslint",
     "stylelint.vscode-stylelint",
     "zignd.html-css-class-completion",
     "clinyong.vscode-css-modules",
     "redhat.vscode-yaml",
     "mrmlnc.vscode-scss",
     "tomoki1207.pdf"
-  ]
+  ],
+  "unwantedRecommendations": []
 }