Update main deps (parcel, tailwind) + node LTS (#219)

rgehan · Nov 19, 2023 · ccd5705 · ccd5705
1 parent 34678ce
commit ccd5705
Show file tree

Hide file tree

Showing 11 changed files with 1,872 additions and 3,110 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,6 +3,7 @@ node_modules/
 yarn-error.log
 
 .cache/
+.parcel-cache/
 
 dist/
 dist.crx

diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-18
+20
diff --git a/.parcelrc b/.parcelrc
@@ -0,0 +1,6 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "*.{ts,tsx}": ["@parcel/transformer-typescript-tsc"]
+  }
+}
diff --git a/manifest.json b/manifest.json
@@ -15,7 +15,7 @@
     "newtab": "index.html"
   },
   "background": {
-    "service_worker": "service_worker.js"
+    "service_worker": "service_worker/index.js"
   },
   "action": {
     "default_title": "OctoLenses",

diff --git a/package.json b/package.json
@@ -1,7 +1,19 @@
 {
   "name": "github-trending-chrome-extension",
+  "targets": {
+    "app": {
+      "context": "browser",
+      "distDir": "dist/",
+      "source": "src/index.html"
+    },
+    "service_worker": {
+      "context": "service-worker",
+      "distDir": "dist/service_worker/",
+      "source": "src/service_worker/index.js"
+    }
+  },
+  "browserslist": "> 0.5%, last 2 versions, not dead",
   "version": "2.1.2",
-  "main": "index.js",
   "author": "Renan GEHAN <rgehan94@gmail.com>",
   "license": "MIT",
   "dependencies": {
@@ -34,6 +46,9 @@
     "@babel/plugin-proposal-class-properties": "^7.7.0",
     "@babel/plugin-proposal-decorators": "^7.6.0",
     "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
+    "@parcel/config-default": "^2.10.0",
+    "@parcel/transformer-sass": "2.10.0",
+    "@parcel/transformer-typescript-tsc": "^2.10.0",
     "@types/chrome": "^0.0.239",
     "@types/classnames": "^2.2.9",
     "@types/clipboard": "^2.0.1",
@@ -47,17 +62,19 @@
     "@types/uuid": "^3.4.4",
     "@typescript-eslint/eslint-plugin": "^2.8.0",
     "@typescript-eslint/parser": "^2.19.2",
+    "autoprefixer": "^10.4.16",
     "cypress": "12.16.0",
     "eslint": "^6.7.2",
     "eslint-plugin-react": "^7.18.3",
     "jest": "^24.5.0",
     "jest-localstorage-mock": "^2.4.0",
-    "parcel-bundler": "^1.12.3",
+    "parcel": "^2.0.0",
     "prettier": "^1.19.1",
+    "process": "^0.11.10",
     "puppeteer": "^2.0.0",
     "rimraf": "^3.0.2",
     "sass": "^1.24.2",
-    "tailwindcss": "^1.1.3",
+    "tailwindcss": "2",
     "ts-jest": "^24.3.0",
     "typescript": "^3.8.3"
   },
@@ -67,9 +84,7 @@
     "copyManifest": "cp manifest.json dist/manifest.json",
     "copyIcons": "cp -r icons/ dist/icons/",
     "syncManifestVersion": "version=$(jq -r .version package.json) && sed -i '' \"s/<version>/$version/\" dist/manifest.json && echo \"Updated manifest with version: $version\"",
-    "build:app": "parcel build src/index.html",
-    "build:service-worker": "parcel build src/service_worker/index.js --out-file service_worker.js",
-    "build:unpacked": "yarn clean && yarn build:app && yarn build:service-worker && yarn copyManifest && yarn copyIcons && yarn syncManifestVersion",
+    "build:unpacked": "yarn clean && parcel build && yarn copyManifest && yarn copyIcons && yarn syncManifestVersion",
     "compress": "cd dist/ && zip -rq ../octolenses-$(jq -r .version ../package.json).zip *",
     "build": "yarn build:unpacked && yarn compress",
     "release": "./scripts/release",
@@ -78,4 +93,4 @@
     "e2e": "cypress open",
     "lint": "eslint --ext ts,tsx src/"
   }
-}
+}
diff --git a/src/components/FilterLink/FilterLink.tsx b/src/components/FilterLink/FilterLink.tsx
@@ -46,7 +46,7 @@ export const FilterLink = compose<IInnerProps, IProps>(
     <div
       key={filter.id}
       className={cx(
-        'flex items-center text-right rtl pr-4 mb-3 cursor-pointer whitespace-no-wrap select-none',
+        'flex items-center text-right rtl pr-4 mb-3 cursor-pointer whitespace-nowrap select-none',
         `hover:${activeColor}`,
         isSelected ? activeColor : 'text-gray-600'
       )}

diff --git a/src/index.html b/src/index.html
@@ -11,7 +11,7 @@
 
 <body>
     <div id="container"></div>
-    <script type="text/javascript" src="index.tsx"></script>
+    <script type="module" src="index.tsx"></script>
 </body>
 
 </html>
diff --git a/src/providers/github/components/IssueCard/ContextualDropdown.tsx b/src/providers/github/components/IssueCard/ContextualDropdown.tsx
@@ -85,7 +85,7 @@ export const ContextualDropdown = compose<IInnerProps, IProps>(
           settingsStore.isDark
             ? 'bg-gray-700'
             : 'bg-white border border-gray-200',
-          'whitespace-no-wrap rounded shadow-lg',
+          'whitespace-nowrap rounded shadow-lg',
           'flex flex-col',
         ])}
       >

