tweaking css to not include blueprint by default or font files

TeselaGen · Apr 1, 2024 · d5d24bf · d5d24bf
1 parent 84543a8
commit d5d24bf
Show file tree

Hide file tree

Showing 12 changed files with 24 additions and 23 deletions.
diff --git a/packages/ove/demo/index.js b/packages/ove/demo/index.js
@@ -1 +1 @@
-export * from "../../ove/demo/src";
+export * from "./src";
diff --git a/packages/ove/demo/src/index.js b/packages/ove/demo/src/index.js
@@ -1,3 +1,5 @@
+// eslint-disable-next-line @nx/enforce-module-boundaries
+import "../../../ui/src/external_styles";
 import React, { useMemo } from "react";
 import { Provider } from "react-redux";
 

diff --git a/packages/ove/index.html b/packages/ove/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <link rel="stylesheet" href="/style.css" />
-    <div id="app"><div id="demo"></div></div>
+    <div id="demo"></div>
   </body>
 </html>
diff --git a/packages/ove/src/Menlo.ttf → packages/ove/public/Menlo.ttf b/packages/ove/src/Menlo.ttf → packages/ove/public/Menlo.ttf
diff --git a/packages/ove/src/Monaco.ttf → packages/ove/public/Monaco.ttf b/packages/ove/src/Monaco.ttf → packages/ove/public/Monaco.ttf
diff --git a/packages/ove/vite.config.lib.ts b/packages/ove/vite.config.lib.ts
@@ -64,7 +64,7 @@ export default defineConfig({
       // Change this to the formats you want to support.
       // Don't forget to update your package.json as well.
     },
-    copyPublicDir: false,
+    // copyPublicDir: false,
     rollupOptions: {
       // External packages that should not be bundled into your library.
       external: dependencyKeys,

diff --git a/packages/ui/demo/src/index.js b/packages/ui/demo/src/index.js
@@ -1,3 +1,4 @@
+import "../../src/external_styles";
 import CollapsibleCard from "./examples/CollapsibleCard";
 import MenuBar from "./examples/MenuBar";
 import HotkeysDialog from "./examples/HotkeysDialog";

diff --git a/packages/ui/index.html b/packages/ui/index.html
@@ -6,7 +6,6 @@
     <script src="./demo/index.js" type="module"></script>
   </head>
   <body>
-    <link rel="stylesheet" href="/style.css" />
-    <div id="app"><div id="demo"></div></div>
+    <div id="demo"></div>
   </body>
 </html>
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,12 +1,11 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.78",
+  "version": "0.3.79",
   "main": "./src/index.js",
   "exports": {
     ".": {
       "import": "./index.es.js",
       "require": "./index.cjs.js"
-    },
-    "./style.css": "./style.css"
+    }
   }
 }
diff --git a/packages/ui/src/external_styles.js b/packages/ui/src/external_styles.js
@@ -0,0 +1,3 @@
+import "@blueprintjs/core/lib/css/blueprint.css";
+import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
+import "@blueprintjs/icons/lib/css/blueprint-icons.css";
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
@@ -1,6 +1,3 @@
-import "@blueprintjs/core/lib/css/blueprint.css";
-import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
-import "@blueprintjs/icons/lib/css/blueprint-icons.css";
 import "./style.css";
 import "./autoTooltip";
 export { LoadingDots } from "./FormComponents/LoadingDots";

diff --git a/vite.react.config.ts b/vite.react.config.ts
@@ -4,7 +4,7 @@ import fs from "node:fs";
 import react from "@vitejs/plugin-react";
 import viteTsConfigPaths from "vite-tsconfig-paths";
 import * as esbuild from "esbuild";
-import vitePluginVirtualHtml from "vite-plugin-virtual-html";
+// import vitePluginVirtualHtml from "vite-plugin-virtual-html";
 import libCss from "vite-plugin-libcss";
 import { camelCase } from "lodash";
 import { getPort } from "./getPort";
@@ -88,17 +88,17 @@ export default ({ name }: { name: string; dir: string }) =>
               })
             ]
           : [
-              vitePluginVirtualHtml({
-                pages: {
-                  index: {
-                    entry: "./demo/index.js", // MUST
-                    title: `${name} demo`, // optional, default: ''
-                    body: `
-                    <div id="demo"></div>
-            ` // optional, default: '<div id="app"></div>'
-                  }
-                }
-              })
+              //   vitePluginVirtualHtml({
+              //     pages: {
+              //       index: {
+              //         entry: "./demo/index.js", // MUST
+              //         title: `${name} demo`, // optional, default: ''
+              //         body: `
+              //         <div id="demo"></div>
+              // ` // optional, default: '<div id="app"></div>'
+              //       }
+              //     }
+              //   })
             ])
       ],
       esbuild: {
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export * from "../../ove/demo/src";
		export * from "./src";