chore: update CSS imports and webpack configuration for playroom

Co-Authored-By: [email protected] <[email protected]>
kiwicom · Jan 13, 2025 · 990d9d2 · 990d9d2
1 parent 358f281
commit 990d9d2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/packages/orbit-components/playroom.config.js b/packages/orbit-components/playroom.config.js
@@ -2,20 +2,23 @@ const path = require("path");
 
 module.exports = {
   title: "Orbit Playroom",
-  components: "./playroomComponents.jsx",
+  components: require.resolve("./playroomComponents.jsx"),
   outputPath: "./.playroom",
   frameComponent: "./playroom/FrameComponent.jsx",
   port: 9000,
   openBrowser: false,
   widths: [320, 768, 1024, 1440],
+  baseUrl: "/",
   webpackConfig: () => ({
     resolve: {
       extensions: [".js", ".jsx", ".ts", ".tsx", ".css"],
       modules: [
         "node_modules",
-        path.resolve(__dirname, ".."),
-        path.resolve(__dirname, "../.."),
+        path.resolve(__dirname),
+        path.resolve(__dirname, "src"),
+        path.resolve(__dirname, "lib"),
         path.resolve(__dirname, "node_modules"),
+        path.resolve(__dirname, "../.."),
       ],
       alias: {
         "@kiwicom/orbit-components": path.resolve(__dirname),

diff --git a/packages/orbit-components/playroom/FrameComponent.jsx b/packages/orbit-components/playroom/FrameComponent.jsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { OrbitProvider } from "../src/index.js";
-import defaultTheme from "../src/defaultTheme.js";
-import "../lib/index.css";
-import "../lib/tailwind.css";
+import { OrbitProvider } from "../src";
+import defaultTheme from "../src/defaultTheme";
+import "../src/index.css";
+import "../src/tailwind.css";
 
 // Wrap all examples in OrbitProvider for proper theming
 export default function FrameComponent({ children }) {

diff --git a/packages/orbit-components/playroomComponents.jsx b/packages/orbit-components/playroomComponents.jsx
@@ -1,5 +1,5 @@
-import "./lib/index.css";
-import "./lib/tailwind.css";
+import "./src/index.css";
+import "./src/tailwind.css";
 
 // Re-export components from Orbit
 export {
@@ -33,4 +33,4 @@ export {
   TextLink,
   Tooltip,
   OrbitProvider,
-} from "./src/index.js";
+} from "./src";