Conversation
Vite + React + Tailwind app showcasing all library capabilities: - Per-unit, tiered volume, tiered graduated, and tiered flat fee pricing - Tax handling (inclusive/exclusive comparison, multi-rate breakdown) - Discounts & coupons (fixed, percentage, cashback with before/after) - Composite pricing (multi-component bundles with recurrence grouping) - Recurring billing with frequency normalization across periods - Currency formatting (8 currencies, locale-aware, all format functions) - Dynamic tariff (market price + markup with 24h simulation chart) - GetAG energy pricing (Grundpreis/Arbeitspreis with cost breakdown) Each section has interactive controls, live computation via the actual library functions, and visual representations (tier charts, stacked bars, side-by-side comparisons). Run: cd demo && pnpm install && pnpm dev
…tion, Non-Commodity Add a "Use Cases" group in the sidebar with four new interactive demo sections: - Electricity: Single/dual-tariff (HT/NT) with Grundpreis + Arbeitspreis - Gas: Gas-specific pricing with CO2 levy, gas storage levy, and per-kWh breakdown - House Connection: Hausanschluss fees with distance-based trench work and toggleable services - Non-Commodity: Network fees, metering, government levies, and energy taxes for power/gas Updates App.tsx sidebar to support grouped navigation and adds use case cards to the overview page.
Screenshots of Overview, Electricity, Gas, House Connection, and Non-Commodity demo pages.
…, smart home) Non-commodity now correctly represents physical products and services beyond the energy supply: solar panels, battery storage, wallboxes, heat pumps, and smart home devices with toggleable categories and recurring service contracts.
Built-in JS/TS tokenizer that highlights keywords, strings, numbers, comments, properties, operators, and builtins with distinct colors. No external dependency required.
…icing Playground - Added interactive Usage CodeBlock with setup code to all 15 demo sections - Each usage section shows the exact code needed to reproduce the demo's computation - Code blocks are dynamic and update with the user's configured values - Added install + quickstart code blocks to the Overview page - Updated page title, sidebar, and hero to "epilot Pricing Playground"
Renamed the "Use Cases" group to "Energy & Utility Use Cases" and repositioned it right after Overview for better visibility.
- Wrap pricing model demos under a "Capabilities" group heading - Reorder Overview page: Energy & Utility Use Cases appear first, Capabilities section follows below
The multi-tax breakdown was accessing non-existent properties (tax._title, rateValue) causing undefined to render. Use tax.rate and tax.type which are the actual fields on TaxAmountBreakdown.
Transform the developer docs look into a polished product showcase: - Add TariffCard component with gradient headers for utility bill styling - Add ProductShowcase component with SVG illustrations (solar, wallbox, heat pump, smart home) - Revamp OverviewDemo as sales landing page with hero, product cards, customer journey - Upgrade Electricity/Gas/HouseConnection demos with tariff card format - Revamp NonCommodityDemo with visual product selection and bundle summary - Polish sidebar, typography, badges, and overall visual consistency - Add new CSS layers: gradients, cost-lines, showcase cards, stat pills https://claude.ai/code/session_01TL5ahYMFLnq42DTNZV1jaw
- Overview: equal-height use case cards with 2-line descriptions
- Overview: equal-height add-on showcase cards
- CSS: fix slider thumb missing background color (showed as broken/invisible)
- CSS: add Firefox slider thumb and track styling
- GetAGDemo: fix template string bug showing literal "{taxRate}" instead of value
- ElectricityDemo: simplify redundant totalConsumption ternary
- HouseConnectionDemo: replace poorly-supported pickaxe emoji with wrench
- HouseConnectionDemo: replace pager emoji with clipboard for meter icon
https://claude.ai/code/session_01TL5ahYMFLnq42DTNZV1jaw
The custom appearance-none CSS was overriding native range input styling, making the thumb misaligned and track not showing progress fill. Now using native browser styling with Tailwind accent-* classes for proper rendering. https://claude.ai/code/session_01TL5ahYMFLnq42DTNZV1jaw
Unicode escapes like \u26A1 and surrogate pairs like \uD83D\uDD25 were rendering as hex codes instead of emoji. Replaced with literal emoji characters across all 7 affected source files. https://claude.ai/code/session_01TL5ahYMFLnq42DTNZV1jaw
…ilot-dev/pricing into claude/pricing-demo-interactive-IRQnH
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.