diff --git a/src/providers/jira/components/IssueCard/StatusBadge.tsx b/src/providers/jira/components/IssueCard/StatusBadge.tsx
@@ -22,7 +22,7 @@ export const StatusBadge = ({ issue }: IProps) => {
   return (
     <div
       className={cx(
-        'rounded px-2 py-1 ml-3 whitespace-no-wrap',
+        'rounded px-2 py-1 ml-3 whitespace-nowrap',
         COLORS_TO_STYLE[colorName as JiraColor]
       )}
     >

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -20,6 +20,142 @@ module.exports = {
         '4': '1rem',
       },
     },
+    screens: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+    },
+    fontSize: {
+      xs: '0.75rem',
+      sm: '0.875rem',
+      base: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem',
+      '6xl': '4rem',
+    },
+    colors: {
+      transparent: 'transparent',
+      current: 'currentColor',
+
+      black: '#000',
+      white: '#fff',
+
+      gray: {
+        100: '#f7fafc',
+        200: '#edf2f7',
+        300: '#e2e8f0',
+        400: '#cbd5e0',
+        500: '#a0aec0',
+        600: '#718096',
+        700: '#4a5568',
+        800: '#2d3748',
+        900: '#1a202c',
+      },
+      red: {
+        100: '#fff5f5',
+        200: '#fed7d7',
+        300: '#feb2b2',
+        400: '#fc8181',
+        500: '#f56565',
+        600: '#e53e3e',
+        700: '#c53030',
+        800: '#9b2c2c',
+        900: '#742a2a',
+      },
+      orange: {
+        100: '#fffaf0',
+        200: '#feebc8',
+        300: '#fbd38d',
+        400: '#f6ad55',
+        500: '#ed8936',
+        600: '#dd6b20',
+        700: '#c05621',
+        800: '#9c4221',
+        900: '#7b341e',
+      },
+      yellow: {
+        100: '#fffff0',
+        200: '#fefcbf',
+        300: '#faf089',
+        400: '#f6e05e',
+        500: '#ecc94b',
+        600: '#d69e2e',
+        700: '#b7791f',
+        800: '#975a16',
+        900: '#744210',
+      },
+      green: {
+        100: '#f0fff4',
+        200: '#c6f6d5',
+        300: '#9ae6b4',
+        400: '#68d391',
+        500: '#48bb78',
+        600: '#38a169',
+        700: '#2f855a',
+        800: '#276749',
+        900: '#22543d',
+      },
+      teal: {
+        100: '#e6fffa',
+        200: '#b2f5ea',
+        300: '#81e6d9',
+        400: '#4fd1c5',
+        500: '#38b2ac',
+        600: '#319795',
+        700: '#2c7a7b',
+        800: '#285e61',
+        900: '#234e52',
+      },
+      blue: {
+        100: '#ebf8ff',
+        200: '#bee3f8',
+        300: '#90cdf4',
+        400: '#63b3ed',
+        500: '#4299e1',
+        600: '#3182ce',
+        700: '#2b6cb0',
+        800: '#2c5282',
+        900: '#2a4365',
+      },
+      indigo: {
+        100: '#ebf4ff',
+        200: '#c3dafe',
+        300: '#a3bffa',
+        400: '#7f9cf5',
+        500: '#667eea',
+        600: '#5a67d8',
+        700: '#4c51bf',
+        800: '#434190',
+        900: '#3c366b',
+      },
+      purple: {
+        100: '#faf5ff',
+        200: '#e9d8fd',
+        300: '#d6bcfa',
+        400: '#b794f4',
+        500: '#9f7aea',
+        600: '#805ad5',
+        700: '#6b46c1',
+        800: '#553c9a',
+        900: '#44337a',
+      },
+      pink: {
+        100: '#fff5f7',
+        200: '#fed7e2',
+        300: '#fbb6ce',
+        400: '#f687b3',
+        500: '#ed64a6',
+        600: '#d53f8c',
+        700: '#b83280',
+        800: '#97266d',
+        900: '#702459',
+      },
+    },
   },
   variants: {
     backgroundColor: ['responsive', 'hover', 'active'],
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,6 +3,7 @@ node_modules/ @@
     yarn-error.log
     .cache/
+    .parcel-cache/
     dist/
     dist.crx
@@ Expand Down @@