Updated style-system package

Author: davenquinn

package.json

@@ -8,6 +8,7 @@
   "scripts": {
     "dev": "NODE_NO_WARNINGS=1 storybook dev -p 6006 --no-open",
     "build:storybook": "storybook build --debug",
+    "build:bundler": "yarn workspace @macrostrat/web-components-bundler run build",
     "build": "NODE_NO_WARNINGS=1 tsx scripts/publish-helpers build",
     "status": "NODE_NO_WARNINGS=1 tsx scripts/publish-helpers status",
     "prepare": "NODE_NO_WARNINGS=1 tsx scripts/publish-helpers prepare",

packages/style-system/package.json

@@ -3,9 +3,10 @@
   "version": "0.3.0",
   "description": "Style system for Macrostrat",
   "main": "dist/style-system.css",
+  "type": "module",
   "source": "src/index.ts",
   "scripts": {
-    "build": " vite build"
+    "build": "vite build"
   },
   "dependencies": {
     "@blueprintjs/core": "^6.6.1"

packages/style-system/vite.config.ts

@@ -1,7 +1,11 @@
-import { resolve } from "path";
+import { resolve, dirname } from "node:path";
 import { defineConfig } from "vite";
+import {fileURLToPath} from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 export default defineConfig({
+  root: __dirname,
   build: {
     minify: false,
     emptyOutDir: true,

toolchain/bundler/src/index.ts

@@ -63,6 +63,7 @@ function buildStandardViteConfig(
   /** Build a standardized vite configuration for packages */
 
   const verbose = opts.verbose ?? false;
+
   const packageNameWithoutScope = pkg.name.replace(/^@[^/]+\//, "");
 
   const pkgData = { ...pkg, directory: root };
@@ -108,11 +109,14 @@ function buildStandardViteConfig(
         cssFileName: packageNameWithoutScope,
         fileName: (format, entryName) => {
           // Place ES modules at root and CJS in /cjs subdirectory
-          entryName = entryName.replace(prefix, format);
 
-          const prefixToRemove = format + "/";
-          if (entryName.startsWith(prefixToRemove)) {
-            entryName = entryName.slice(prefixToRemove.length);
+          // Remove prefixes
+          for (const splitPart of ["node_modules", prefix]) {
+            const partWithSlashes = splitPart + "/";
+            if (entryName.includes(partWithSlashes)) {
+              const parts = entryName.split(partWithSlashes);
+              entryName = parts[parts.length - 1];
+            }
           }
 
           return `${entryName}.${format === "es" ? "js" : "cjs"}`;