chore: misc

Author: zettca

apps/docs/env.d.ts

@@ -0,0 +1,4 @@
+declare module "!!raw-loader!*" {
+  const src: string;
+  export default src;
+}

apps/docs/next.config.mjs

@@ -42,6 +42,21 @@ export default withNextra({
       ],
     });
 
+    // Inject "use client"; to UI Kit packages' entry (index.ts) file
+    config.module.rules.push({
+      test: /packages\/.*\/src\/index\.ts$/,
+      use: [
+        {
+          loader: "string-replace-loader",
+          options: {
+            search: "^",
+            replace: '"use client";\n',
+            flags: "g",
+          },
+        },
+      ],
+    });
+
     // Add raw file loader
     config.module.rules.push({
       test: /\.(tsx|ts|mdx)$/,

apps/docs/src/app/layout.tsx

@@ -18,9 +18,9 @@ export const metadata = {
   metadataBase: new URL("https://github.com/lumada-design/hv-uikit-react"),
   title: { default: "UI Kit", template: "%s - UI Kit" },
   description,
+  icons: "https://lumada-design.github.io/assets/uikit-icon.svg",
   creator: "UI Kit Team",
   applicationName: title,
-  // generator: "Next.js",
   appleWebApp: { title },
   openGraph: {
     url: "@site",

apps/docs/src/components/Examples.tsx

@@ -1,17 +1,16 @@
+import canvas from "!!raw-loader!../content/examples/canvas.mdx";
+import charts from "!!raw-loader!../content/examples/charts.mdx";
+import dnd from "!!raw-loader!../content/examples/dnd.mdx";
+import inputs from "!!raw-loader!../content/examples/inputs.mdx";
+import kpis from "!!raw-loader!../content/examples/kpis.mdx";
+import tables from "!!raw-loader!../content/examples/tables.mdx";
 import { clsx } from "clsx";
 import Link from "next/link";
 import {
   HvIconContainer,
   HvTypography,
 } from "@hitachivantara/uikit-react-core";
 
-import canvas from "../content/examples/canvas.mdx?raw";
-import charts from "../content/examples/charts.mdx?raw";
-import dnd from "../content/examples/dnd.mdx?raw";
-import inputs from "../content/examples/inputs.mdx?raw";
-import kpis from "../content/examples/kpis.mdx?raw";
-import tables from "../content/examples/tables.mdx?raw";
-
 /**
  * Extracts the number of CodeBlock components in the given file content.
  */

apps/docs/src/content/_meta.ts

@@ -1,3 +1,5 @@
+import { MetaRecord } from "nextra";
+
 export default {
   index: {
     type: "page",
@@ -29,4 +31,4 @@ export default {
     title: "Examples",
     theme: { layout: "full", toc: false },
   },
-};
+} satisfies MetaRecord;