Housekeeping: upgrade packages and bump theme (#226)

iterative · Jul 10, 2023 · 2f0340a · 2f0340a
1 parent 0a90bb9
commit 2f0340a
Show file tree

Hide file tree

Showing 10 changed files with 1,001 additions and 839 deletions.
diff --git a/.stylelintrc b/.stylelintrc
@@ -31,6 +31,7 @@
         "ignoreFunctions": ["a", "color-mod"]
       }
     ],
-    "media-feature-range-notation": null
+    "media-feature-range-notation": null,
+    "media-query-no-invalid": null
   }
 }
diff --git a/package.json b/package.json
@@ -26,19 +26,19 @@
   ],
   "devDependencies": {
     "@release-it-plugins/workspaces": "^3.2.0",
-    "@typescript-eslint/eslint-plugin": "5.59.5",
-    "@typescript-eslint/parser": "5.59.5",
-    "eslint": "8.40.0",
+    "@typescript-eslint/eslint-plugin": "5.61.0",
+    "@typescript-eslint/parser": "5.61.0",
+    "eslint": "8.44.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-json": "3.1.0",
     "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-prettier": "^5.0.0-alpha.2",
     "eslint-plugin-react": "7.32.2",
-    "gatsby-plugin-postcss": "^6.4.0",
+    "gatsby-plugin-postcss": "^6.11.0",
     "husky": "8.0.3",
-    "lint-staged": "13.2.2",
-    "prettier": "2.8.8",
-    "stylelint": "15.6.1",
-    "stylelint-config-standard": "33.0.0"
+    "lint-staged": "13.2.3",
+    "prettier": "3.0.0",
+    "stylelint": "15.10.1",
+    "stylelint-config-standard": "34.0.0"
   }
 }
diff --git a/packages/example/package.json b/packages/example/package.json
@@ -12,13 +12,11 @@
   },
   "dependencies": {
     "@dvcorg/gatsby-theme-iterative": "*",
-    "@sentry/gatsby": "^7.51.2",
-    "gatsby": "^5.9.1",
-    "gatsby-transformer-remark": "^6.1.0",
+    "eslint": "^8.44.0",
+    "gatsby": "^5.11.0",
+    "gatsby-transformer-remark": "^6.11.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "devDependencies": {
-    "eslint": "8.40.0"
-  }
+  "devDependencies": {}
 }
