[release] 0.1.2 - Update package version, add client and noop entry points, and adjust build scripts

Author: ccbbccbb

package.json

@@ -1,23 +1,35 @@
 {
   "name": "react-tw-breakpointer",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A React component that displays the current Tailwind CSS breakpoint and viewport dimensions",
   "type": "module",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/client.cjs",
+  "module": "dist/client.js",
+  "types": "dist/client.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/client.d.ts",
+      "react-server": "./dist/noop.js",
+      "development": "./dist/client.js",
+      "production": "./dist/noop.js",
+      "import": "./dist/client.js",
+      "require": "./dist/client.cjs",
+      "default": "./dist/client.js"
+    },
+    "./noop": {
+      "import": "./dist/noop.js",
+      "require": "./dist/noop.cjs"
+    },
+    "./client": {
+      "import": "./dist/client.js",
+      "require": "./dist/client.cjs"
     }
   },
   "files": ["dist", "README.md", "LICENSE"],
   "sideEffects": false,
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --sourcemap --clean --external react,react-dom",
-    "dev": "tsup src/index.ts --format esm,cjs --dts --sourcemap --watch --external react,react-dom",
+    "build": "tsup --format esm,cjs --dts --sourcemap --clean --external react,react-dom",
+    "dev": "tsup --format esm,cjs --dts --sourcemap --watch --external react,react-dom",
     "typecheck": "tsc --noEmit",
     "lint": "biome check --write .",
     "format": "biome format --write .",
@@ -26,7 +38,7 @@
     "publish:dry": "bun run build && npm pack --dry-run",
     "publish:npm": "bun run build && npm publish",
     "size": "bun run build && bundlesize",
-    "analyze": "bun run build && echo 'ESM:' && gzip -c dist/index.js | wc -c && echo 'CJS:' && gzip -c dist/index.cjs | wc -c",
+    "analyze": "bun run build && echo 'ESM:' && gzip -c dist/client.js | wc -c && echo 'CJS:' && gzip -c dist/client.cjs | wc -c",
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:run": "vitest run",

src/client.tsx

@@ -0,0 +1 @@
+export { BreakPointer, type BreakPointerProps, type Position } from './BreakPointer';

src/noop.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+
+export type Position =
+  | 'bottom-center'
+  | 'top-center'
+  | 'top-left'
+  | 'top-right'
+  | 'bottom-left'
+  | 'bottom-right';
+
+export interface BreakPointerProps {
+  initiallyVisible?: boolean;
+  toggleKey?: string;
+  position?: Position;
+  zIndex?: number;
+  hideInProduction?: boolean;
+  showDimensions?: boolean;
+  className?: string;
+  style?: React.CSSProperties;
+  fontFamily?: string;
+}
+
+export const BreakPointer: React.FC<BreakPointerProps> = () => null;

tsup.config.ts

@@ -1,8 +1,13 @@
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/index.ts'],
+  entry: {
+    index: 'src/index.ts',
+    client: 'src/client.tsx',
+    noop: 'src/noop.ts',
+  },
   format: ['esm', 'cjs'],
+  bundle: false,
   dts: true,
   sourcemap: true,
   clean: true,
@@ -12,7 +17,6 @@ export default defineConfig({
   treeshake: true,
   target: 'es2020',
   platform: 'browser',
-  // Remove globalName to avoid UMD build overhead
   esbuildOptions: (options) => {
     options.drop = ['console', 'debugger'];
   },