Merge pull request #33 from open-rpc/fix/packaging

fix: packaging of css to include all the styles in components.css

Author: zcstarr

.changeset/wicked-llamas-live.md

@@ -0,0 +1,6 @@
+---
+"open-rpc-markdown-generator-beta": patch
+"open-rpc-docusaurus-plugin-beta": patch
+---
+
+Change fixes css packaging

packages/docusaurus-plugin/package.json

@@ -6,7 +6,8 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
-    "./components": "./dist/components.js"
+    "./components": "./dist/components.js",
+    "./components.css": "./dist/components.css"
   },
   "scripts": {
     "build": "bun run build.ts",

packages/docusaurus-plugin/src/index.ts

@@ -34,6 +34,12 @@ export default function openRPCDocusaurusPlugin(
       // TODO: Return glob patterns for files to watch (e.g., OpenRPC JSON specs)
     },
 
+    getClientModules() {
+      // This path will resolve relative to the plugin's dist folder when published
+
+      return ["./components.css"];
+    },
+
     /**
      * Loads content - runs on startup and on hot reload
      * This is where you'd read OpenRPC specs and generate markdown/mdx files

packages/example-site/docs/api-reference/methods/debug_getBadBlocks.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"debug_getBadBlocks\",\n  \"params\": [],\n  \"id\": 1\n}"} />}>

packages/example-site/docs/api-reference/methods/debug_getRawBlock.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"debug_getRawBlock\",\n  \"params\": {\n    \"Block\": \"example\"\n  },\n  \"id\": 1\n}"} />}>

packages/example-site/docs/api-reference/methods/debug_getRawHeader.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"debug_getRawHeader\",\n  \"params\": {\n    \"Block\": \"example\"\n  },\n  \"id\": 1\n}"} />}>

packages/example-site/docs/api-reference/methods/debug_getRawReceipts.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"debug_getRawReceipts\",\n  \"params\": {\n    \"Block\": \"example\"\n  },\n  \"id\": 1\n}"} />}>

packages/example-site/docs/api-reference/methods/debug_getRawTransaction.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"debug_getRawTransaction\",\n  \"params\": {\n    \"Transaction hash\": \"string\"\n  },\n  \"id\": 1\n}"} />}>

packages/example-site/docs/api-reference/methods/engine_exchangeCapabilities.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"engine_exchangeCapabilities\",\n  \"params\": {\n    \"Consensus client methods\": [\n      \"string\"\n    ]\n  },\n  \"id\": 1\n}"} />}>

packages/example-site/docs/api-reference/methods/engine_exchangeTransitionConfigurationV1.mdx

@@ -5,7 +5,7 @@ hide_table_of_contents: true
 description: ""
 ---
 
-import {TwoColumnLayout, InteractiveRequest, ResponseExample, TryNow} from 'open-rpc-docusaurus-plugin-beta/components';
+import {TwoColumnLayout, InteractiveRequest, ResponseExample} from 'open-rpc-docusaurus-plugin-beta/components';
 import { useState } from 'react';
 
 <TwoColumnLayout sidebar={<InteractiveRequest request={"{\n  \"jsonrpc\": \"2.0\",\n  \"method\": \"engine_exchangeTransitionConfigurationV1\",\n  \"params\": {\n    \"Consensus client configuration\": {\n      \"terminalTotalDifficulty\": \"string\",\n      \"terminalBlockHash\": \"string\",\n      \"terminalBlockNumber\": \"string\"\n    }\n  },\n  \"id\": 1\n}"} />}>