feat: add prettier-config package

.eslintignore

@@ -1,4 +1,4 @@
 node_modules/
 .next/
 **/generated/*.ts
-theme.ts
+theme.ts

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,9 +1,9 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
+title: ""
+labels: ""
+assignees: ""
 ---
 
 **Describe the bug** A clear and concise description of what the bug is.

.github/ISSUE_TEMPLATE/custom.md

@@ -1,7 +1,7 @@
 ---
 name: Custom issue template
 about: Describe this issue template's purpose here.
-title: ''
-labels: ''
-assignees: ''
+title: ""
+labels: ""
+assignees: ""
 ---

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,9 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
+title: ""
+labels: ""
+assignees: ""
 ---
 
 **Is your feature request related to a problem? Please describe.** A clear and concise description

.lintstagedrc.cjs

@@ -1,14 +1,5 @@
-// https://nextjs.org/docs/pages/building-your-application/configuring/eslint#lint-staged
-
-const path = require('path')
-
-const buildEslintCommand = filenames =>
- `next lint --fix --max-warnings 0 --file ${filenames
- .map(f => path.relative(process.cwd(), f))
- .join(' --file ')}`
-
 module.exports = {
- '*.{js,jsx,ts,tsx}': [buildEslintCommand, 'bash -c "pnpm run typecheck"'],
+ '*.{js,jsx,ts,tsx}': ['eslint --fix', 'bash -c "pnpm run typecheck"'],
  '*.{md,json,yaml,ts,tsx}': 'prettier --write',
  '*.css': 'stylelint --fix',
-}
+};

.prettierignore

@@ -1,2 +1,3 @@
 .next/
 pnpm-lock.yaml
+

apps/beets-frontend-v3/.lintstagedrc.mjs

@@ -0,0 +1,13 @@
+// https://nextjs.org/docs/pages/building-your-application/configuring/eslint#lint-staged
+import baseConfig from '../../.lintstagedrc.cjs'
+import path from 'path'
+
+const buildEslintCommand = filenames =>
+ `next lint --fix --max-warnings 0 --file ${filenames
+ .map(f => path.relative(process.cwd(), f))
+ .join(' --file ')}`
+
+export default {
+ ...baseConfig,
+ '*.{js,jsx,ts,tsx}': [buildEslintCommand, 'bash -c "pnpm run typecheck"'],
+}

apps/beets-frontend-v3/.prettierrc.json

@@ -0,0 +1 @@
+"@repo/prettier-config"

apps/beets-frontend-v3/package.json

@@ -36,6 +36,7 @@
  "@chakra-ui/cli": "^2.4.1",
  "@chakra-ui/styled-system": "^2.9.2",
  "@repo/eslint-config": "workspace:*",
+ "@repo/prettier-config": "workspace:*",
  "@repo/typescript-config": "workspace:*",
  "@sentry/types": "^7.89.0",
  "@types/js-cookie": "^3.0.6",
@@ -50,12 +51,8 @@
  "concurrently": "^8.2.2",
  "cross-fetch": "^4.0.0",
  "eslint": "8.43.0",
- "eslint-config-next": "14.0.1",
- "eslint-config-prettier": "^8.8.0",
- "eslint-plugin-prettier": "^4.2.1",
  "happy-dom": "^12.10.3",
  "lokijs": "^1.5.12",
- "prettier": "^2.8.8",
  "sentry-testkit": "^5.0.9",
  "typescript": "5.4.5"
  },

apps/frontend-v3/.lintstagedrc.mjs

@@ -0,0 +1,13 @@
+// https://nextjs.org/docs/pages/building-your-application/configuring/eslint#lint-staged
+import baseConfig from '../../.lintstagedrc.cjs'
+import path from 'path'
+
+const buildEslintCommand = filenames =>
+ `next lint --fix --max-warnings 0 --file ${filenames
+ .map(f => path.relative(process.cwd(), f))
+ .join(' --file ')}`
+
+export default {
+ ...baseConfig,
+ '*.{js,jsx,ts,tsx}': [buildEslintCommand, 'bash -c "pnpm run typecheck"'],
+}

apps/frontend-v3/.prettierrc.json

@@ -0,0 +1 @@
+"@repo/prettier-config"

apps/frontend-v3/package.json

@@ -36,6 +36,7 @@
  "@chakra-ui/cli": "^2.4.1",
  "@chakra-ui/styled-system": "^2.9.2",
  "@repo/eslint-config": "workspace:*",
+ "@repo/prettier-config": "workspace:*",
  "@repo/typescript-config": "workspace:*",
  "@sentry/types": "^7.89.0",
  "@types/js-cookie": "^3.0.6",
@@ -50,12 +51,8 @@
  "concurrently": "^8.2.2",
  "cross-fetch": "^4.0.0",
  "eslint": "8.43.0",
- "eslint-config-next": "14.0.1",
- "eslint-config-prettier": "^8.8.0",
- "eslint-plugin-prettier": "^4.2.1",
  "happy-dom": "^12.10.3",
  "lokijs": "^1.5.12",
- "prettier": "^2.8.8",
  "sentry-testkit": "^5.0.9",
  "typescript": "5.4.5"
  },

packages/eslint-config/.eslintrc.js

@@ -0,0 +1,6 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+ root: true,
+ extends: ["@repo/eslint-config/library.js"],
+ parser: "@typescript-eslint/parser",
+};

packages/eslint-config/.lintstagedrc.mjs

@@ -0,0 +1,4 @@
+export default {
+ '*.js': ['eslint --fix'],
+ '*.{json,js,md}': ['prettier --write'],
+};

packages/eslint-config/library.js

@@ -4,7 +4,7 @@ const project = resolve(process.cwd(), "tsconfig.json");
 
 /** @type {import("eslint").Linter.Config} */
 module.exports = {
- extends: ["eslint:recommended", "prettier", "turbo"],
+ extends: ["eslint:recommended", "turbo", "prettier"],
  plugins: ["only-warn"],
  globals: {
  React: true,

packages/eslint-config/next.js

@@ -2,15 +2,15 @@ const { resolve } = require("node:path");
 
 const project = resolve(process.cwd(), "tsconfig.json");
 
-/** @type {import("eslint").Linter.Config} */
+/** @type {import('eslint').Linter.Config} */
 module.exports = {
  extends: [
  "eslint:recommended",
- 'plugin:@typescript-eslint/recommended',
- 'plugin:prettier/recommended',
+ "plugin:@typescript-eslint/recommended",
  require.resolve("@vercel/style-guide/eslint/next"),
  require.resolve("@vercel/style-guide/eslint/react"),
  "turbo",
+ "prettier",
  ],
  globals: {
  React: true,
@@ -20,7 +20,7 @@ module.exports = {
  node: true,
  browser: true,
  },
- plugins: ['@typescript-eslint', 'prettier', "only-warn"],
+ plugins: ["@typescript-eslint", "only-warn"],
  settings: {
  "import/resolver": {
  typescript: {
@@ -35,36 +35,36 @@ module.exports = {
  ],
  overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
  rules: {
- 'prettier/prettier': 'warn',
- curly: ['error', 'multi-line'],
- 'no-console': ['off'],
- 'max-len': ['warn', { code: 120, ignoreComments: true, ignoreUrls: true }],
- '@typescript-eslint/no-explicit-any': ['off'],
- 'no-html-link-for-pages': ['off'],
- 'no-restricted-imports': [
- 'error',
+ curly: ["error", "multi-line"],
+ "no-console": ["off"],
+ "max-len": ["warn", { code: 120, ignoreComments: true, ignoreUrls: true }],
+ "@typescript-eslint/no-explicit-any": ["off"],
+ "no-html-link-for-pages": ["off"],
+ "no-restricted-imports": [
+ "error",
  {
  patterns: [
  {
- group: ['wagmi'],
- importNames: ['useAccount'],
- message: 'Use useUserAccount instead to avoid hydration issues',
+ group: ["wagmi"],
+ importNames: ["useAccount"],
+ message: "Use useUserAccount instead to avoid hydration issues",
  },
  {
- group: ['wagmi/dist'],
- message: 'Invalid import: remove dist from import path',
+ group: ["wagmi/dist"],
+ message: "Invalid import: remove dist from import path",
  },
  {
- group: ['@apollo/client'],
- importNames: ['useQuery'],
+ group: ["@apollo/client"],
+ importNames: ["useQuery"],
  message:
  // eslint-disable-next-line max-len
- 'Import useQuery from @apollo/experimental-nextjs-app-support/ssr to avoid u.inFlightLinkObservables errors',
+ "Import useQuery from @apollo/experimental-nextjs-app-support/ssr to avoid u.inFlightLinkObservables errors",
  },
  {
- group: ['act'],
- importNames: ['react-dom/test-utils'],
- message: "Invalid import: import from '@testing-library/react' instead",
+ group: ["act"],
+ importNames: ["react-dom/test-utils"],
+ message:
+ "Invalid import: import from '@testing-library/react' instead",
  },
  ],
  },

packages/eslint-config/package.json

@@ -8,12 +8,12 @@
  "react-internal.js"
  ],
  "devDependencies": {
- "@vercel/style-guide": "^5.2.0",
- "eslint-config-turbo": "^2.0.0",
- "eslint-config-prettier": "^9.1.0",
- "eslint-plugin-only-warn": "^1.1.0",
  "@typescript-eslint/parser": "^7.1.0",
  "@typescript-eslint/eslint-plugin": "^7.1.0",
+ "@vercel/style-guide": "^5.2.0",
+ "eslint-plugin-only-warn": "^1.1.0",
+ "eslint-config-prettier": "^9.1.0",
+ "eslint-config-turbo": "^2.0.0",
  "typescript": "^5.3.3"
  }
 }

packages/lib/.prettierrc.json

@@ -0,0 +1 @@
+"@repo/prettier-config"

packages/lib/modules/marketing/useEcosystemPoolActivity.tsx

@@ -205,8 +205,8 @@ const getDefaultPoolActivityChartOptions = (
  metaData.type === GqlPoolEventType.Add
  ? 'Add'
  : metaData.type === GqlPoolEventType.Remove
- ? 'Remove'
- : 'Swap'
+  ? 'Remove'
+  : 'Swap'
 
  const arrow = `<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" fill="none"><path stroke="#718096" stroke-linecap="round" stroke-linejoin="round" d="M2 1h6v6M1 8l7-7"/></svg>`
 
@@ -228,8 +228,8 @@ const getDefaultPoolActivityChartOptions = (
  <div style="color: ${
  toolTipTheme.text
  }; display:flex;justify-content:start;align-items:center;gap:6px; margin-bottom:${
- index === tokens.length - 1 ? `4px` : `-20px`
- }">
+  index === tokens.length - 1 ? `4px` : `-20px`
+  }">
  <img src="${
  token.token?.logoURI
  }" style="width: 16px; height: 16px; border-radius: 50%; margin-right;letter-spacing:-0.1px" />

packages/lib/modules/pool/PoolDetail/PoolActivityChart/usePoolActivityChart.tsx

@@ -147,8 +147,8 @@ const getDefaultPoolActivityChartOptions = (
  <div style="font-size: 14px; font-weight: 700; color: ${
  toolTipTheme.text
  }; display:flex;justify-content:start;gap:4px;letter-spacing:-0.25px;${
- toolTipTheme.heading
- };">
+  toolTipTheme.heading
+  };">
  <span>${data.seriesName}</span>
  <span>${currencyFormatter(metaData.usdValue)}</span>
  </div>
@@ -158,8 +158,8 @@ const getDefaultPoolActivityChartOptions = (
  <div style="color: ${
  toolTipTheme.text
  }; display:flex;justify-content:start;align-items:center;gap:6px; margin-bottom:${
- index === tokens.length - 1 ? `4px` : `-20px`
- }">
+  index === tokens.length - 1 ? `4px` : `-20px`
+  }">
  <img src="${
  token.token?.logoURI
  }" style="width: 16px; height: 16px; border-radius: 50%; margin-right;letter-spacing:-0.1px" />

packages/lib/modules/pool/PoolDetail/PoolStats/PoolCharts/usePoolCharts.tsx

@@ -359,8 +359,8 @@ export function usePoolCharts() {
  activePeriod.value in dataRangeToDaysMap
  ? dataRangeToDaysMap[activePeriod.value]
  : daysSinceMinDataDate > MIN_DISPLAY_PERIOD_DAYS
- ? daysSinceMinDataDate
- : MIN_DISPLAY_PERIOD_DAYS
+  ? daysSinceMinDataDate
+  : MIN_DISPLAY_PERIOD_DAYS
 
  if (iterateTo === undefined) {
  throw new Error("DataRangeToDaysMap doesn't have a value for the selected period")

packages/lib/modules/pool/actions/add-liquidity/AddLiquidityProvider.spec.tsx

@@ -1,4 +1,10 @@
-import { balAddress, daiAddress, usdcAddress, usdtAddress, wETHAddress } from '@repo/lib/debug-helpers'
+import {
+ balAddress,
+ daiAddress,
+ usdcAddress,
+ usdtAddress,
+ wETHAddress,
+} from '@repo/lib/debug-helpers'
 import { GqlPoolElement } from '@repo/lib/shared/services/api/generated/graphql'
 import { aBalWethPoolElementMock } from '@repo/lib/test/msw/builders/gqlPoolElement.builders'
 import {

packages/lib/modules/pool/actions/add-liquidity/AddLiquidityProvider.tsx

@@ -69,7 +69,7 @@ export function _useAddLiquidity(urlTxHash?: Hash) {
  ({
  tokenAddress: token.address,
  humanAmount: '',
- } as HumanTokenAmountWithAddress)
+ }) as HumanTokenAmountWithAddress
  )
  setHumanAmountsIn(amountsIn)
  }

packages/lib/modules/pool/actions/add-liquidity/modal/BptOut.tsx

@@ -53,8 +53,8 @@ export function QuoteBptOut({ label, isLoading = false }: { label?: string; isLo
  const _label = label
  ? label
  : proportionalRequired
- ? 'You will get'
- : 'You will get (if no slippage)'
+  ? 'You will get'
+  : 'You will get (if no slippage)'
 
  return <BptRow label={_label} bptAmount={bptOutUnits} pool={pool} isLoading={isLoading} />
 }

packages/lib/modules/pool/queries/useUserStakedBalance.tsx

@@ -116,13 +116,16 @@ function poolContracts(poolByStaking: Record<Address, Pool>, userAddress: Addres
 }
 
 function createPoolByStakingRecord(pools: Pool[]): Record<Address, Pool> {
- return pools.reduce((acc, pool) => {
- const stakingAddresses = getStakingAddresses(pool)
- stakingAddresses.forEach(stakingAddress => {
- acc[stakingAddress] = pool
- })
- return acc
- }, {} as Record<Address, Pool>)
+ return pools.reduce(
+ (acc, pool) => {
+ const stakingAddresses = getStakingAddresses(pool)
+ stakingAddresses.forEach(stakingAddress => {
+ acc[stakingAddress] = pool
+ })
+ return acc
+ },
+ {} as Record<Address, Pool>
+ )
 }
 
 function getStakingAddresses(pool: Pool): Address[] {

packages/lib/modules/pool/queries/useUserUnstakedBalance.tsx

@@ -39,7 +39,7 @@ export function useUserUnstakedBalance(pools: Pool[] = []) {
  functionName: 'balanceOf',
  args: [userAddress as Address],
  chainId: getChainId(pool.chain),
- } as const)
+ }) as const
  ),
  })