chore: module import optimization

apps/web/.contentlayer/generated/index.mjs

@@ -4,8 +4,8 @@ export { isType } from 'contentlayer/client'
 
 // NOTE During development Contentlayer imports from `.mjs` files to improve HMR speeds.
 // During (production) builds Contentlayer it imports from `.json` files to improve build performance.
-import { allPosts } from './Post/_index.mjs'
-import { allMarkdowns } from './Markdown/_index.mjs'
+import allPosts from './Post/_index.json' assert { type: 'json' }
+import allMarkdowns from './Markdown/_index.json' assert { type: 'json' }
 
 export { allPosts, allMarkdowns }
 

apps/web/components/Anchor.tsx

@@ -1,4 +1,4 @@
-import { Link as LinkIcon } from '@styled-icons/material'
+import { Link as LinkIcon } from '@styled-icons/material/Link/Link'
 import styled, { css } from 'styled-components'
 import { mobile } from '../utils/media'
 import rem from '../utils/rem'

apps/web/components/Footer/index.tsx

@@ -1,4 +1,4 @@
-import { Favorite } from '@styled-icons/material'
+import { Favorite } from '@styled-icons/material/Favorite/Favorite'
 import styled, { css } from 'styled-components'
 import { grey, paleGrey, red } from '../../utils/colors'
 import { mobile } from '../../utils/media'

apps/web/components/Nav/MobileNavbar.tsx

@@ -1,9 +1,8 @@
-import { KeyboardArrowDown } from '@styled-icons/material';
+import { KeyboardArrowDown } from '@styled-icons/material/KeyboardArrowDown/KeyboardArrowDown';
 import styled, { css } from 'styled-components';
 import { mobile } from '../../utils/media';
 import rem from '../../utils/rem';
 import { navbarHeight } from '../../utils/sizes';
-import Link from '../Link';
 import NavButton from './NavButton';
 import { CloseIcon, FoldIcon } from './NavIcons';
 import NavLinks from './NavLinks';

apps/web/components/Nav/Social.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Github } from '@styled-icons/fa-brands';
+import { Github } from '@styled-icons/fa-brands/Github/Github';
 import rem from '../../utils/rem';
 import { navbarHeight } from '../../utils/sizes';
 import Link from '../Link';

apps/web/components/NextPage.tsx

@@ -1,9 +1,9 @@
-import { KeyboardArrowRight } from '@styled-icons/material';
-import styled, { css } from 'styled-components';
-import { grey } from '../utils/colors';
-import { mobile } from '../utils/media';
-import rem from '../utils/rem';
-import Link, { LinkProps } from './Link';
+import { KeyboardArrowRight } from '@styled-icons/material/KeyboardArrowRight/KeyboardArrowRight'
+import styled, { css } from 'styled-components'
+import { grey } from '../utils/colors'
+import { mobile } from '../utils/media'
+import rem from '../utils/rem'
+import Link, { LinkProps } from './Link'
 
 const Wrapper = styled(Link).attrs((/* props */) => ({
  unstyled: true,
@@ -16,34 +16,34 @@ const Wrapper = styled(Link).attrs((/* props */) => ({
  width: 100%;
  padding: ${rem(40)} ${rem(20)};
  text-align: right;
- font-family: ${props => props.theme.fontFamily};
+ font-family: ${(props) => props.theme.fontFamily};
 
  ${mobile(css`
  text-align: left;
  justify-content: center;
  padding: ${rem(30)} ${rem(20)};
  `)};
-`;
+`
 
 const Text = styled.h3`
  font-weight: normal;
  padding-right: ${rem(20)};
  margin: 0;
-`;
+`
 
 const PageName = styled.h2`
  font-weight: 600;
  padding-right: ${rem(20)};
  margin: 0;
-`;
+`
 
 const Icon = styled(KeyboardArrowRight)`
  color: ${grey};
  width: ${rem(30)};
-`;
+`
 
 export interface NextPageProps extends Pick<LinkProps, 'href'> {
- title: string;
+ title: string
 }
 
 const NextPage = ({ title, href }: NextPageProps) => (
@@ -57,6 +57,6 @@ const NextPage = ({ title, href }: NextPageProps) => (
  <Icon />
  </div>
  </Wrapper>
-);
+)
 
-export default NextPage;
+export default NextPage

apps/web/package.json

@@ -10,7 +10,6 @@
  "precommit": "lint-staged",
  "build": "NODE_ENV=production next build",
  "start": "NODE_ENV=production next start",
- "test": "jest -c .jest.config.js",
  "prettier": "prettier --write \"**/*.*\""
  },
  "dependencies": {
@@ -20,7 +19,6 @@
  "@mdx-js/react": "^3.0.1",
  "@newhighsco/next-plugin-svgr": "^3.0.131",
  "@next/mdx": "^14.2.3",
- "@styled-icons/boxicons-regular": "^10.47.0",
  "@styled-icons/fa-brands": "^10.47.0",
  "@styled-icons/material": "^10.47.0",
  "contentlayer": "^0.3.4",
@@ -43,7 +41,6 @@
  "devDependencies": {
  "@octokit/types": "^9.2.3",
  "@types/enzyme": "^3.10.13",
- "@types/jest": "^29.5.1",
  "@types/mdx": "^2.0.5",
  "@types/node": "^18.16.14",
  "@types/react": "^18.3.0",
@@ -56,15 +53,11 @@
  "csstype": "^3.1.2",
  "enzyme": "^3.11.0",
  "enzyme-to-json": "^3.6.2",
- "jest": "^29.5.0",
- "jest-environment-jsdom": "^29.5.0",
- "jest-styled-components": "^7.1.1",
  "lint-staged": "^13.2.2",
  "prettier": "^2.8.8",
  "react-test-renderer": "^18.3.1",
  "remark-gfm": "^4.0.0",
  "rimraf": "^3.0.2",
- "ts-jest": "^29.1.0",
  "typescript": "^5.0.4",
  "webpack-bundle-analyzer": "^4.8.0"
  }