Skip to content

Commit 8e2668d

Browse files
committed
feat: setup PDS | pbo,mkn,twe
1 parent 78a86ce commit 8e2668d

File tree

7 files changed

+48
-4
lines changed

7 files changed

+48
-4
lines changed

package.json

+1
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
"test:ci": "yarn prettier:ci && yarn tsc --noEmit --noEmitHelpers && yarn lint:ci"
1818
},
1919
"dependencies": {
20+
"@porsche-design-system/components-react": "3.0.0-rc.2",
2021
"@types/node": "20.1.2",
2122
"@types/react": "18.2.6",
2223
"@types/react-dom": "18.2.4",

src/app/layout.tsx

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import "./globals.css";
2+
import { AppProvider } from "../components/AppProvider";
23

34
export const metadata = {
45
title: "Create Next App",
@@ -8,7 +9,9 @@ export const metadata = {
89
const RootLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
910
return (
1011
<html lang="en">
11-
<body>{children}</body>
12+
<body>
13+
<AppProvider>{children}</AppProvider>
14+
</body>
1215
</html>
1316
);
1417
};

src/app/page.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import Image from "next/image";
22
import styles from "./page.module.css";
3+
import { Heading } from "../components/01_atoms/Heading";
34

45
const Home: React.FC = () => {
56
return (
67
<main className={styles.main}>
78
<div className={styles.description}>
9+
<Heading size="large">Hello</Heading>
810
<p>
911
Get started by editing&nbsp;
1012
<code className={styles.code}>src/app/page.tsx</code>

src/components/01_atoms/Heading.tsx

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
"use client";
2+
3+
import { PHeading } from "@porsche-design-system/components-react/ssr";
4+
import { ComponentProps } from "react";
5+
6+
export const Heading: React.FC<
7+
React.PropsWithChildren<ComponentProps<typeof PHeading>>
8+
> = ({ children, ...props }) => {
9+
// eslint-disable-next-line react/jsx-props-no-spreading
10+
return <PHeading {...props}>{children}</PHeading>;
11+
};

src/components/AppProvider.tsx

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
"use client";
2+
import { PorscheDesignSystemProvider } from "@porsche-design-system/components-react/ssr";
3+
4+
export const AppProvider: React.FC<React.PropsWithChildren> = ({
5+
children,
6+
}) => {
7+
return <PorscheDesignSystemProvider>{children}</PorscheDesignSystemProvider>;
8+
};

tsconfig.json

-3
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,6 @@
1919
"name": "next"
2020
}
2121
],
22-
"paths": {
23-
"@/*": ["./src/*"]
24-
}
2522
},
2623
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
2724
"exclude": ["node_modules"]

yarn.lock

+22
Original file line numberDiff line numberDiff line change
@@ -253,6 +253,27 @@ __metadata:
253253
languageName: node
254254
linkType: hard
255255

256+
"@porsche-design-system/components-js@npm:3.0.0-rc.2":
257+
version: 3.0.0-rc.2
258+
resolution: "@porsche-design-system/components-js@npm:3.0.0-rc.2"
259+
checksum: b8a1413c4939aedf3a4408d63efc3170800a9d697f4b1784af8c2235477f1cfbcb8fa6f511d318b462ed925825fe80572fe99d9d14e9f051e117d9b06d891d66
260+
languageName: node
261+
linkType: hard
262+
263+
"@porsche-design-system/components-react@npm:3.0.0-rc.2":
264+
version: 3.0.0-rc.2
265+
resolution: "@porsche-design-system/components-react@npm:3.0.0-rc.2"
266+
dependencies:
267+
"@porsche-design-system/components-js": 3.0.0-rc.2
268+
peerDependencies:
269+
react: ">=17.0.0 <19.0.0"
270+
react-dom: ">=17.0.0 <19.0.0"
271+
bin:
272+
patchRemixRunProcessBrowserGlobalIdentifier: bin/patchRemixRunProcessBrowserGlobalIdentifier.js
273+
checksum: 99d4d67e732a228485cf6e7469bce0b88f0b98ccd8dd4fa8b6d93088ddc1d996a2b582ebf85ed1e623d8c02b63572e7916cd93c3c26314d581a812e4da4906fb
274+
languageName: node
275+
linkType: hard
276+
256277
"@porscheofficial/eslint-config-porschedigital-base@npm:3.0.1":
257278
version: 3.0.1
258279
resolution: "@porscheofficial/eslint-config-porschedigital-base@npm:3.0.1"
@@ -3240,6 +3261,7 @@ __metadata:
32403261
"@mdx-js/react": 2.3.0
32413262
"@next/eslint-plugin-next": 13.4.1
32423263
"@next/mdx": 13.4.1
3264+
"@porsche-design-system/components-react": 3.0.0-rc.2
32433265
"@porscheofficial/eslint-config-porschedigital-react": 3.0.1
32443266
"@porscheofficial/prettier-config-porschedigital": 3.0.1
32453267
"@types/mdx": 2.0.5

0 commit comments

Comments
 (0)