feat: add intersection observer + latest articles

.eslintrc.cjs

@@ -1,57 +1,58 @@
 const tsconfig = require('./scripts/get-tsconfig.cjs');
 
 module.exports = {
-  parser: '@typescript-eslint/parser',
-  settings: {
-    react: {
-      version: 'detect',
+    parser: '@typescript-eslint/parser',
+    settings: {
+        react: {
+            version: 'detect',
+        },
     },
-  },
-  env: {
-    browser: true,
-    es2023: true,
-  },
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/eslint-recommended', 'prettier'],
-  overrides: [
-    {
-      files: tsconfig.include,
-      parserOptions: {
-        project: true,
-        tsconfigRootDir: __dirname,
-        extraFileExtensions: ['.astro', '.css'],
-      },
+    env: {
+        browser: true,
+        es2023: true,
     },
-    {
-      files: ['*.astro'],
-      parser: 'astro-eslint-parser',
-      extends: ['plugin:astro/recommended', 'prettier'],
-      parserOptions: {
-        parser: '@typescript-eslint/parser',
+    extends: ['eslint:recommended', 'plugin:@typescript-eslint/eslint-recommended', 'prettier'],
+    overrides: [
+        {
+            files: tsconfig.include,
+            parserOptions: {
+                project: true,
+                tsconfigRootDir: __dirname,
+                extraFileExtensions: ['.astro', '.css'],
+            },
+        },
+        {
+            files: ['*.astro'],
+            parser: 'astro-eslint-parser',
+            extends: ['plugin:astro/recommended', 'prettier'],
+            parserOptions: {
+                project: null,
+                parser: '@typescript-eslint/parser',
+                extraFileExtensions: ['.astro', '.css'],
+            },
+            rules: {},
+        },
+        {
+            files: ['*.jsx', '*.tsx'],
+            extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended', 'prettier'],
+            plugins: ['react'],
+            rules: {
+                'react/prop-types': 'off',
+            },
+        },
+    ],
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
         extraFileExtensions: ['.astro', '.css'],
-      },
-      rules: {},
+        project: './tsconfig.json',
     },
-    {
-      files: ['*.jsx', '*.tsx'],
-      extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended', 'prettier'],
-      plugins: ['react'],
-      rules: {
+    plugins: ['@typescript-eslint'],
+    rules: {
         'react/prop-types': 'off',
-      },
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+        'no-restricted-imports': ['error'],
     },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    extraFileExtensions: ['.astro', '.css'],
-    project: './tsconfig.json',
-  },
-  plugins: ['@typescript-eslint'],
-  rules: {
-    'react/prop-types': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
-    'no-restricted-imports': ['error'],
-  },
 };

.github/dependabot.yml

@@ -1,8 +1,8 @@
 version: 2
 updates:
-  - package-ecosystem: npm
-    directory: '/'
-    schedule:
-      interval: monthly
-      time: '16:30'
-    open-pull-requests-limit: 0
+    - package-ecosystem: npm
+      directory: '/'
+      schedule:
+          interval: monthly
+          time: '16:30'
+      open-pull-requests-limit: 0

.github/renovate.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["config:recommended", "schedule:monthly"],
-  "labels": ["dependencies", "renovate"]
+    "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+    "extends": ["config:recommended", "schedule:monthly"],
+    "labels": ["dependencies", "renovate"]
 }

.github/workflows/codeql-analysis.yml

@@ -1,36 +1,36 @@
 name: CodeQL Analysis
 concurrency:
-  group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
-  cancel-in-progress: true
+    group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
+    cancel-in-progress: true
 on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-  schedule:
-    - cron: '0 0 * * 0'
-  workflow_dispatch:
+    push:
+        branches: [main]
+    pull_request:
+        branches: [main]
+    schedule:
+        - cron: '0 0 * * 0'
+    workflow_dispatch:
 jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-    permissions:
-      actions: read
-      contents: read
-      security-events: write
-    strategy:
-      fail-fast: false
-      matrix:
-        language: ['JavaScript', 'TypeScript']
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-      - name: Initialize CodeQL
-        uses: github/codeql-action/init@v1
-        with:
-          languages: ${{ matrix.language }}
-          queries: security-extended, security-and-quality
-      - name: Autobuild
-        uses: github/codeql-action/autobuild@v1
-      - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@v1
+    analyze:
+        name: Analyze
+        runs-on: ubuntu-latest
+        permissions:
+            actions: read
+            contents: read
+            security-events: write
+        strategy:
+            fail-fast: false
+            matrix:
+                language: ['JavaScript', 'TypeScript']
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v2
+            - name: Initialize CodeQL
+              uses: github/codeql-action/init@v1
+              with:
+                  languages: ${{ matrix.language }}
+                  queries: security-extended, security-and-quality
+            - name: Autobuild
+              uses: github/codeql-action/autobuild@v1
+            - name: Perform CodeQL Analysis
+              uses: github/codeql-action/analyze@v1

.github/workflows/dependency-review.yml

@@ -1,12 +1,12 @@
 name: Dependency Review
 on: [pull_request]
 permissions:
-  contents: read
+    contents: read
 jobs:
-  dependency-review:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Repository
-        uses: actions/checkout@v3
-      - name: Dependency Review
-        uses: actions/dependency-review-action@v1
+    dependency-review:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout Repository
+              uses: actions/checkout@v3
+            - name: Dependency Review
+              uses: actions/dependency-review-action@v1

.lintstagedrc.json

@@ -1,5 +1,5 @@
 {
-  "src/**/*.{ts,tsx,css}": ["yarn format:all"],
-  "src/**/*.{ts,tsx}": ["yarn lint:ts"],
-  "src/**/*.{css}": ["yarn lint:styles"]
+    "src/**/*.{ts,tsx,css}": ["yarn format:all"],
+    "src/**/*.{ts,tsx}": ["yarn lint:ts"],
+    "src/**/*.{css}": ["yarn lint:styles"]
 }

.stylelintrc.cjs

@@ -1,10 +1,10 @@
 module.exports = {
-  extends: 'stylelint-config-standard-scss',
-  plugins: ['stylelint-order'],
-  rules: {
-    'order/properties-alphabetical-order': true,
-    'selector-class-pattern': null,
-    'value-keyword-case': null,
-    'custom-property-pattern': null,
-  },
+    extends: 'stylelint-config-standard-scss',
+    plugins: ['stylelint-order'],
+    rules: {
+        'order/properties-alphabetical-order': true,
+        'selector-class-pattern': null,
+        'value-keyword-case': null,
+        'custom-property-pattern': null,
+    },
 };

astro.config.mjs

@@ -3,27 +3,27 @@ import mdx from '@astrojs/mdx';
 import sitemap from '@astrojs/sitemap';
 import react from '@astrojs/react';
 import partytown from '@astrojs/partytown';
-import netlify from '@astrojs/netlify/functions';
+import netlify from '@astrojs/netlify';
 import { astroImageTools } from 'astro-imagetools';
 
 export default defineConfig({
-  site: 'https://biancafiore.me',
-  integrations: [
-    mdx(),
-    sitemap(),
-    react(),
-    astroImageTools,
-    partytown({
-      config: {
-        forward: ['dataLayer.push'],
-      },
-    }),
-  ],
-  output: 'server',
-  adapter: netlify(),
-  vite: {
-    define: {
-      'import.meta.env.PUBLIC_GOOGLE_ANALYTICS_ID': process.env.PUBLIC_GOOGLE_ANALYTICS_ID,
+    site: 'https://biancafiore.me',
+    integrations: [
+        mdx(),
+        sitemap(),
+        react(),
+        astroImageTools,
+        partytown({
+            config: {
+                forward: ['dataLayer.push'],
+            },
+        }),
+    ],
+    output: 'server',
+    adapter: netlify(),
+    vite: {
+        define: {
+            'import.meta.env.PUBLIC_GOOGLE_ANALYTICS_ID': process.env.PUBLIC_GOOGLE_ANALYTICS_ID,
+        },
     },
-  },
 });

commitlint.config.js

@@ -1,8 +1,8 @@
 module.exports = {
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'scope-case': [2, 'always', ['lower-case', 'pascal-case', 'camel-case']],
-    'scope-enum': [2, 'always', ['only-ui', 'deps', 'other']],
-    'header-max-length': [2, 'always', 130],
-  },
+    extends: ['@commitlint/config-conventional'],
+    rules: {
+        'scope-case': [2, 'always', ['lower-case', 'pascal-case', 'camel-case']],
+        'scope-enum': [2, 'always', ['only-ui', 'deps', 'other']],
+        'header-max-length': [2, 'always', 130],
+    },
 };