Publish ready (#109)

* feat: update React to version 18.2.0 and fix compatibility issues

- Update React and React-DOM from 0.14.7 to 18.2.0
- Update build tools (browserify, budo, uglify-js, faker)
- Update lodash to latest version for security
- Replace deprecated componentWillMount with componentDidMount
- Replace deprecated componentWillReceiveProps with componentDidUpdate
- Update all examples to use React 18's createRoot API instead of ReactDOM.render
- Update load.js helper for React 18 compatibility
* feat: update to React 19.1.0 and verify compatibility

- Update React and React-DOM to latest version 19.1.0
- Test basic and demo examples - both working correctly
- Build process successful with no errors or warnings
- Generated new standalone build file

* feat: migrate from browserify/budo to Vite

- Convert all CommonJS modules to ES modules (import/export)
- Replace budo/browserify with Vite for dev server and build
- Add Vite configuration with React plugin
- Create HTML files for examples with proper module loading
- Update package.json scripts to use Vite commands
- Remove legacy browserify transforms and dependencies
- Generate modern ES/UMD bundles with CSS extraction
- Improve dev experience with HMR and faster builds


* fix: improve Vite dev server configuration

- Add environment variable support with loadEnv()
- Enable flexible port handling with strictPort: false
- Add allowedHosts: true for development flexibility
- Implement smart HMR management for production
- Set modern build target to esnext
- Add JSON stringify support

- Add index.html in root directory pointing to demo
- Update npm example script to use 'vite --host' instead of specific HTML file
- Follow standard Vite project structure for better jump.sh compatibility

* feat: make package publish-ready for npm

- Add proper package.json fields for modern npm publishing
  - Set type: 'module' for ES modules support
  - Add main/module/browser fields pointing to built dist files
  - Add exports field for dual ESM/CommonJS support
  - Add files field to control what gets published
  - Add prepublishOnly script to ensure build before publish
- Update README with modern React 19 usage examples
  - ES modules import syntax (recommended)
  - CommonJS require syntax (legacy support)
  - UMD browser global usage
  - Updated React 18+ createRoot API
- Remove duplicate and legacy fields
- Remove old browserify build scripts
- Package now includes: dist builds, source files, styles, docs

Author: davidguttman

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+*.log

CLAUDE.md

@@ -0,0 +1,50 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Common Development Commands
+
+### Running Examples
+- `npm run example` - Run the main demo with live reload (uses PORT env var, defaults to 9966)
+- `npm run example-basic` - Run basic example
+- `npm run example-persist` - Run persistence example
+
+### Building
+- `npm run dist` - Build standalone distribution file
+- `npm run build-standalone` - Build minified standalone version
+- `npm run remove-dist` - Clean dist directory
+
+## Project Architecture
+
+### Core Component Structure
+The main ReactPivot component (`index.jsx`) orchestrates the entire pivot table functionality:
+- Uses DataFrame library for data processing and calculations
+- Manages state for dimensions, sorting, filtering, and pagination
+- Renders three main sub-components: Dimensions, ColumnControl, and PivotTable
+
+### Key Components
+- **ReactPivot** (`index.jsx`) - Main component that handles data processing and state management
+- **PivotTable** (`lib/pivot-table.jsx`) - Renders the actual table with pagination and sorting
+- **Dimensions** (`lib/dimensions.jsx`) - Handles dimension selection and grouping controls
+- **ColumnControl** (`lib/column-control.jsx`) - Manages column visibility
+
+### Data Flow
+1. Raw data (`rows`) is processed through DataFrame with `dimensions` and `reduce` function
+2. User interactions (sorting, filtering, dimension changes) update state
+3. `updateRows()` recalculates the DataFrame based on current state
+4. Processed data flows to PivotTable for rendering
+
+### Key Libraries
+- **dataframe** - Core data processing and pivot calculations
+- **lodash** - Utility functions (uses individual imports for better tree-shaking)
+- **wildemitter** - Event bus for component communication
+- **create-react-class** - React class component creation (legacy syntax)
+
+### Build System
+- Uses **browserify** with **budo** for development server
+- **Reactify**, **envify**, and **cssify** transforms
+- Standalone builds use **uglify-js** for minification
+- Port configuration respects PORT environment variable
+
+### Development Server
+The project uses a local jump.sh proxy system. Check `pivot.jump.sh.log` for the current development URL (typically https://pivot.jump.sh).

README.md

@@ -1,76 +1,87 @@
 # ReactPivot #
 
-ReactPivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. Can be used without React.
+ReactPivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. 
+
+**Now compatible with React 19+ and modern build tools!**
 
 Demo: [http://davidguttman.github.io/react-pivot/](http://davidguttman.github.io/react-pivot/)
 
 ![Demo](http://i.imgur.com/BhPF2Cv.gif)
 
 ## Installation & Usage ##
 
-<strong> Default (Browserify/webpack): </strong>
-
+```bash
+npm install react-pivot
 ```
-npm i -S react-pivot
-```
-
-```js
-var React = require('react')
-var ReactPivot = require('react-pivot')
 
-React.render(
-  <ReactPivot rows={rows}
-              dimensions={dimensions}
-              reduce={reduce}
-              calculations={calculations}
-              nPaginateRows={25} />,
-  document.body
+### Modern ES Modules (Recommended)
+
+```jsx
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import ReactPivot from 'react-pivot'
+
+const root = createRoot(document.getElementById('root'))
+root.render(
+  <ReactPivot 
+    rows={rows}
+    dimensions={dimensions}
+    reduce={reduce}
+    calculations={calculations}
+    nPaginateRows={25} 
+  />
 )
 ```
 
-<strong> Classic (no React or Browserify): </strong>
+### CommonJS (Legacy Support)
 
-Download [react-pivot-standalone-3.0.0.min.js](https://raw.githubusercontent.com/davidguttman/react-pivot/master/dist/react-pivot-standalone-3.0.0.min.js)
+```js
+const React = require('react')
+const { createRoot } = require('react-dom/client')
+const ReactPivot = require('react-pivot')
 
-```html
-<script src='react-pivot-standalone-3.0.0.min.js'></script>
-<script>
-  ReactPivot(document.body, {
+const root = createRoot(document.getElementById('root'))
+root.render(
+  React.createElement(ReactPivot, {
     rows: rows,
     dimensions: dimensions,
+    reduce: reduce,
     calculations: calculations,
-    reduce: reduce
+    nPaginateRows: 25
   })
-</script>
-```
-
-<strong> Custom (Browserify, no React): </strong>
-
-```js
-var ReactPivot = require('react-pivot/load')
-
-ReactPivot(document.body, {
-  rows: rows,
-  dimensions: dimensions,
-  reduce: reduce,
-  calculations: calculations
-})
-
+)
 ```
 
+### UMD (Browser Global)
 
+```html
+<script src="https://unpkg.com/react-pivot/dist/react-pivot.umd.js"></script>
+<script>
+  const root = ReactDOM.createRoot(document.getElementById('root'))
+  root.render(
+    React.createElement(ReactPivot, {
+      rows: rows,
+      dimensions: dimensions,
+      calculations: calculations,
+      reduce: reduce
+    })
+  )
+</script>
 ## Example ##
 
-```js
-var React = require('react')
-var ReactPivot = require('react-pivot')
-
-React.render(
-  <ReactPivot rows={rows}
-              dimensions={dimensions}
-              reduce={reduce}
-              calculations={calculations} />,
-  document.body
+```jsx
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import ReactPivot from 'react-pivot'
+
+const root = createRoot(document.getElementById('root'))
+root.render(
+  <ReactPivot 
+    rows={rows}
+    dimensions={dimensions}
+    reduce={reduce}
+    calculations={calculations} 
+  />
 )
 ```