chore: license attribution in visualizer project, extracted MarkdownBlock component

Author: artus9033

packages/license-kit/src/commands/visualize.ts

@@ -25,7 +25,9 @@ export default function visualizeCommandSetup(program: Command): Command {
   return curryCommonScanOptions(
     program
       .command('visualize')
-      .description('Launch a web license graph visualizer & analyzer app.')
+      .description(
+        'Launches a local server providing a web license graph visualizer & analyzer app: calculate permissiveness score (weighted average of points preset for given types), shows an interactive graph of licenses with possibility to select a subgraph, provides browser built-in AI-turbocharged summary of the dependency graph.',
+      )
       .option(
         '--port [port]',
         'Port on which to launch the app',

packages/license-kit/visualizer/next.config.ts

@@ -2,6 +2,14 @@ import type { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
   distDir: '../visualizer-build',
+  webpack(config) {
+    config.module.rules.push({
+      test: /\.md$/,
+      use: 'raw-loader',
+    });
+
+    return config;
+  },
 };
 
 export default nextConfig;

packages/license-kit/visualizer/package.json

@@ -4,7 +4,8 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "yarn licenses && next build",
+    "licenses": "yarn workspace license-kit dev report --format markdown --output src/app/licenses/licenses.md --transitive-deps-mode all --dev-deps-mode root-only --include-optional-deps --root $(pwd)",
     "lint": "next lint",
     "prepare": "yarn build"
   },
@@ -44,6 +45,7 @@
     "@types/react-dom": "^19",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "raw-loader": "^4.0.2",
     "typescript": "^5"
   }
 }