Merge pull request #169 from marcomontalbano/update-website

Update website

.eslintignore

@@ -1,2 +1,3 @@
 **/dist/*
 **/node_modules/*
+**/out/*

package.json

@@ -17,7 +17,7 @@
     "postinstall": "husky install",
     "clean": "rm -rf node_modules/ output/ */*/node_modules */*/dist */*/tsconfig.tsbuildinfo",
     "build": "tsc --build packages/**/tsconfig.json",
-    "lint": "yarn build && eslint . --ignore-pattern=node_modules --ignore-pattern=output --ignore-pattern=dist --ext .js,.jsx,.ts",
+    "lint": "yarn build && eslint . --ignore-pattern=node_modules --ignore-pattern=output --ignore-pattern=dist --ext .js,.jsx,.ts,.tsx",
     "test": "yarn build && vitest run --exclude '**/integration.test.ts'",
     "test:integration": "yarn build && vitest watch integration.test.ts",
     "test:watch": "yarn build && vitest watch --exclude '**/integration.test.ts'",

packages/website/.eslintrc.js

@@ -1,13 +1,14 @@
 module.exports = {
-    root: true,
-    extends: 'next',
-    'settings': {
-        'next': {
-            'rootDir': 'packages/website/'
-        }
-    },
-    'rules': {
-        '@next/next/no-img-element': 'off',
-        '@next/next/no-css-tags': 'off'
+  root: true,
+  extends: 'next',
+  'settings': {
+    'next': {
+      'rootDir': 'packages/website/'
     }
-};
+  },
+  'rules': {
+    '@next/next/no-img-element': 'off',
+    '@next/next/no-css-tags': 'off',
+    'indent': ['error', 2]
+  }
+}

packages/website/next.config.js → packages/website/next.config.mjs

@@ -1,14 +1,8 @@
-// @ts-check
-
-// const withImages = require('next-images');
-// module.exports = withImages(nextConfig);
-
-
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   // https://nextjs.org/docs/api-reference/next.config.js/react-strict-mode
   reactStrictMode: true,
   output: 'export'
 }
 
-module.exports = nextConfig;
+export default nextConfig

packages/website/package.json

@@ -1,51 +1,52 @@
 {
-    "private": true,
-    "name": "@figma-export/website",
-    "version": "6.0.0",
-    "description": "Website for @figma-export",
-    "author": "Marco Montalbano",
-    "keywords": [
-        "figma",
-        "export",
-        "design",
-        "icons",
-        "typography",
-        "components"
-    ],
-    "homepage": "https://figma-export.marcomontalbano.com/",
-    "license": "MIT",
-    "scripts": {
-        "clean": "rimraf dist output .next out",
-        "figma:export": "figma-export use-config .figmaexportrc.mjs",
-        "next:lint": "next lint",
-        "next:dev": "next dev",
-        "next:build": "next build",
-        "dev": "run-s figma:export next:dev",
-        "build": "run-s clean figma:export next:build"
-    },
-    "devDependencies": {
-        "@figma-export/cli": "^6.0.0",
-        "@figma-export/utils": "^6.0.0",
-        "@types/react": "^18.3.1",
-        "eslint-config-next": "^14.2.3",
-        "npm-run-all": "~4.1.5",
-        "rimraf": "~5.0.6",
-        "sass": "~1.77.0"
-    },
-    "dependencies": {
-        "@svgr/plugin-jsx": "^8.1.0",
-        "next": "^14.2.3",
-        "prismjs": "^1.29.0",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1"
-    },
-    "engines": {
-        "node": ">= 18.17"
-    },
-    "browserslist": [
-        ">0.3%",
-        "not ie 11",
-        "not dead",
-        "not op_mini all"
-    ]
+  "private": true,
+  "name": "@figma-export/website",
+  "version": "6.0.0",
+  "description": "Website for @figma-export",
+  "author": "Marco Montalbano",
+  "keywords": [
+    "figma",
+    "export",
+    "design",
+    "icons",
+    "typography",
+    "components"
+  ],
+  "homepage": "https://figma-export.marcomontalbano.com/",
+  "license": "MIT",
+  "scripts": {
+    "clean": "rimraf dist output .next out",
+    "figma:export": "figma-export use-config .figmaexportrc.mjs",
+    "next:lint": "next lint",
+    "next:dev": "next dev",
+    "next:build": "next build",
+    "dev": "run-s figma:export next:dev",
+    "build": "run-s clean figma:export next:build"
+  },
+  "devDependencies": {
+    "@figma-export/cli": "^6.0.0",
+    "@figma-export/utils": "^6.0.0",
+    "@types/react": "^18.3.1",
+    "eslint-config-next": "^14.2.3",
+    "npm-run-all": "~4.1.5",
+    "rimraf": "~5.0.6",
+    "sass": "~1.77.0"
+  },
+  "dependencies": {
+    "@svgr/plugin-jsx": "^8.1.0",
+    "@types/prismjs": "^1.26.4",
+    "next": "^14.2.3",
+    "prismjs": "^1.29.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "engines": {
+    "node": ">= 18.17"
+  },
+  "browserslist": [
+    ">0.3%",
+    "not ie 11",
+    "not dead",
+    "not op_mini all"
+  ]
 }

packages/website/scss/index.scss

@@ -48,6 +48,11 @@ pre[class*=language-] {
     line-height: 1.8em;
 }
 
+pre.Code {
+    text-align: left;
+    font-size: 12px;
+}
+
 :not(pre)>code[class*=language-], pre[class*=language-] {
     background-color: transparent;
 }