Setup icons with next.js

Author: garronej

test/integration/next/package.json

@@ -6,7 +6,10 @@
         "dev": "next dev",
         "build": "next build",
         "start": "next start",
-        "lint": "next lint"
+        "lint": "next lint",
+        "only_include_used_icons": "node node_modules/@codegouvfr/react-dsfr/bin/only_include_used_icons.js",
+        "predev": "yarn only_include_used_icons",
+        "prebuild": "yarn only_include_used_icons"
     },
     "dependencies": {
         "next": "^13.0.1",

test/integration/next/pages/_app.tsx

@@ -1,6 +1,7 @@
 import DefaultApp from "next/app";
 import { withAppDsfr } from "@codegouvfr/react-dsfr/next";
 import "@codegouvfr/react-dsfr/dsfr/dsfr.css";
+import "@codegouvfr/react-dsfr/dsfr/utility/icons/icons.css";
 
 export default withAppDsfr(DefaultApp, {
     "defaultColorScheme": "system",

test/integration/next/pages/index.tsx

@@ -1,13 +1,24 @@
 import ArtworkLightSvg from "@codegouvfr/react-dsfr/dsfr/artwork/light.svg";
 import ArtworkDarkSvg from "@codegouvfr/react-dsfr/dsfr/artwork/dark.svg";
 import ArtworkSystemSvg from "@codegouvfr/react-dsfr/dsfr/artwork/system.svg";
-import { useIsDark } from "@codegouvfr/react-dsfr";
+import { useIsDark, fr } from "@codegouvfr/react-dsfr";
 
 export default function App() {
     const { isDark, setIsDark } = useIsDark();
 
     return (
         <>
+
+            <button className={fr.cx("fr-btn", "fr-icon-checkbox-circle-line", "fr-btn--icon-left")}>
+              Label bouton MD
+            </button>
+            <span className="fr-icon-ancient-gate-fill" aria-hidden="true"></span>
+            <i className="fr-icon-ancient-gate-fill" aria-hidden="true"/>
+
+            <button className={fr.cx("fr-btn", "ri-amazon-fill", "fr-btn--icon-left")}>
+              Download
+            </button>
+
             <h1>Color Scheme: {isDark ? "dark" : "light"}</h1>
             <button onClick={() => setIsDark(true)}>Set color scheme to dark</button>
             <button onClick={() => setIsDark(false)}>Set color scheme to light</button>