@graphenedata/cli 0.0.15 → 0.0.16

package/package.json

@@ -1,71 +1,69 @@
 {
   "name": "@graphenedata/cli",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "license": "Elastic-2.0",
   "author": "Graphene Systems Inc",
+  "type": "module",
   "bin": {
     "graphene": "./bin.js"
   },
-  "files": [
-    "dist",
-    "bin.js",
-    "package.json",
-    "LICENSE.md",
-    "THIRD_PARTY_NOTICES.md"
-  ],
-  "type": "module",
   "main": "bin.js",
+  "types": "dist/index.d.ts",
   "exports": {
     "./ui": {
       "browser": "./dist/ui/web.js"
     }
   },
-  "scripts": {
-    "build": "rm -rf dist && rm -f *.tgz && node ./esbuild.mjs",
-    "test": "vitest run cli --root ..",
-    "test-one": "node ../scripts/turboTest.js",
-    "prepack": "pnpm run build"
-  },
-  "dependencies": {
+  "peerDependencies": {
+    "@clickhouse/client": "^1.18.2",
     "@duckdb/node-api": "1.3.2-alpha.26",
     "@google-cloud/bigquery": "^8.2.0",
+    "snowflake-sdk": "2.4.0"
+  },
+  "peerDependenciesMeta": {
+    "@clickhouse/client": {
+      "optional": true
+    },
+    "@duckdb/node-api": {
+      "optional": true
+    },
+    "@google-cloud/bigquery": {
+      "optional": true
+    },
+    "snowflake-sdk": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "dependencies": {
+    "@fontsource/inter": "^5.2.8",
+    "@fontsource/jetbrains-mono": "^5.2.8",
+    "@fontsource/source-sans-3": "^5.2.9",
+    "@fontsource/source-serif-4": "^5.2.9",
     "@graphenedata/html2canvas": "^1.4.1",
     "@lezer/common": "^1.2.3",
     "@lezer/lr": "^1.4.2",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@tidyjs/tidy": "^2.5.2",
     "chalk": "^5.3.0",
-    "chokidar": "3.6.0",
     "chroma-js": "2.4.2",
+    "ci-info": "^4.4.0",
     "cli-table3": "^0.6.3",
     "commander": "^11.0.0",
-    "debounce": "^1.2.1",
     "dotenv": "^17.2.3",
-    "echarts": "^5.5.0",
+    "echarts": "^6.0.0",
+    "entities": "^4.5.0",
     "fs-extra": "11.2.0",
     "glob": "^13.0.1",
-    "marked": "^16.3.0",
+    "js-yaml": "^3.14.2",
+    "json5": "^2.2.3",
     "mdsvex": "^0.12.6",
-    "nanoid": "3.3.8",
     "sanitize-html": "^2.17.0",
-    "snowflake-sdk": "^2.3.4",
-    "ssf": "^0.11.2",
-    "svelte": "5.53.7",
+    "svelte": "5.55.3",
     "unified": "^11.0.5",
     "unist-util-visit": "4.1.2",
-    "vite": "7.3.1",
+    "vite": "7.3.2",
     "ws": "^8.18.0"
-  },
-  "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.0.0",
-    "@types/sanitize-html": "^2.16.0",
-    "@types/ws": "^8.18.1",
-    "esbuild": "^0.27.2",
-    "vitest": "4.0.18",
-    "vscode-languageserver-types": "^3.17.0"
-  },
-  "engines": {
-    "node": ">=20"
   }
 }

package/dist/skills/graphene/references/area-chart.md

@@ -1,95 +0,0 @@
-Use area charts to track how a metric with multiple series changes over time, or a continuous range. Area charts emphasize changes in the sum of series over the individual series.
-
-Here's an example:
-
-```markdown
-<AreaChart
-  data=orders_by_month
-  x=month
-  y=sales
-/>
-```
-
-# Attributes
-
-## General
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| title | Chart title. Appears at top left of chart. | false | string | - |
-| subtitle | Chart subtitle. Appears just under title. | false | string | - |
-| legend | Turn legend on or off. Legend appears at top center of chart. | false | `true`, `false` | `true` for multiple series |
-| chartAreaHeight | Minimum height of the chart area (excl. header and footer) in pixels. Adjusting the height affects all viewport sizes and may impact the mobile UX. | false | number | `180` |
-| renderer | Which chart renderer type (canvas or SVG) to use. See ECharts' [documentation on renderers](https://echarts.apache.org/handbook/en/best-practices/canvas-vs-svg/). | false | `canvas`, `svg` | `canvas` |
-| downloadableData | Whether to show the download button to allow users to download the data | false | `true`, `false` | `true` |
-| downloadableImage | Whether to show the button to allow users to save the chart as an image | false | `true`, `false` | `true` |
-
-## Data
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| data | GSQL query or table name | true | query name | - |
-| x | Column or expression to use for the x-axis of the chart | true | column name, stored expression name, GSQL expression | First column |
-| y | Column(s) or expression(s) to use for the y-axis of the chart. Each will create its own series. Consider a split axis with `y2` if there is a difference of scale or unit of measure between the series. | true | column name, stored expression name, GSQL expression, list of any combination of these e.g. `"col1, my_expr"` | Any non-assigned numeric columns |
-| series | Column or expression to use to define the series (groups) in a multi-series chart. Use when values of a particular column dictate the multiple series to plot, eg. `country` would create a series for every distinct country in the column. | false | column name, stored expression name, GSQL expression | - |
-| sort | Whether to apply default sort to your data. Default sort is x ascending for number and date x-axes, and y descending for category x-axes | false | `true`, `false` | `true` |
-| type | Grouping method to use for multi-series charts | false | `stacked`, `stacked100` | `stacked` |
-| handleMissing | Treatment of missing values in the dataset | false | `gap`, `connect`, `zero` | `gap` for single series, `zero` for multi-series |
-| emptySet | Sets behaviour for empty datasets. Can throw an error, a warning, or allow empty. When set to 'error', empty datasets will block builds in `build:strict`. Note this only applies to initial page load - empty datasets caused by input component changes (dropdowns, etc.) are allowed. | false | `error`, `warn`, `pass` | `error` |
-| emptyMessage | Text to display when an empty dataset is received - only applies when `emptySet` is 'warn' or 'pass', or when the empty dataset is a result of an input component change (dropdowns, etc.). | false | string | "No records" |
-
-## Formatting and styling
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| xFmt | Format to use for x column ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| yFmt | Format to use for y column ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| seriesLabelFmt | Format to use for series label ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| step | Specifies whether the chart is displayed as a step line | false | `true`, `false` | `false` |
-| stepPosition | Configures the position of turn points for a step line chart | false | `start`, `middle`, `end` | `end` |
-| fillColor | Color to override default series color. Only accepts a single color. | false | CSS name, hexademical, RGB, HSL | - |
-| lineColor | Color to override default line color. Only accepts a single color. | false | CSS name, hexademical, RGB, HSL | - |
-| fillOpacity | % of the full color that should be rendered, with remainder being transparent | false | number (0 to 1) | `0.7` |
-| line | Show line on top of the area | false | `true`, `false` | `true` |
-| colorPalette | List of custom colors to use for the chart | false | list of color strings (CSS name, hexademical, RGB, HSL) e.g. `"#cf0d06, #eb5752, #e88a87"` | built-in color palette |
-| seriesOrder | Apply a specific order to the series in a multi-series chart. | false | list of series names in the order they should be used in the chart e.g. `"Canada, US"` | default order implied by the data |
-| leftPadding | Number representing the padding (whitespace) on the left side of the chart. Useful to avoid labels getting cut off | false | number | - |
-| rightPadding | Number representing the padding (whitespace) on the right side of the chart. Useful to avoid labels getting cut off | false | number | - |
-| xLabelWrap | Whether to wrap x-axis labels when there is not enough space. Default behaviour is to truncate the labels. | false | `true`, `false` | `false` |
-
-## Value Labels
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| labels | Show value labels | false | `true`, `false` | `false` |
-| labelSize | Font size of value labels | false | number | `11` |
-| labelPosition | Where label will appear on your series | false | `above`, `middle`, `below` | `above` |
-| labelColor | Font color of value labels | false | CSS name, hexademical, RGB, HSL | Automatic based on color contrast of background |
-| labelFmt | Format to use for value labels ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | same as y column |
-| showAllLabels | Allow all labels to appear on chart, including overlapping labels | false | `true`, `false` | `false` |
-
-## Axes
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| yLog | Whether to use a log scale for the y-axis | false | `true`, `false` | `false` |
-| yLogBase | Base to use when log scale is enabled | false | number | `10` |
-| xAxisTitle | Name to show under x-axis. If 'true', formatted column name is used. Only works with swapXY=false | false | `true`, `string`, `false` | `false` |
-| yAxisTitle | Name to show beside y-axis. If 'true', formatted column name is used. | false | `true`, `string`, `false` | `false` |
-| xGridlines | Turns on/off gridlines extending from x-axis tick marks (vertical lines when swapXY=false) | false | `true`, `false` | `false` |
-| yGridlines | Turns on/off gridlines extending from y-axis tick marks (horizontal lines when swapXY=false) | false | `true`, `false` | `true` |
-| xAxisLabels | Turns on/off value labels on the x-axis | false | `true`, `false` | `true` |
-| yAxisLabels | Turns on/off value labels on the y-axis | false | `true`, `false` | `true` |
-| xBaseline | Turns on/off thick axis line (line appears at y=0) | false | `true`, `false` | `true` |
-| yBaseline | Turns on/off thick axis line (line appears directly alongside the y-axis labels) | false | `true`, `false` | `false` |
-| xTickMarks | Turns on/off tick marks for each of the x-axis labels | false | `true`, `false` | `false` |
-| yTickMarks | Turns on/off tick marks for each of the y-axis labels | false | `true`, `false` | `false` |
-| yMin | Starting value for the y-axis | false | number | - |
-| yMax | Maximum value for the y-axis | false | number | - |
-| yScale | Whether to scale the y-axis to fit your data. `yMin` and `yMax` take precedence over `yScale` | false | `true`, `false` | `false` |
-
-## Interactivity
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| connectGroup | Group name to connect this chart to other charts for synchronized tooltip hovering. Charts with the same `connectGroup` name will become connected | false | - | - |

package/dist/skills/graphene/references/bar-chart.md

@@ -1,112 +0,0 @@
-Use bar or column charts to compare a metric across categories. Bar charts are best with a small number of categories and series, and should generally start at 0.
-
-Here's an example:
-
-```markdown
-<BarChart
-  title="Sales by Category"
-  data=orders_by_category_2021
-  x=month
-  y=sales
-  series=category
-/>
-```
-
-# Attributes
-
-## General
-
-| Attribute | Description | Options | Default |
-|----------|-------------|---------|---------|
-| title | Chart title. Appears at top left of chart. | string | - |
-| subtitle | Chart subtitle. Appears just under title. | string | - |
-| legend | Turns legend on or off. Legend appears at top center of chart. | `true`, `false` | `true` for multiple series |
-| chartAreaHeight | Minimum height of the chart area (excl. header and footer) in pixels. Adjusting the height affects all viewport sizes and may impact the mobile UX. | number | `180` |
-| renderer | Which chart renderer type (canvas or SVG) to use. See ECharts' documentation on renderers. | `canvas`, `svg` | `canvas` |
-| downloadableData | Whether to show the download button to allow users to download the data | `true`, `false` | `true` |
-| downloadableImage | Whether to show the button to allow users to save the chart as an image | `true`, `false` | `true` |
-
-## Data
-
-| Attribute | Description | Required | Options | Default |
-|----------|-------------|----------|---------|---------|
-| data | GSQL query or table name | true | query name | - |
-| x | Column or expression to use for the x-axis of the chart | false | column name, stored expression name, GSQL expression | First column |
-| y | Column(s) or expression(s) to use for the y-axis of the chart. Each will create its own series. Consider a split axis with `y2` if there is a difference of scale or unit of measure between the series. | false | column name, stored expression name, GSQL expression, list of any combination of these e.g. `"col1, my_expr"` | Any non-assigned numeric columns |
-| y2 | Column(s) or expression(s) to include on a secondary y-axis. | false | column name, stored expression name, GSQL expression, list of any combination of these e.g. `"col1, my_expr"` | - |
-| y2SeriesType | Chart type to apply to the series on the y2 axis | false | `bar`, `line`, `scatter` | `bar` |
-| series | Column or expression to use to define the series (groups) in a multi-series chart. Use when values of a particular column dictate the multiple series to plot, eg. `country` would create a series for every distinct country in the column. | false | column name, stored expression name, GSQL expression | - |
-| sort | Whether to apply default sort to your data. Default sort is x ascending for number and date x-axes, and y descending for category x-axes | false | `true`, `false` | `true` |
-| type | Grouping method to use for multi-series charts | false | `stacked`, `grouped`, `stacked100` | `stacked` |
-| stackName | Name for an individual stack. If separate Bar components are used with different stackNames, the chart will show multiple stacks | false | string | - |
-| emptySet | Sets behaviour for empty datasets. Can throw an error, a warning, or allow empty. When set to 'error', empty datasets will block builds in `build:strict`. Note this only applies to initial page load - empty datasets caused by input component changes (dropdowns, etc.) are allowed. | false | `error`, `warn`, `pass` | `error` |
-| emptyMessage | Text to display when an empty dataset is received - only applies when `emptySet` is 'warn' or 'pass', or when the empty dataset is a result of an input component change (dropdowns, etc.). | false | string | No records |
-
-## Formatting and styling
-
-| Attribute | Description | Options | Default |
-|----------|-------------|---------|---------|
-| xFmt | Format to use for x column ([see available formats](#value-formatting)) | Excel-style format, built-in format name | - |
-| yFmt | Format to use for y column ([see available formats](#value-formatting)) | Excel-style format, built-in format name | - |
-| y2Fmt | Format to use for y2 column(s) ([see available formats](#value-formatting)) | Excel-style format, built-in format name | - |
-| seriesLabelFmt | Format to use for series label ([see available formats](#value-formatting)) | Excel-style format, built-in format name | - |
-| fillColor | Color to override default series color. Only accepts a single color. | CSS name, hexademical, RGB, HSL | - |
-| fillOpacity | % of the full color that should be rendered, with remainder being transparent | number (0 to 1) | `1` |
-| outlineWidth | Width of line surrounding each bar | number | `0` |
-| outlineColor | Color to use for outline if outlineWidth > 0 | CSS name, hexademical, RGB, HSL | - |
-| colorPalette | List of custom colors to use for the chart | list of color strings (CSS name, hexademical, RGB, HSL) e.g. `"#cf0d06, #eb5752, #e88a87"` | built-in color palette |
-| seriesOrder | Apply a specific order to the series in a multi-series chart. | list of series names in the order they should be used in the chart e.g. `"Canada, US"` | default order implied by the data |
-| leftPadding | Number representing the padding (whitespace) on the left side of the chart. Useful to avoid labels getting cut off | number | - |
-| rightPadding | Number representing the padding (whitespace) on the right side of the chart. Useful to avoid labels getting cut off | number | - |
-| xLabelWrap | Whether to wrap x-axis labels when there is not enough space. Default behaviour is to truncate the labels. | `true`, `false` | `false` |
-
-## Value labels
-
-| Attribute | Description | Options | Default |
-|----------|-------------|---------|---------|
-| labels | Show value labels | `true`, `false` | `false` |
-| stackTotalLabel | If using labels, whether to show a total at the top of stacked bar chart | `true`, `false` | `true` |
-| seriesLabels | If using labels, whether to show series labels | `true`, `false` | `true` |
-| labelSize | Font size of value labels | number | `11` |
-| labelPosition | Where label will appear on your series | `outside`, `inside` | Single Series: `outside`, Stacked: `inside`, Grouped: `outside` |
-| labelColor | Font color of value labels | CSS name, hexademical, RGB, HSL | Automatic based on color contrast of background |
-| labelFmt | Format to use for value labels ([see available formats](#value-formatting)) | Excel-style format, built-in format name | same as y column |
-| yLabelFmt | Format to use for value labels for series on the y axis. Overrides any other formats ([see available formats](#value-formatting)) | Excel-style format, built-in format name | - |
-| y2LabelFmt | Format to use for value labels for series on the y2 axis. Overrides any other formats ([see available formats](#value-formatting)) | Excel-style format, built-in format name | - |
-| showAllLabels | Allow all labels to appear on chart, including overlapping labels | `true`, `false` | `false` |
-
-## Axes
-
-| Attribute | Description | Options | Default |
-|----------|-------------|---------|---------|
-| swapXY | Swap the x and y axes to create a horizontal chart | `true`, `false` | `false` |
-| yLog | Whether to use a log scale for the y-axis | `true`, `false` | `false` |
-| yLogBase | Base to use when log scale is enabled | number | `10` |
-| xAxisTitle | Name to show under x-axis. If 'true', formatted column name is used. Only works with swapXY=false | string, `true`, `false` | `false` |
-| yAxisTitle | Name to show beside y-axis. If 'true', formatted column name is used. | string, `true`, `false` | `false` |
-| y2AxisTitle | Name to show beside y2 axis. If 'true', formatted column name is used. | string, `true`, `false` | `false` |
-| xGridlines | Turns on/off gridlines extending from x-axis tick marks (vertical lines when swapXY=false) | `true`, `false` | `false` |
-| yGridlines | Turns on/off gridlines extending from y-axis tick marks (horizontal lines when swapXY=false) | `true`, `false` | `true` |
-| y2Gridlines | Turns on/off gridlines extending from y2-axis tick marks (horizontal lines when swapXY=false) | `true`, `false` | `true` |
-| xAxisLabels | Turns on/off value labels on the x-axis | `true`, `false` | `true` |
-| yAxisLabels | Turns on/off value labels on the y-axis | `true`, `false` | `true` |
-| y2AxisLabels | Turns on/off value labels on the y2-axis | `true`, `false` | `true` |
-| xBaseline | Turns on/off thick axis line (line appears at y=0) | `true`, `false` | `true` |
-| yBaseline | Turns on/off thick axis line (line appears directly alongside the y-axis labels) | `true`, `false` | `false` |
-| y2Baseline | Turns on/off thick axis line (line appears directly alongside the y2-axis labels) | `true`, `false` | `false` |
-| xTickMarks | Turns on/off tick marks for each of the x-axis labels | `true`, `false` | `false` |
-| yTickMarks | Turns on/off tick marks for each of the y-axis labels | `true`, `false` | `false` |
-| y2TickMarks | Turns on/off tick marks for each of the y2-axis labels | `true`, `false` | `false` |
-| yMin | Starting value for the y-axis | number | - |
-| yMax | Maximum value for the y-axis | number | - |
-| yScale | Whether to scale the y-axis to fit your data. `yMin` and `yMax` take precedence over `yScale` | `true`, `false` | `false` |
-| y2Min | Starting value for the y2-axis | number | - |
-| y2Max | Maximum value for the y2-axis | number | - |
-| y2Scale | Whether to scale the y-axis to fit your data. `y2Min` and `y2Max` take precedence over `y2Scale` | `true`, `false` | `false` |
-| yAxisColor | Turns on/off color on the y-axis (turned on by default when secondary y-axis is used). Can also be used to set a specific color | `true`, `false`, color string (CSS name, hexademical, RGB, HSL) | `true` when y2 used; `false` otherwise |
-
-## Interactivity
-
-| Attribute | Description | Options |
-|----------|-------------|---------|
-| connectGroup | Group name to connect this chart to other charts for synchronized tooltip hovering. Charts with the same `connectGroup` name will become connected | string |

package/dist/skills/graphene/references/line-chart.md

@@ -1,108 +0,0 @@
-Use line charts to display how one or more metrics vary over time. Line charts are suitable for plotting a large number of data points on the same chart.
-
-Here's an example:
-
-```markdown
-<LineChart
-  title="Monthly Sales"
-  subtitle="Includes all categories"
-  data=orders_by_month
-  x=month
-  y=sales_usd0k
-  yAxisTitle="Sales per Month"
-/>
-```
-
-# Attributes
-
-## General
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| title | Chart title. Appears at top left of chart. | false | string | - |
-| subtitle | Chart subtitle. Appears just under title. | false | string | - |
-| legend | Turn legend on or off. Legend appears at top center of chart. | false | `true`, `false` | `true` for multiple series |
-| chartAreaHeight | Minimum height of the chart area (excl. header and footer) in pixels. Adjusting the height affects all viewport sizes and may impact the mobile UX. | false | number | `180` |
-| renderer | Which chart renderer type (canvas or SVG) to use. See ECharts' [documentation on renderers](https://echarts.apache.org/handbook/en/best-practices/canvas-vs-svg/). | false | `canvas`, `svg` | `canvas` |
-| downloadableData | Whether to show the download button to allow users to download the data | false | `true`, `false` | `true` |
-| downloadableImage | Whether to show the button to allow users to save the chart as an image | false | `true`, `false` | `true` |
-
-## Data
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| data | GSQL query or table name | true | query name | - |
-| x | Column or expression to use for the x-axis of the chart | true | column name, stored expression name, GSQL expression | - |
-| y | Column(s) or expression(s) to use for the y-axis of the chart. Each will create its own series. Consider a split axis with `y2` if there is a difference of scale or unit of measure between the series. | true | column name, stored expression name, GSQL expression, list of any combination of these e.g. `"col1, my_expr"` | - |
-| y2 | Column(s) or expression(s) to include on a secondary y-axis. | false | column name, stored expression name, GSQL expression, list of any combination of these e.g. `"col1, my_expr"` | - |
-| y2SeriesType | Chart type to apply to the series on the y2 axis | false | `line`, `bar`, `scatter` | `line` |
-| series | Column or expression to use to define the series (groups) in a multi-series chart. Use when values of a particular column dictate the multiple series to plot, eg. `country` would create a series for every distinct country in the column. | false | column name, stored expression name, GSQL expression | - |
-| sort | Whether to apply default sort to your data. Default is x ascending for number and date x-axes, and y descending for category x-axes | false | `true`, `false` | `true` |
-| handleMissing | Treatment of missing values in the dataset | false | `gap`, `connect`, `zero` | `gap` |
-| emptySet | Sets behaviour for empty datasets. Can throw an error, a warning, or allow empty. When set to 'error', empty datasets will block builds in `build:strict`. Note this only applies to initial page load - empty datasets caused by input component changes (dropdowns, etc.) are allowed. | false | `error`, `warn`, `pass` | `error` |
-| emptyMessage | Text to display when an empty dataset is received - only applies when `emptySet` is 'warn' or 'pass', or when the empty dataset is a result of an input component change (dropdowns, etc.). | false | string | - |
-
-## Formatting and styling
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| xFmt | Format to use for x column ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| yFmt | Format to use for y column(s) ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| y2Fmt | Format to use for y2 column(s) ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| seriesLabelFmt | Format to use for series label ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| step | Specifies whether the chart is displayed as a step line | false | `true`, `false` | `false` |
-| stepPosition | Configures the position of turn points for a step line chart | false | `start`, `middle`, `end` | `end` |
-| lineColor | Color to override default series color. Only accepts a single color | false | CSS name, hexademical, RGB, HSL | - |
-| lineOpacity | % of the full color that should be rendered, with remainder being transparent | false | number (0 to 1) | `1` |
-| lineType | Options to show breaks in a line (dashed or dotted) | false | `solid`, `dashed`, `dotted` | `solid` |
-| lineWidth | Thickness of line (in pixels) | false | number | `2` |
-| markers | Turn on/off markers (shapes rendered onto the points of a line) | false | `true`, `false` | `false` |
-| markerShape | Shape to use if markers=true | false | `circle`, `emptyCircle`, `rect`, `triangle`, `diamond` | `circle` |
-| markerSize | Size of each shape (in pixels) | false | number | `8` |
-| colorPalette | List of custom colors to use for the chart | false | list of color strings (CSS name, hexademical, RGB, HSL) e.g. `"#cf0d06, #eb5752, #e88a87"` | - |
-| seriesOrder | Apply a specific order to the series in a multi-series chart. | false | list of series names in the order they should be used in the chart e.g. `"Canada, US"` | default order implied by the data |
-| labels | Show value labels | false | `true`, `false` | `false` |
-| labelSize | Font size of value labels | false | number | `11` |
-| labelPosition | Where label will appear on your series | false | `above`, `middle`, `below` | `above` |
-| labelColor | Font color of value labels | false | CSS name, hexademical, RGB, HSL | - |
-| labelFmt | Format to use for value labels ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| yLabelFmt | Format to use for value labels for series on the y axis. Overrides any other formats ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| y2LabelFmt | Format to use for value labels for series on the y2 axis. Overrides any other formats ([see available formats](#value-formatting)) | false | Excel-style format, built-in format name | - |
-| showAllLabels | Allow all labels to appear on chart, including overlapping labels | false | `true`, `false` | `false` |
-| leftPadding | Number representing the padding (whitespace) on the left side of the chart. Useful to avoid labels getting cut off | false | number | - |
-| rightPadding | Number representing the padding (whitespace) on the right side of the chart. Useful to avoid labels getting cut off | false | number | - |
-| xLabelWrap | Whether to wrap x-axis labels when there is not enough space. Default behaviour is to truncate the labels. | false | `true`, `false` | `false` |
-
-## Axes
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| yLog | Whether to use a log scale for the y-axis | false | `true`, `false` | `false` |
-| yLogBase | Base to use when log scale is enabled | false | number | `10` |
-| xAxisTitle | Name to show under x-axis. If 'true', formatted column name is used. Only works with swapXY=false | false | `true`, `string`, `false` | `false` |
-| yAxisTitle | Name to show beside y-axis. If 'true', formatted column name is used. | false | `true`, `string`, `false` | `false` |
-| y2AxisTitle | Name to show beside y2 axis. If 'true', formatted column name is used. | false | `true`, `string`, `false` | `false` |
-| xGridlines | Turns on/off gridlines extending from x-axis tick marks (vertical lines when swapXY=false) | false | `true`, `false` | `false` |
-| yGridlines | Turns on/off gridlines extending from y-axis tick marks (horizontal lines when swapXY=false) | false | `true`, `false` | `true` |
-| y2Gridlines | Turns on/off gridlines extending from y2-axis tick marks (horizontal lines when swapXY=false) | false | `true`, `false` | `true` |
-| xAxisLabels | Turns on/off value labels on the x-axis | false | `true`, `false` | `true` |
-| yAxisLabels | Turns on/off value labels on the y-axis | false | `true`, `false` | `true` |
-| y2AxisLabels | Turns on/off value labels on the y2-axis | false | `true`, `false` | `true` |
-| xBaseline | Turns on/off thick axis line (line appears at y=0) | false | `true`, `false` | `true` |
-| yBaseline | Turns on/off thick axis line (line appears directly alongside the y-axis labels) | false | `true`, `false` | `false` |
-| y2Baseline | Turns on/off thick axis line (line appears directly alongside the y2-axis labels) | false | `true`, `false` | `false` |
-| xTickMarks | Turns on/off tick marks for each of the x-axis labels | false | `true`, `false` | `false` |
-| yTickMarks | Turns on/off tick marks for each of the y-axis labels | false | `true`, `false` | `false` |
-| y2TickMarks | Turns on/off tick marks for each of the y2-axis labels | false | `true`, `false` | `false` |
-| yMin | Starting value for the y-axis | false | number | - |
-| yMax | Maximum value for the y-axis | false | number | - |
-| yScale | Whether to scale the y-axis to fit your data. `yMin` and `yMax` take precedence over `yScale` | false | `true`, `false` | `false` |
-| y2Min | Starting value for the y2-axis | false | number | - |
-| y2Max | Maximum value for the y2-axis | false | number | - |
-| y2Scale | Whether to scale the y-axis to fit your data. `y2Min` and `y2Max` take precedence over `y2Scale` | false | `true`, `false` | `false` |
-
-## Interactivity
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| connectGroup | Group name to connect this chart to other charts for synchronized tooltip hovering. Charts with the same `connectGroup` name will become connected | false | - | - |

package/dist/skills/graphene/references/pie-chart.md

@@ -1,29 +0,0 @@
-Use a pie chart to show part-to-whole relationships across categories. Best for a small number of categories where proportions are easy to compare.
-
-Here's an example:
-
-```markdown
-<PieChart
-  title="Sales share by category"
-  data=orders_by_category_2021
-  category=category
-  value=sales
-/>
-```
-
-# Attributes
-
-## General
-
-| Attribute | Description | Options | Default |
-|----------|-------------|---------|---------|
-| title | Chart title. Appears at top left of chart. | string | - |
-| subtitle | Chart subtitle. Appears just under title. | string | - |
-
-## Data
-
-| Attribute | Description | Required | Options | Default |
-|------|-------------|----------|---------|---------|
-| data | GSQL query or table name | true | query name | - |
-| category | Column or expression to use for slice names | true | column name, stored expression name, GSQL expression | - |
-| value | Column or expression to use for slice values | true | column name, stored expression name, GSQL expression | - |

package/dist/skills/graphene/references/value-formats.md

@@ -1,104 +0,0 @@
-The easiest way to format numbers and dates in Graphene is through component attributes. You can pass in either of the following:
-
-* [Excel-style format codes](https://support.microsoft.com/en-us/office/number-format-codes-in-excel-for-mac-5026bbd6-04bc-48cd-bf33-80f18b4eae68) (e.g., `fmt="$#,##0.0"`)
-* [Graphene's built-in formats](#built-in-formats) (e.g., `fmt=usd2k`)
-
-For example, you can use the `fmt` attribute to format values inside a BigValue component:
-
-```markdown
-<BigValue
-  data=sales_data
-  value=sales
-  fmt="$#,##0"
-/>
-```
-
-Within charts, you can format individual columns using `xFmt` and `yFmt`:
-
-```markdown
-<LineChart
-  data=sales_data
-  x=date
-  y=sales
-  xFmt="m/d"
-  yFmt=eur
-/>
-```
-
-In the example above, `xFmt` is passing in an Excel-style code to format the dates and `yFmt` is referencing a built-in format (see the full list of supported formats below).
-
-**Date formatting**
-
-Formatting does not apply to the date axis of a chart. For example, if you set `xFmt` to `"m/d/yy"`, you will only see that formatting reflected in your chart tooltips and annotations. This is to ensure that the chart axis labels have the correct spacing.
-
-# Built-in Formats
-
-Graphene supports a variety of date/time, number, percentage, and currency formats.
-
-## Auto-Formatting
-
-Wherever you see `auto` listed beside a format, that means Graphene will automatically format your value based on the context it is in.
-
-For example, Graphene automatically formats large numbers into shortened versions based on the size of the median number in a column (e.g., 4,000,000 → 4M).
-
-You can choose to handle these numbers differently by choosing a specific format code. For example, if Graphene is formatting a column as millions, but you want to see all numbers in thousands, you could use the `num0k` format, which will show all numbers in the column in thousands with 0 decimal places.
-
-## Dates
-
-Graphene supports the following date formats:
-
-* `ddd` - Short day name (e.g., Mon, Tue)
-* `dddd` - Full day name (e.g., Monday, Tuesday)
-* `mmm` - Short month name (e.g., Jan, Feb)
-* `mmmm` - Full month name (e.g., January, February)
-* `yyyy` - Four-digit year
-* `shortdate` - Short date format (e.g., Jan 9/22)
-* `longdate` - Long date format (e.g., January 9, 2022)
-* `fulldate` - Full date format (e.g., Monday January 9, 2022)
-* `mdy` - Month/day/year (e.g., 1/9/22)
-* `dmy` - Day/month/year (e.g., 9/1/22)
-* `hms` - Time format (e.g., 11:45:03 AM)
-
-## Currencies
-
-Supported currencies include USD, AUD, BRL, CAD, CNY, EUR, GBP, JPY, INR, KRW, NGN, RUB, and SEK.
-
-In order to use currency tags, use the currency code, optionally appended with:
-
-* a number indicating the number of decimal places to show (0-2)
-* a letter indicating the order of magnitude to show ("","k", "m", "b")
-
-For example, the available tags for USD are:
-
-* `usd` (auto) - Automatically formats based on value size
-* `usd0`, `usd1`, `usd2` - USD with 0, 1, or 2 decimal places
-* `usd0k`, `usd1k`, `usd2k` - USD in thousands (e.g., $64k)
-* `usd0m`, `usd1m`, `usd2m` - USD in millions (e.g., $42M)
-* `usd0b`, `usd1b`, `usd2b` - USD in billions (e.g., $1B)
-
-Similar patterns apply to other supported currencies.
-
-## Numbers
-
-The default number format (when no `fmt` is specified) automatically handles decimal places and summary units (in the same way that `usd` does for currency).
-
-Available number formats:
-
-* `num0`, `num1`, `num2`, `num3`, `num4` - Numbers with 0-4 decimal places
-* `num0k`, `num1k`, `num2k` - Numbers in thousands (e.g., 64k)
-* `num0m`, `num1m`, `num2m` - Numbers in millions (e.g., 42M)
-* `num0b`, `num1b`, `num2b` - Numbers in billions (e.g., 1B)
-* `id` - Integer format for IDs
-* `fract` - Fraction format
-* `mult`, `mult0`, `mult1`, `mult2` - Multiplier format (e.g., 5.32x)
-* `sci` - Scientific notation
-
-## Percentages
-
-Available percentage formats:
-
-* `pct` (auto) - Automatically formats percentages based on value
-* `pct0` - Percentage with 0 decimal places (e.g., 73%)
-* `pct1` - Percentage with 1 decimal place (e.g., 73.1%)
-* `pct2` - Percentage with 2 decimal places (e.g., 73.10%)
-* `pct3` - Percentage with 3 decimal places (e.g., 73.100%)