diff --git a/packages/gatsby-theme-iterative/createPages.js b/packages/gatsby-theme-iterative/createPages.js
@@ -40,26 +40,24 @@ const createPages = async (
   const { default: GithubSlugger } = await import('github-slugger')
   const slugger = new GithubSlugger()
 
-  const docsResponse = await graphql(
-    `
-      {
-        docs: allDocsPage(limit: 9999) {
-          edges {
-            node {
-              id
-              slug
-              template
-              parent {
-                ... on MarkdownRemark {
-                  rawMarkdownBody
-                }
+  const docsResponse = await graphql(`
+    {
+      docs: allDocsPage(limit: 9999) {
+        edges {
+          node {
+            id
+            slug
+            template
+            parent {
+              ... on MarkdownRemark {
+                rawMarkdownBody
               }
             }
           }
         }
       }
-    `
-  )
+    }
+  `)
 
   if (docsResponse.errors) {
     throw docsResponse.errors

diff --git a/packages/gatsby-theme-iterative/package.json b/packages/gatsby-theme-iterative/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dvcorg/gatsby-theme-iterative",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "",
   "main": "index.js",
   "types": "src/typings.d.ts",
@@ -12,36 +12,37 @@
   "dependencies": {
     "@reach/portal": "^0.18.0",
     "@reach/skip-nav": "^0.18.0",
-    "@sentry/gatsby": "^7.51.2",
+    "@sentry/gatsby": "^7.57.0",
     "@svgr/webpack": "^8.0.0",
     "@types/gatsbyjs__reach-router": "^2.0.0",
     "@types/isomorphic-fetch": "^0.0.36",
     "@types/promise-polyfill": "^6.0.4",
     "@types/react-collapse": "^5.0.1",
     "@types/react-helmet": "^6.1.6",
-    "@types/unist": "^2.0.6",
+    "@types/unist": "^3.0.0",
     "autoprefixer": "^10.4.4",
     "classnames": "^2.3.1",
     "ease-component": "^1.0.0",
-    "gatsby-plugin-image": "^3.4.0",
-    "gatsby-plugin-manifest": "^5.4.0",
-    "gatsby-plugin-postcss": "^6.4.0",
-    "gatsby-plugin-react-helmet": "^6.4.0",
-    "gatsby-plugin-sharp": "^5.8.1",
-    "gatsby-plugin-sitemap": "^6.4.0",
+    "eslint": "^8.44.0",
+    "gatsby-plugin-image": "^3.11.0",
+    "gatsby-plugin-manifest": "^5.11.0",
+    "gatsby-plugin-postcss": "^6.11.0",
+    "gatsby-plugin-react-helmet": "^6.11.0",
+    "gatsby-plugin-sharp": "^5.11.0",
+    "gatsby-plugin-sitemap": "^6.11.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
-    "gatsby-remark-autolink-headers": "^6.4.0",
-    "gatsby-remark-copy-linked-files": "^6.4.0",
+    "gatsby-remark-autolink-headers": "^6.11.0",
+    "gatsby-remark-copy-linked-files": "^6.11.0",
     "gatsby-remark-embed-gist": "^1.2.1",
     "gatsby-remark-embedder": "^7.0.0",
     "gatsby-remark-external-links": "^0.0.4",
-    "gatsby-remark-images": "^7.4.0",
-    "gatsby-remark-prismjs": "^7.4.0",
-    "gatsby-remark-responsive-iframe": "^6.4.0",
-    "gatsby-remark-smartypants": "^6.4.0",
-    "gatsby-source-filesystem": "^5.4.0",
-    "gatsby-transformer-remark": "^6.1.0",
-    "gatsby-transformer-sharp": "^5.4.0",
+    "gatsby-remark-images": "^7.11.0",
+    "gatsby-remark-prismjs": "^7.11.0",
+    "gatsby-remark-responsive-iframe": "^6.11.1",
+    "gatsby-remark-smartypants": "^6.11.0",
+    "gatsby-source-filesystem": "^5.11.0",
+    "gatsby-transformer-remark": "^6.11.0",
+    "gatsby-transformer-sharp": "^5.11.0",
     "github-markdown-css": "^5.1.0",
     "github-slugger": "^2.0.0",
     "hast-util-select": "^5.0.4",
@@ -50,37 +51,36 @@
     "lodash": "^4.17.21",
     "nanoid": "^4.0.0",
     "perfect-scrollbar": "^1.5.5",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.25",
     "postcss-nested": "^6.0.0",
     "prismjs": "^1.29.0",
     "promise-polyfill": "^8.2.3",
     "react-collapse": "^5.1.1",
     "react-collapsible": "^2.8.4",
     "react-helmet": "^6.1.0",
-    "react-intersection-observer": "^9.3.5",
+    "react-intersection-observer": "^9.5.2",
     "react-use": "^17.3.2",
     "rehype-parse": "^8.0.4",
     "rehype-react": "^7.0.4",
     "rehype-stringify": "^9.0.3",
-    "remark": "^14.0.2",
+    "remark": "^14.0.3",
     "remark-html": "^15.0.1",
-    "remark-parse": "^10.0.1",
-    "remark-preset-lint-recommended": "^6.1.2",
+    "remark-parse": "^10.0.2",
+    "remark-preset-lint-recommended": "^6.1.3",
     "reset-css": "^5.0.1",
     "scroll": "^3.0.1",
     "tailwindcss": "^3.1.3",
     "title-case": "^3.0.3",
     "unified": "^10.1.2",
-    "unist-util-remove-position": "^4.0.1",
-    "unist-util-visit": "^4.1.0"
+    "unist-util-remove-position": "^5.0.0",
+    "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
-    "@types/hast": "2.3.4",
-    "@typescript-eslint/eslint-plugin": "5.59.5",
-    "@typescript-eslint/parser": "5.59.5",
-    "eslint": "8.40.0",
-    "stylelint": "15.6.1",
-    "typescript": "5.0.4"
+    "@types/hast": "3.0.0",
+    "@typescript-eslint/eslint-plugin": "5.61.0",
+    "@typescript-eslint/parser": "5.61.0",
+    "stylelint": "15.10.1",
+    "typescript": "5.1.6"
   },
   "peerDependencies": {
     "gatsby": "^5.0.0",

diff --git a/packages/gatsby-theme-iterative/src/components/Documentation/Layout/styles.module.css b/packages/gatsby-theme-iterative/src/components/Documentation/Layout/styles.module.css
@@ -58,7 +58,9 @@
   z-index: 2;
   bottom: 0;
   left: 0;
-  box-shadow: rgb(0 0 0 / 14%) 0 0 4px, rgb(0 0 0 / 28%) 0 4px 8px;
+  box-shadow:
+    rgb(0 0 0 / 14%) 0 0 4px,
+    rgb(0 0 0 / 28%) 0 4px 8px;
   transform: translateX(-110%);
   transition: transform 0.35s ease;
 

diff --git a/packages/gatsby-theme-iterative/src/components/HamburgerMenu/styles.module.css b/packages/gatsby-theme-iterative/src/components/HamburgerMenu/styles.module.css
@@ -9,7 +9,9 @@
   position: fixed;
   z-index: 11;
   transform: translateX(100%);
-  transition: transform 0.4s ease, visibility 0.4s;
+  transition:
+    transform 0.4s ease,
+    visibility 0.4s;
   will-change: transform;
   inset: 0;
   background-color: var(--color-gray-hover);
@@ -44,7 +46,11 @@
   justify-content: center;
   background: transparent;
   outline: none;
-  transition: 0.5s all, opacity 0.2s, outline-offset 0s, outline-width 0s,
+  transition:
+    0.5s all,
+    opacity 0.2s,
+    outline-offset 0s,
+    outline-width 0s,
     outline-color 0s;
 
   &:hover {
@@ -212,7 +218,9 @@ a.sectionHeading {
   text-align: center;
   text-decoration: none;
   color: #24292e;
-  transition: background-color 0.2s ease-in, opacity 0.2s ease-in;
+  transition:
+    background-color 0.2s ease-in,
+    opacity 0.2s ease-in;
 
   &:hover {
     cursor: pointer;

diff --git a/packages/gatsby-theme-iterative/src/components/LayoutHeader/Nav/Popup/styles.module.css b/packages/gatsby-theme-iterative/src/components/LayoutHeader/Nav/Popup/styles.module.css
@@ -10,7 +10,9 @@
   background-color: #fff;
   filter: drop-shadow(0 2px 8px rgb(0 0 0 / 15%));
   border-radius: 12px;
-  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
+  transition:
+    opacity 0.2s ease-in-out,
+    visibility 0.2s ease-in-out;
 
   &.visible {
     opacity: 1;

diff --git a/packages/gatsby-theme-iterative/src/queries/siteMeta.ts b/packages/gatsby-theme-iterative/src/queries/siteMeta.ts
@@ -16,26 +16,24 @@ interface ISiteMeta {
 export default function siteMeta(): ISiteMeta {
   const {
     site: { siteMetadata }
-  } = useStaticQuery(
-    graphql`
-      query SiteMetadata {
-        site {
-          siteMetadata {
-            title
-            description
-            keywords
-            siteUrl
-            titleTemplate
-            imageAlt
-            plausibleDomain
-            plausibleSrc
-            plausibleAPI
-            twitterUsername
-          }
+  } = useStaticQuery(graphql`
+    query SiteMetadata {
+      site {
+        siteMetadata {
+          title
+          description
+          keywords
+          siteUrl
+          titleTemplate
+          imageAlt
+          plausibleDomain
+          plausibleSrc
+          plausibleAPI
+          twitterUsername
         }
       }
-    `
-  )
+    }
+  `)
 
   return siteMetadata
 }