apexcharts-skill 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/.cursorrules +1 -1
  2. package/SKILL.md +2 -2
  3. package/package.json +1 -1
  4. package/references/framework-wrappers.md +6 -6
package/.cursorrules CHANGED
@@ -52,7 +52,7 @@ Wrappers handle `destroy()` automatically on unmount, accept reactive props, and
52
52
  15. **`violin`** points use a density profile: `data: [{ x, y: { density: [[value, weight], ...], points?: [num] } }]`.
53
53
  16. **`render()` is idempotent**: a repeated `render()` returns the same promise; still `destroy()` before a new instance on the same element.
54
54
  17. **Unknown `chart.type` throws (v7.9)** and the message names the closest type. `'column'` is a synonym for `'bar'`; `''` and `null` draw a line chart.
55
- 18. **A script tag names the exact version shown here**: `https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.1.0/apexcharts.min.js` or `https://cdn.jsdelivr.net/npm/apexcharts@8.1.0/dist/apexcharts.min.js`. Never write a 3.x or 4.x URL (`.../apexcharts/3.54.1/...`): those are releases from 2024 and early 2025. If the environment only accepts an older release, use the newest one it accepts with the same major version as these URLs.
55
+ 18. **A script tag names the exact version shown here**: `https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.2.0/apexcharts.min.js` or `https://cdn.jsdelivr.net/npm/apexcharts@8.2.0/dist/apexcharts.min.js`. Never write a 3.x or 4.x URL (`.../apexcharts/3.54.1/...`): those are releases from 2024 and early 2025. If the environment only accepts an older release, use the newest one it accepts with the same major version as these URLs.
56
56
 
57
57
  ---
58
58
 
package/SKILL.md CHANGED
@@ -15,7 +15,7 @@ description: >
15
15
  (`react-apexcharts`, `vue3-apexcharts`, `ng-apexcharts`) over the core API.
16
16
  metadata:
17
17
  author: ApexCharts
18
- version: "4.0.1"
18
+ version: "4.0.2"
19
19
  library_version: "8.0.0"
20
20
  category: data-visualization
21
21
  tags: [charts, visualization, javascript, typescript, svg, apexcharts]
@@ -94,7 +94,7 @@ metadata:
94
94
  19. **`dumbbell` (v7.1) takes one series per measure**, each with the same `x` categories: `[{ name: '2020', data: [{ x, y }] }, { name: '2025', data: [{ x, y }] }]`. Do **not** zip the values into `y: [low, high]` pairs; that is the older `plotOptions.bar.isDumbbell` range-bar form, which still works but is a different chart.
95
95
  20. **`raincloud` (v7.1) takes the raw sample**, one datum per category: `data: [{ x, points: [number] }]`. It is a premium Tier 2 type, so it needs `import 'apexcharts/raincloud'` on top of the default bundle.
96
96
  21. **Unknown names fail loudly (v7.9).** An unknown `chart.type` throws when the chart is constructed or updated, and the message names the closest real type (`'column'` is valid, a synonym for `'bar'`; `''` and `null` draw a line chart). An unknown top-level option key is kept but never read. Numeric-string axis bounds such as `yaxis.min: '10'` work, and a bound that cannot be parsed is ignored (the axis scales to the data). Both cases log a console warning, except in `apexcharts.min.js` and the CommonJS builds (the `*.common.js` files `require('apexcharts')` loads), which strip `console.warn`.
97
- 22. **A script tag names the exact version shown here**: `https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.1.0/apexcharts.min.js` or `https://cdn.jsdelivr.net/npm/apexcharts@8.1.0/dist/apexcharts.min.js`. Never write a 3.x or 4.x URL such as `.../apexcharts/3.54.1/...`: those are releases from 2024 and early 2025, and this skill does not describe them. If the environment only accepts an older release, use the newest one it accepts with the same major version as these URLs. See `references/framework-wrappers.md` for add-on files on each CDN.
97
+ 22. **A script tag names the exact version shown here**: `https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.2.0/apexcharts.min.js` or `https://cdn.jsdelivr.net/npm/apexcharts@8.2.0/dist/apexcharts.min.js`. Never write a 3.x or 4.x URL such as `.../apexcharts/3.54.1/...`: those are releases from 2024 and early 2025, and this skill does not describe them. If the environment only accepts an older release, use the newest one it accepts with the same major version as these URLs. See `references/framework-wrappers.md` for add-on files on each CDN.
98
98
 
99
99
  ---
100
100
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "apexcharts-skill",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "AI coding skill for ApexCharts.js — structured reference docs that help AI assistants (Claude, Cursor, Copilot, etc.) generate correct ApexCharts code.",
5
5
  "keywords": [
6
6
  "apexcharts",
package/references/framework-wrappers.md CHANGED
@@ -242,7 +242,7 @@ updateChart() {
242
242
  <div id="chart"></div>
243
243
 
244
244
  <!-- CDN, pinned to a release -->
245
- <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.1.0/apexcharts.min.js"></script>
245
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.2.0/apexcharts.min.js"></script>
246
246
 
247
247
  <script>
248
248
  const options = {
@@ -260,16 +260,16 @@ updateChart() {
260
260
 
261
261
  ```html
262
262
  <!-- default bundle -->
263
- <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.1.0/apexcharts.min.js"></script>
263
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.2.0/apexcharts.min.js"></script>
264
264
  <!-- one add-on next to it: an opt-in chart type -->
265
- <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.1.0/sunburst.js"></script>
265
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.2.0/sunburst.js"></script>
266
266
 
267
267
  <!-- or the full bundle: every chart type and feature, no add-ons -->
268
- <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.1.0/apexcharts.full.min.js"></script>
268
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.2.0/apexcharts.full.min.js"></script>
269
269
 
270
270
  <!-- the same files on jsDelivr keep the dist/ folder in the path -->
271
- <script src="https://cdn.jsdelivr.net/npm/apexcharts@8.1.0/dist/apexcharts.min.js"></script>
272
- <script src="https://cdn.jsdelivr.net/npm/apexcharts@8.1.0/dist/sunburst.js"></script>
271
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@8.2.0/dist/apexcharts.min.js"></script>
272
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@8.2.0/dist/sunburst.js"></script>
273
273
  ```
274
274
 
275
275
  **Always write an exact version**, as above, never a major channel (`apexcharts@<major>`) or the unversioned URL: sandboxes that host generated pages (artifacts, previews) commonly reject a URL without an exact version, and an exact pin keeps a page working when the next major changes what the default bundle holds. **Never write a 3.x or 4.x URL** (`.../apexcharts/3.54.1/...`): those are releases from 2024 and early 2025, and this skill does not describe them. If an environment only accepts an older release, use the newest one it accepts with the same major version as the URLs above, since this skill applies to that whole major. To stay on an older major, pin a release from it. The other add-ons are `unit.js`, `violin.js`, `icicle.js` and `features/<name>.js` beside `apexcharts.min.js`, and may load before or after the main script.