draft with error mui/pigment-css#204

pkerschbaum · Nov 29, 2024 · 19feca5 · 19feca5
1 parent 6ebae91
commit 19feca5
Show file tree

Hide file tree

Showing 34 changed files with 1,029 additions and 1,917 deletions.
diff --git a/apps/web/.eslintrc.cjs b/apps/web/.eslintrc.cjs
@@ -60,7 +60,6 @@ module.exports = {
     ...(baseEslintConfig.ignorePatterns ?? []),
     ...(reactEslintConfig.ignorePatterns ?? []),
     ...(nextEslintConfig.ignorePatterns ?? []),
-    'linaria.config.cjs',
     'next-sitemap.cjs',
     'stylelint.config.cjs',
     'dist-tsc/**',

diff --git a/apps/web/linaria.config.cjs b/apps/web/linaria.config.cjs
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
@@ -1,6 +1,6 @@
 // @ts-check
 import createMDX from '@next/mdx';
-import withLinaria from 'next-with-linaria';
+import { withPigment } from '@pigment-css/nextjs-plugin';
 import { withSentryConfig } from '@sentry/nextjs';
 
 import { createMdxOptions } from '@pkerschbaum-homepage/mdx/mdx';
@@ -68,7 +68,7 @@ const withMDX = createMDX({
 
 nextConfig = withMDX(nextConfig);
 
-nextConfig = withLinaria(nextConfig);
+nextConfig = withPigment(nextConfig);
 
 nextConfig = withSentryConfig(nextConfig, {
   // For all available options, see:

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -24,15 +24,13 @@
   },
   "dependencies": {
     "@fontsource-variable/rubik": "^5.1.0",
-    "@linaria/babel-preset": "^5.0.4",
-    "@linaria/core": "^5",
-    "@linaria/react": "^5",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@next/mdx": "^14",
     "@opentelemetry/core": "^1.28.0",
     "@opentelemetry/instrumentation": "0.54.2",
     "@opentelemetry/sdk-trace-base": "^1.28.0",
+    "@pigment-css/react": "^0.0.28",
     "@pkerschbaum-homepage/mdx": "workspace:*",
     "@pkerschbaum/commons-ecma": "^2.4.1",
     "@pkerschbaum/fetch-favicon": "^1.0.8",
@@ -43,7 +41,6 @@
     "feed": "^4.2.2",
     "gray-matter": "^4.0.3",
     "next": "^14",
-    "next-with-linaria": "0.6.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-feather": "^2.0.10",
@@ -59,6 +56,7 @@
     "@babel/runtime": "^7.26.0",
     "@next/env": "^14",
     "@opentelemetry/api": "^1.9.0",
+    "@pigment-css/nextjs-plugin": "^0.0.28",
     "@types/mdx": "^2.0.13",
     "@types/node": "^22.10.1",
     "@types/react": "^18.3.12",

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -1,7 +1,8 @@
+import '@pigment-css/react/styles.css';
 import '@fontsource-variable/rubik';
 import '#pkg/app/style.linaria.global';
 
-import { styled } from '@linaria/react';
+import { styled } from '@pigment-css/react';
 import { Analytics } from '@vercel/analytics/react';
 import type { Metadata, Viewport } from 'next';
 import localFont from 'next/font/local';

diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
@@ -1,4 +1,4 @@
-import { styled } from '@linaria/react';
+import { styled } from '@pigment-css/react';
 import type { Metadata } from 'next';
 import type React from 'react';
 import { PenTool } from 'react-feather';