@amad3v/solid-chart 1.0.2 → 1.0.3

package/dist/solid-chart.js

@@ -66,23 +66,23 @@ const l = (e) => {
       t: void 0
     }), n;
   })();
-}, a = (...e) => S.register(...e), ee = () => a(B, A), te = () => a(q, B, A, k, $), re = () => a(F, E, m, f, L), oe = () => a(J, E, m, I), ne = () => a(G, R, f, L), ae = () => a(z, v), ie = () => a(M, v), se = () => a(j, R, v), le = () => a(_, m, f), ce = () => a(H, m, f), ue = (e) => i(l, s({
+}, a = (...e) => S.register(...e), ee = () => a(B, A), te = () => a(q, B, A, k, $), re = () => a(F, E, m, f, L), oe = () => a(J, E, m, I), ne = () => a(G, R, f, L), ae = () => a(z, v), ie = () => a(M, v), se = () => a(j, R, v), le = () => a(_, m, f), ce = () => a(H, m, f), ue = (e) => i(l, s(e, {
   type: "line"
-}, e)), pe = (e) => i(l, s({
+})), pe = (e) => i(l, s(e, {
   type: "bar"
-}, e)), de = (e) => i(l, s({
+})), de = (e) => i(l, s(e, {
   type: "radar"
-}, e)), ge = (e) => i(l, s({
+})), ge = (e) => i(l, s(e, {
   type: "doughnut"
-}, e)), fe = (e) => i(l, s({
+})), fe = (e) => i(l, s(e, {
   type: "polarArea"
-}, e)), me = (e) => i(l, s({
+})), me = (e) => i(l, s(e, {
   type: "bubble"
-}, e)), he = (e) => i(l, s({
+})), he = (e) => i(l, s(e, {
   type: "pie"
-}, e)), Ce = (e) => i(l, s({
+})), Ce = (e) => i(l, s(e, {
   type: "scatter"
-}, e));
+}));
 export {
   pe as Bar,
   me as Bubble,

package/dist/solid-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"solid-chart.js","sources":["../src/chart.tsx","../src/registry.ts","../src/typedCharts.tsx"],"sourcesContent":["import { mergeRefs } from '@solid-primitives/refs';\nimport { Chart, ChartData, ChartItem, ChartOptions, Plugin } from 'chart.js';\nimport { Component, createEffect, mergeProps, on, onCleanup, onMount } from 'solid-js';\nimport { unwrap } from 'solid-js/store';\n\nimport { ChartProps } from './types';\n\nexport const DefaultChart: Component<ChartProps> = (props) => {\n  let retryCount = 0;\n  let canvasRef: HTMLCanvasElement | null;\n  let chart: Chart | undefined;\n\n  const merged = mergeProps(\n    {\n      width: 512,\n      height: 512,\n      type: 'line' as const,\n      data: {} as ChartData,\n      options: { responsive: true } as ChartOptions,\n      plugins: [] as Plugin[],\n    },\n    props,\n  );\n\n  const init = () => {\n    if (!canvasRef) return;\n\n    // Is the canvas actually in the document?\n    if (!canvasRef.isConnected) {\n      retryCount++;\n\n      // Warn if it takes an abnormally long time (> 1 second)\n      // Assuming ~60fps, 60 retries is roughly 1 second.\n      if (retryCount === 60) {\n        // eslint-disable-next-line no-console\n        console.warn('Solid-Chart: Canvas layout is delayed. Still retrying...');\n      }\n\n      requestAnimationFrame(init);\n      return;\n    }\n\n    // Success! Reset counter and proceed\n    retryCount = 0;\n\n    const ctx = canvasRef.getContext('2d') as ChartItem;\n\n    // Clean unwrap and a safe copy of options\n    const rawOptions = unwrap(merged.options);\n    const configOptions = { ...rawOptions };\n\n    // Handle the radar scale issue without mutating props\n    if (merged.type !== 'radar' && configOptions.scales?.r) {\n      const { r: _, ...otherScales } = configOptions.scales;\n      configOptions.scales = otherScales;\n    }\n\n    chart = new Chart(ctx, {\n      type: merged.type,\n      data: unwrap(merged.data), // unwrap stores before passing to external libs\n      options: configOptions,\n      plugins: merged.plugins,\n    });\n  };\n\n  onMount(() => init());\n\n  createEffect(\n    on(\n      () => merged.data,\n      (newData) => {\n        if (chart) {\n          chart.data = unwrap(newData);\n          chart.update('none'); // Use 'none' for better performance on data updates\n        }\n      },\n      { defer: true },\n    ),\n  );\n\n  createEffect(\n    on(\n      () => merged.options,\n      (newOptions) => {\n        if (chart) {\n          chart.options = unwrap(newOptions);\n          chart.update();\n        }\n      },\n      { defer: true },\n    ),\n  );\n\n  createEffect(\n    on(\n      [() => merged.width, () => merged.height],\n      () => chart?.resize(merged.width, merged.height),\n      { defer: true },\n    ),\n  );\n\n  createEffect(\n    on(\n      () => merged.type,\n      () => {\n        if (chart) {\n          chart.destroy();\n          init();\n        }\n      },\n      { defer: true },\n    ),\n  );\n\n  onCleanup(() => {\n    chart?.destroy();\n    // Standard cleanup for the ref\n    mergeRefs(props.ref, null);\n  });\n\n  return (\n    <canvas\n      ref={mergeRefs(props.ref, (el) => (canvasRef = el))}\n      height={merged.height}\n      width={merged.width}\n    >\n      {merged.fallback}\n    </canvas>\n  );\n};\n","import {\n  ArcElement,\n  BarController,\n  BarElement,\n  BubbleController,\n  CategoryScale,\n  Chart,\n  ChartComponent,\n  Colors,\n  DoughnutController,\n  Legend,\n  LinearScale,\n  LineController,\n  LineElement,\n  PieController,\n  PointElement,\n  PolarAreaController,\n  RadarController,\n  RadialLinearScale,\n  ScatterController,\n  SubTitle,\n  Title,\n  Tooltip,\n} from 'chart.js';\n\n/**\n * Global registration helper for custom components and plugins.\n * Use this to register 3rd party plugins or custom scales.\n */\nexport const registerComponent = (...args: ChartComponent[]) => Chart.register(...args);\n\n/**\n * Essential plugins most charts need.\n */\nexport const registerCore = () => registerComponent(Tooltip, Legend);\n\n/**\n * Extra standard plugins for titles and automatic color palettes.\n */\nexport const registerCoreExtra = () => registerComponent(Title, Tooltip, Legend, Colors, SubTitle);\n\n/**\n * Essential for Line chart.\n */\nexport const registerLine = () =>\n  registerComponent(LineController, CategoryScale, LinearScale, PointElement, LineElement);\n\n/**\n * Essential for Bar chart.\n */\nexport const registerBar = () =>\n  registerComponent(BarController, CategoryScale, LinearScale, BarElement);\n\n/**\n * Essential for Radar chart.\n */\nexport const registerRadar = () =>\n  registerComponent(RadarController, RadialLinearScale, PointElement, LineElement);\n\n/**\n * Essential for Doughnut chart.\n */\nexport const registerDoughnut = () => registerComponent(DoughnutController, ArcElement);\n\n/**\n * Essential for Pie chart.\n */\nexport const registerPie = () => registerComponent(PieController, ArcElement);\n\n/**\n * Essential for PolarArea chart.\n */\nexport const registerPolarArea = () =>\n  registerComponent(PolarAreaController, RadialLinearScale, ArcElement);\n\n/**\n * Essential for Bubble chart.\n */\nexport const registerBubble = () => registerComponent(BubbleController, LinearScale, PointElement);\n\n/**\n * Essential for Scatter chart.\n */\nexport const registerScatter = () =>\n  registerComponent(ScatterController, LinearScale, PointElement);\n","import { Component } from 'solid-js';\n\nimport { DefaultChart } from './chart';\nimport type { ChartProps } from './types';\n\n// Omit 'type' from props since these components define the type themselves\nexport type TypedChartProps = Omit<ChartProps, 'type'>;\ntype TypedChart = Component<TypedChartProps>;\n\nexport const Line: TypedChart = (props) => <DefaultChart type=\"line\" {...props} />;\nexport const Bar: TypedChart = (props) => <DefaultChart type=\"bar\" {...props} />;\nexport const Radar: TypedChart = (props) => <DefaultChart type=\"radar\" {...props} />;\nexport const Doughnut: TypedChart = (props) => <DefaultChart type=\"doughnut\" {...props} />;\nexport const PolarArea: TypedChart = (props) => <DefaultChart type=\"polarArea\" {...props} />;\nexport const Bubble: TypedChart = (props) => <DefaultChart type=\"bubble\" {...props} />;\nexport const Pie: TypedChart = (props) => <DefaultChart type=\"pie\" {...props} />;\nexport const Scatter: TypedChart = (props) => <DefaultChart type=\"scatter\" {...props} />;\n"],"names":["DefaultChart","props","retryCount","canvasRef","chart","merged","mergeProps","width","height","type","data","options","responsive","plugins","init","isConnected","console","warn","requestAnimationFrame","ctx","getContext","configOptions","unwrap","rawOptions","scales","r","_","otherScales","Chart","onMount","createEffect","on","newData","update","defer","newOptions","resize","destroy","onCleanup","mergeRefs","ref","_el$","_tmpl$","_ref$","el","_$use","_$insert","fallback","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","undefined","registerComponent","args","registerCore","Tooltip","Legend","registerCoreExtra","Title","Colors","SubTitle","registerLine","LineController","CategoryScale","LinearScale","PointElement","LineElement","registerBar","BarController","BarElement","registerRadar","RadarController","RadialLinearScale","registerDoughnut","DoughnutController","ArcElement","registerPie","PieController","registerPolarArea","PolarAreaController","registerBubble","BubbleController","registerScatter","ScatterController","Line","_$createComponent","_$mergeProps","Bar","Radar","Doughnut","PolarArea","Bubble","Pie","Scatter"],"mappings":"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"}
+{"version":3,"file":"solid-chart.js","sources":["../src/chart.tsx","../src/registry.ts","../src/typedCharts.tsx"],"sourcesContent":["import { mergeRefs } from '@solid-primitives/refs';\nimport { Chart, ChartData, ChartItem, ChartOptions, Plugin } from 'chart.js';\nimport { Component, createEffect, mergeProps, on, onCleanup, onMount } from 'solid-js';\nimport { unwrap } from 'solid-js/store';\n\nimport { ChartProps } from './types';\n\nexport const DefaultChart: Component<ChartProps> = (props) => {\n  let retryCount = 0;\n  let canvasRef: HTMLCanvasElement | null;\n  let chart: Chart | undefined;\n\n  const merged = mergeProps(\n    {\n      width: 512,\n      height: 512,\n      type: 'line' as const,\n      data: {} as ChartData,\n      options: { responsive: true } as ChartOptions,\n      plugins: [] as Plugin[],\n    },\n    props,\n  );\n\n  const init = () => {\n    if (!canvasRef) return;\n\n    // Is the canvas actually in the document?\n    if (!canvasRef.isConnected) {\n      retryCount++;\n\n      // Warn if it takes an abnormally long time (> 1 second)\n      // Assuming ~60fps, 60 retries is roughly 1 second.\n      if (retryCount === 60) {\n        // eslint-disable-next-line no-console\n        console.warn('Solid-Chart: Canvas layout is delayed. Still retrying...');\n      }\n\n      requestAnimationFrame(init);\n      return;\n    }\n\n    // Success! Reset counter and proceed\n    retryCount = 0;\n\n    const ctx = canvasRef.getContext('2d') as ChartItem;\n\n    // Clean unwrap and a safe copy of options\n    const rawOptions = unwrap(merged.options);\n    const configOptions = { ...rawOptions };\n\n    // Handle the radar scale issue without mutating props\n    if (merged.type !== 'radar' && configOptions.scales?.r) {\n      const { r: _, ...otherScales } = configOptions.scales;\n      configOptions.scales = otherScales;\n    }\n\n    chart = new Chart(ctx, {\n      type: merged.type,\n      data: unwrap(merged.data), // unwrap stores before passing to external libs\n      options: configOptions,\n      plugins: merged.plugins,\n    });\n  };\n\n  onMount(() => init());\n\n  createEffect(\n    on(\n      () => merged.data,\n      (newData) => {\n        if (chart) {\n          chart.data = unwrap(newData);\n          chart.update('none'); // Use 'none' for better performance on data updates\n        }\n      },\n      { defer: true },\n    ),\n  );\n\n  createEffect(\n    on(\n      () => merged.options,\n      (newOptions) => {\n        if (chart) {\n          chart.options = unwrap(newOptions);\n          chart.update();\n        }\n      },\n      { defer: true },\n    ),\n  );\n\n  createEffect(\n    on(\n      [() => merged.width, () => merged.height],\n      () => chart?.resize(merged.width, merged.height),\n      { defer: true },\n    ),\n  );\n\n  createEffect(\n    on(\n      () => merged.type,\n      () => {\n        if (chart) {\n          chart.destroy();\n          init();\n        }\n      },\n      { defer: true },\n    ),\n  );\n\n  onCleanup(() => {\n    chart?.destroy();\n    // Standard cleanup for the ref\n    mergeRefs(props.ref, null);\n  });\n\n  return (\n    <canvas\n      ref={mergeRefs(props.ref, (el) => (canvasRef = el))}\n      height={merged.height}\n      width={merged.width}\n    >\n      {merged.fallback}\n    </canvas>\n  );\n};\n","import {\n  ArcElement,\n  BarController,\n  BarElement,\n  BubbleController,\n  CategoryScale,\n  Chart,\n  ChartComponent,\n  Colors,\n  DoughnutController,\n  Legend,\n  LinearScale,\n  LineController,\n  LineElement,\n  PieController,\n  PointElement,\n  PolarAreaController,\n  RadarController,\n  RadialLinearScale,\n  ScatterController,\n  SubTitle,\n  Title,\n  Tooltip,\n} from 'chart.js';\n\n/**\n * Global registration helper for custom components and plugins.\n * Use this to register 3rd party plugins or custom scales.\n */\nexport const registerComponent = (...args: ChartComponent[]) => Chart.register(...args);\n\n/**\n * Essential plugins most charts need.\n */\nexport const registerCore = () => registerComponent(Tooltip, Legend);\n\n/**\n * Extra standard plugins for titles and automatic color palettes.\n */\nexport const registerCoreExtra = () => registerComponent(Title, Tooltip, Legend, Colors, SubTitle);\n\n/**\n * Essential for Line chart.\n */\nexport const registerLine = () =>\n  registerComponent(LineController, CategoryScale, LinearScale, PointElement, LineElement);\n\n/**\n * Essential for Bar chart.\n */\nexport const registerBar = () =>\n  registerComponent(BarController, CategoryScale, LinearScale, BarElement);\n\n/**\n * Essential for Radar chart.\n */\nexport const registerRadar = () =>\n  registerComponent(RadarController, RadialLinearScale, PointElement, LineElement);\n\n/**\n * Essential for Doughnut chart.\n */\nexport const registerDoughnut = () => registerComponent(DoughnutController, ArcElement);\n\n/**\n * Essential for Pie chart.\n */\nexport const registerPie = () => registerComponent(PieController, ArcElement);\n\n/**\n * Essential for PolarArea chart.\n */\nexport const registerPolarArea = () =>\n  registerComponent(PolarAreaController, RadialLinearScale, ArcElement);\n\n/**\n * Essential for Bubble chart.\n */\nexport const registerBubble = () => registerComponent(BubbleController, LinearScale, PointElement);\n\n/**\n * Essential for Scatter chart.\n */\nexport const registerScatter = () =>\n  registerComponent(ScatterController, LinearScale, PointElement);\n","import { Component } from 'solid-js';\n\nimport { DefaultChart } from './chart';\nimport type { ChartProps } from './types';\n\n// Omit 'type' from props since these components define the type themselves\nexport type TypedChartProps = Omit<ChartProps, 'type'>;\ntype TypedChart = Component<TypedChartProps>;\n\nexport const Line: TypedChart = (props) => <DefaultChart {...props} type=\"line\" />;\nexport const Bar: TypedChart = (props) => <DefaultChart {...props} type=\"bar\" />;\nexport const Radar: TypedChart = (props) => <DefaultChart {...props} type=\"radar\" />;\nexport const Doughnut: TypedChart = (props) => <DefaultChart {...props} type=\"doughnut\" />;\nexport const PolarArea: TypedChart = (props) => <DefaultChart {...props} type=\"polarArea\" />;\nexport const Bubble: TypedChart = (props) => <DefaultChart {...props} type=\"bubble\" />;\nexport const Pie: TypedChart = (props) => <DefaultChart {...props} type=\"pie\" />;\nexport const Scatter: TypedChart = (props) => <DefaultChart {...props} type=\"scatter\" />;\n"],"names":["DefaultChart","props","retryCount","canvasRef","chart","merged","mergeProps","width","height","type","data","options","responsive","plugins","init","isConnected","console","warn","requestAnimationFrame","ctx","getContext","configOptions","unwrap","rawOptions","scales","r","_","otherScales","Chart","onMount","createEffect","on","newData","update","defer","newOptions","resize","destroy","onCleanup","mergeRefs","ref","_el$","_tmpl$","_ref$","el","_$use","_$insert","fallback","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","undefined","registerComponent","args","registerCore","Tooltip","Legend","registerCoreExtra","Title","Colors","SubTitle","registerLine","LineController","CategoryScale","LinearScale","PointElement","LineElement","registerBar","BarController","BarElement","registerRadar","RadarController","RadialLinearScale","registerDoughnut","DoughnutController","ArcElement","registerPie","PieController","registerPolarArea","PolarAreaController","registerBubble","BubbleController","registerScatter","ScatterController","Line","_$createComponent","_$mergeProps","Bar","Radar","Doughnut","PolarArea","Bubble","Pie","Scatter"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amad3v/solid-chart",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "author": {
     "name": "Mohamed JOUINI",
     "email": "amad3v@gmail.com",

package/src/typedCharts.tsx

@@ -7,11 +7,11 @@ import type { ChartProps } from './types';
 export type TypedChartProps = Omit<ChartProps, 'type'>;
 type TypedChart = Component<TypedChartProps>;
 
-export const Line: TypedChart = (props) => <DefaultChart type="line" {...props} />;
-export const Bar: TypedChart = (props) => <DefaultChart type="bar" {...props} />;
-export const Radar: TypedChart = (props) => <DefaultChart type="radar" {...props} />;
-export const Doughnut: TypedChart = (props) => <DefaultChart type="doughnut" {...props} />;
-export const PolarArea: TypedChart = (props) => <DefaultChart type="polarArea" {...props} />;
-export const Bubble: TypedChart = (props) => <DefaultChart type="bubble" {...props} />;
-export const Pie: TypedChart = (props) => <DefaultChart type="pie" {...props} />;
-export const Scatter: TypedChart = (props) => <DefaultChart type="scatter" {...props} />;
+export const Line: TypedChart = (props) => <DefaultChart {...props} type="line" />;
+export const Bar: TypedChart = (props) => <DefaultChart {...props} type="bar" />;
+export const Radar: TypedChart = (props) => <DefaultChart {...props} type="radar" />;
+export const Doughnut: TypedChart = (props) => <DefaultChart {...props} type="doughnut" />;
+export const PolarArea: TypedChart = (props) => <DefaultChart {...props} type="polarArea" />;
+export const Bubble: TypedChart = (props) => <DefaultChart {...props} type="bubble" />;
+export const Pie: TypedChart = (props) => <DefaultChart {...props} type="pie" />;
+export const Scatter: TypedChart = (props) => <DefaultChart {...props} type="scatter" />;