Fix NPM package cannot be found when ts moduleResolution is set to 'b…

…undler' (#65)

close #29

.changeset/smart-deers-cough.md

@@ -0,0 +1,7 @@
+---
+"@burnt-labs/abstraxion": minor
+"demo-app": minor
+"@burnt-labs/ui": minor
+---
+
+Now longer use a blanket export in package.json as it was causing some confusion for some bundlers. There is no longer a css alias for "@burnt-labs/abstraxion/style.css", dapps will need to `import "@burnt-labs/abstraxion/dist/index.css"` going forward.

apps/abstraxion-dashboard/app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 import localFont from "next/font/local";
 import { Providers } from "./providers";
 import "./globals.css";
-import "@burnt-labs/ui/styles.css";
+import "@burnt-labs/ui/dist/index.css";
 
 const akkuratLL = localFont({
   src: [

apps/demo-app/src/app/layout.tsx

@@ -2,7 +2,7 @@
 import "./globals.css";
 import { Inter } from "next/font/google";
 import { AbstraxionProvider } from "@burnt-labs/abstraxion";
-import "@burnt-labs/abstraxion/styles.css";
+import "@burnt-labs/abstraxion/dist/index.css";
 
 const inter = Inter({ subsets: ["latin"] });
 

apps/demo-app/src/app/page.tsx

@@ -8,7 +8,7 @@ import {
   useModal,
 } from "@burnt-labs/abstraxion";
 import { Button } from "@burnt-labs/ui";
-import "@burnt-labs/ui/styles.css";
+import "@burnt-labs/ui/dist/index.css";
 import type { ExecuteResult } from "@cosmjs/cosmwasm-stargate";
 import { seatContractAddress } from "./layout";
 

apps/demo-app/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "@burnt-labs/tsconfig/nextjs.json",
   "compilerOptions": {
-    "plugins": [{ "name": "next" }]
+    "plugins": [{ "name": "next" }],
+    "moduleResolution": "Bundler"
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]

packages/abstraxion/package.json

@@ -7,10 +7,6 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": "./dist",
-    "./styles.css": "./dist/index.css"
-  },
   "license": "MIT",
   "scripts": {
     "build": "tsup",

packages/abstraxion/src/index.ts

@@ -1,4 +1,3 @@
-import "@burnt-labs/ui/styles.css";
 import "./styles.css";
 
 export { Abstraxion, AbstraxionProvider } from "./components/Abstraxion";

packages/abstraxion/src/styles.css

@@ -1,3 +1,4 @@
+@import "@burnt-labs/ui/dist/index.css";
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

packages/ui/package.json

@@ -7,10 +7,6 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": "./dist",
-    "./styles.css": "./dist/index.css"
-  },
   "license": "MIT",
   "scripts": {
     "build": "tsup",