Fix/build update

.gitignore

@@ -7,3 +7,4 @@ LLMLOG.md
 .turbo/
 **/*/.turbo
 tsconfig.tsbuildinfo
+dist/

package.json

@@ -5,7 +5,7 @@
   "main": "jest.config.js",
   "scripts": {
     "build": "turbo run build",
-    "build:package": "turbo run build:package --filter=@open-rpc/logs-react^... --filter=@open-rpc/inspector^...",
+    "build:package": "turbo run build:package --filter=@open-rpc/monaco-editor-react --filter=@open-rpc/docs-react --filter=@open-rpc/logs-react --filter=@open-rpc/inspector --filter=@open-rpc/playground",
     "test": "turbo run test",
     "lint": "turbo run lint",
     "watch": "turbo run build test --watch",

packages/docs-react/package.json

@@ -15,6 +15,7 @@
   "scripts": {
     "lint": "eslint 'src/**/*.{ts,tsx}'",
     "build": "tsc --project tsconfig.json && cp src/ContentDescriptor/ContentDescriptor.css build/ContentDescriptor/",
+    "build:package": "tsc --build tsconfig.json && cp src/ContentDescriptor/ContentDescriptor.css build/ContentDescriptor/",
     "test": "jest",
     "start": "react-scripts start",
     "clean": "rm -rf build coverage",

packages/inspector/package.json

@@ -22,7 +22,7 @@
     "build": "rescripts build",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
     "test": "jest",
-    "build:package": "tsc --build tsconfig.json",
+    "build:package": "tsc --build tsconfig.json && cp -r src/*.css build/",
     "clean": "rm -rf build coverage",
     "format": "prettier --write 'src/**/*.{ts,tsx,js,jsx,json,md}'"
   },
@@ -57,7 +57,7 @@
     "@material-ui/lab": "4.0.0-alpha.47",
     "@monaco-editor/react": "^4.0.0",
     "@open-rpc/client-js": "^1.6.3",
-    "@open-rpc/logs-react": "workspace:*",
+    "@open-rpc/logs-react": "*",
     "@open-rpc/meta-schema": "^1.14.9",
     "@open-rpc/schema-utils-js": "^1.14.3",
     "@rehooks/window-size": "^1.0.2",

packages/inspector/src/index.tsx

@@ -4,4 +4,9 @@ import App from "./containers/App";
 import "./App.css";
 import "./splitpane.css";
 
-ReactDOM.render(<App />, document.getElementById("root"));
+import {default as Inspector} from "./containers/Inspector";
+export default Inspector;
+
+if (typeof document !== 'undefined') {
+  ReactDOM.render(<App />, document.getElementById("root"));
+}

packages/inspector/tsconfig.json

@@ -7,5 +7,6 @@
   "include": ["src"],
   "references": [
     { "path": "../logs-react" }
-  ]
+  ],
+  "include": ["src/**/*", "src/**/*.css"]
 }

packages/logs-react/package.json

@@ -3,12 +3,14 @@
   "version": "0.0.0-development",
   "description": "",
   "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
+  "module": "build/exports.js",
+  "types": "build/exports.d.ts",
   "exports": {
     ".": {
-      "types": "./build/index.d.ts",
-      "import": "./build/index.js"
+      "types": "./build/exports.d.ts",
+      "import": "./build/exports.js",
+      "default": "./build/exports.js",
+      "require": "./build/exports.js"
     }
   },
   "homepage": "https://open-rpc.github.io/logs-react/",
@@ -21,7 +23,7 @@
   "scripts": {
     "start": "vite",
     "build": "vite build",
-    "build:package": "tsc --build tsconfig.json && cp -r src/**/*.css build/",
+    "build:package": "tsc --build tsconfig.json && cd src && find . -name '*.css' -exec cp -v --parents -t ../build {} +",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
     "test": "jest",
     "clean": "rm -rf build coverage",

packages/logs-react/src/exports.ts

@@ -1,3 +1,4 @@
-import JSONRPCLogger, {IJSONRPCLog} from "./components/logsReact/logsReact";
-export type JSONRPCLog = IJSONRPCLog;
+import JSONRPCLogger from "./components/logsReact/logsReact";
+export type { IJSONRPCLog as JSONRPCLog } from "./components/logsReact/logsReact";
+export { JSONRPCLogger };
 export default JSONRPCLogger;

packages/logs-react/src/index.tsx

@@ -1,5 +1,20 @@
 import ReactDOM from "react-dom";
 import React from "react";
 import MyApp from "./containers/MyApp";
+import JSONRPCLogger from "./components/logsReact/logsReact";
 
-ReactDOM.render(<MyApp />, document.getElementById("root"));
+// NOTE: This isn't what we want to do here, but it allows us to cross package build 
+//TODO: ReactDOM.render(<MyApp />, document.getElementById("root"));
+
+import type { IJSONRPCLog } from "./components/logsReact/logsReact";
+
+export type { IJSONRPCLog as JSONRPCLog };
+export { JSONRPCLogger };
+export default JSONRPCLogger;
+
+// Keep the app rendering for development
+if (typeof document !== 'undefined') {
+  const MyApp = require('./containers/MyApp').default;
+  const ReactDOM = require('react-dom');
+  ReactDOM.render(<MyApp />, document.getElementById("root"));
+}

packages/logs-react/tsconfig.json

@@ -3,7 +3,11 @@
   "compilerOptions": {
     "outDir": "./build",
     "rootDir": "./src",
-    "composite": true
+    "composite": true,
+    "paths": {
+      "@/*": ["./src/exports"],
+      "@exports": ["./src/exports"]
+    }
   },
-  "include": ["src"]
+  "include": ["src/**/*", "src/**/*.css"]
 }

packages/monaco-editor-react/.editorconfig

@@ -0,0 +1,14 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+indent_style = space
+indent_size = 2
+tab_width = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

packages/monaco-editor-react/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+build
+coverage
+*.tgz

packages/monaco-editor-react/.nvmrc

@@ -0,0 +1 @@
+18.20.5

packages/monaco-editor-react/.releaserc

@@ -0,0 +1,3 @@
+{
+  "tagFormat": "${version}"
+}