@graphysdk/react 1.8.1-beta.1787065194945 → 1.8.1-beta.1787131914625

package/README.md

@@ -1,17 +1,19 @@
 # @graphysdk/react
 
-The recommended, batteries-included React entry point for Graphy.
+The Graphy charting SDK for React. Build a chart spec and render it from one package. The "Powered by Graphy" mark is on by default.
 
-## Docs
+## Install
 
-- [Quickstart](https://docs.graphy.dev/sdk-next/quickstart)
-- [Provider and renderer](https://docs.graphy.dev/sdk-next/rendering/provider-and-renderer)
+```bash
+npm install @graphysdk/react
+```
 
-It re-exports the `@graphysdk/react-renderer` surface across the same two entry points — the read-only main entry and `/editable` — with one opinionated default: the **provenance mark is shown by default**.
+Requires React 19. There is no stylesheet to import.
+
+## Usage
 
 ```tsx
-import { GraphProvider, GraphRenderer } from '@graphysdk/react';
-import { createSpec, pipe, geom, scale } from '@graphysdk/viz-engine';
+import { GraphProvider, GraphRenderer, createSpec, pipe, geom, scale } from '@graphysdk/react';
 
 const input = pipe(createSpec({ x: 'month', y: 'revenue' }), geom.bar(), scale.x(), scale.y());
 
@@ -24,14 +26,12 @@ export function Chart({ data }) {
 }
 ```
 
-## Entry points
-
-Two entries, mirroring `@graphysdk/react-renderer`'s own split:
+## Docs
 
-- **`@graphysdk/react`** — the read-only surface: `GraphProvider`, `GraphRenderer`, hooks, slots, theme, and types. This is where the batteries-included `GraphProvider` lives.
-- **`@graphysdk/react/editable`** — the editing surface: `EditableGraphRenderer`, `EditorPanel`, its sections, and the default controls. Kept separate so a read-only embed never bundles the editor or its stylesheet.
+- [Quickstart](https://docs.graphy.dev/sdk-next/quickstart)
+- [Provider and renderer](https://docs.graphy.dev/sdk-next/rendering/provider-and-renderer)
 
-The provenance default lives on `GraphProvider`, so editable mode inherits it — mount the editor inside the same provider:
+## Editable charts
 
 ```tsx
 import { GraphProvider } from '@graphysdk/react';
@@ -46,20 +46,11 @@ export function EditableChart({ data, input, isEditing }) {
 }
 ```
 
-## Which package should I use?
-
-- **`@graphysdk/react` (this package)** — start here. The provenance mark is on by default; everything else is identical to the renderer.
-- **`@graphysdk/react-renderer`** — the neutral, unopinionated layer. The mark is **off** by default. Reach for it directly when embedding into another product or building your own opinionated wrapper.
-
-Both share the same API (same two entry points), so moving between them is a one-line import change.
-
-## Turning the mark off
-
-The mark is a developer config flag, never a paywall. Opt out per chart with either API:
+## Hiding the mark
 
 ```tsx
-// Low-level spec config
-import { config } from '@graphysdk/viz-engine';
+import { config, createSpec, geom, pipe } from '@graphysdk/react';
+
 const input = pipe(
   createSpec({ x: 'month', y: 'revenue' }),
   geom.bar(),
@@ -67,10 +58,7 @@ const input = pipe(
 );
 ```
 
-```tsx
-// High-level GraphConfig API
-import { convertGraphConfig } from '@graphysdk/viz-engine/graph-config';
-const input = convertGraphConfig({ type: 'column', content: { isBrandMarkHidden: true } }, data);
-```
+## Other packages
 
-An explicit setting always wins over this package's default.
+- [`@graphysdk/react-renderer`](https://www.npmjs.com/package/@graphysdk/react-renderer) — same React components, mark off by default
+- [`@graphysdk/viz-engine`](https://www.npmjs.com/package/@graphysdk/viz-engine) — the engine alone, for non-React hosts

package/dist/authoring.d.ts

@@ -0,0 +1,3 @@
+/** Viz-engine builders and types for the `@graphysdk/react` entry. */
+export type { Data, Spec, SpecInput } from '@graphysdk/viz-engine';
+export { annotation, config, coord, createSpec, geom, highlight, mapping, pipe, scale, stat, style, styles, token, transform, } from '@graphysdk/viz-engine';

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=require("react"),t=require("@graphysdk/react-renderer"),i=require("@graphysdk/viz-engine"),a=require("react/jsx-runtime");function u(e){const r=e.config.content;return r?.isBrandMarkVisible!==void 0||r?.brandMark?.enabled!==void 0?e:(0,i.updateSpec)(e,{config:{content:{isBrandMarkVisible:!0,brandMark:{enabled:!0}}}})}var o=e=>{const r=(0,n.useMemo)(()=>u(e.input),[e.input]);return(0,a.jsx)(t.GraphProvider,{...e,input:r})};exports.GraphProvider=o;Object.keys(t).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/viz-engine"),u=require("react"),n=require("@graphysdk/react-renderer"),i=require("react/jsx-runtime");function o(r){const t=r.config.content;return t?.isBrandMarkVisible!==void 0||t?.brandMark?.enabled!==void 0?r:(0,e.updateSpec)(r,{config:{content:{isBrandMarkVisible:!0,brandMark:{enabled:!0}}}})}var a=r=>{const t=(0,u.useMemo)(()=>o(r.input),[r.input]);return(0,i.jsx)(n.GraphProvider,{...r,input:t})};exports.GraphProvider=a;Object.defineProperty(exports,"annotation",{enumerable:!0,get:function(){return e.annotation}});Object.defineProperty(exports,"config",{enumerable:!0,get:function(){return e.config}});Object.defineProperty(exports,"coord",{enumerable:!0,get:function(){return e.coord}});Object.defineProperty(exports,"createSpec",{enumerable:!0,get:function(){return e.createSpec}});Object.defineProperty(exports,"geom",{enumerable:!0,get:function(){return e.geom}});Object.defineProperty(exports,"highlight",{enumerable:!0,get:function(){return e.highlight}});Object.defineProperty(exports,"mapping",{enumerable:!0,get:function(){return e.mapping}});Object.defineProperty(exports,"pipe",{enumerable:!0,get:function(){return e.pipe}});Object.defineProperty(exports,"scale",{enumerable:!0,get:function(){return e.scale}});Object.defineProperty(exports,"stat",{enumerable:!0,get:function(){return e.stat}});Object.defineProperty(exports,"style",{enumerable:!0,get:function(){return e.style}});Object.defineProperty(exports,"styles",{enumerable:!0,get:function(){return e.styles}});Object.defineProperty(exports,"token",{enumerable:!0,get:function(){return e.token}});Object.defineProperty(exports,"transform",{enumerable:!0,get:function(){return e.transform}});Object.keys(n).forEach(function(r){r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return n[r]}})});

package/dist/index.d.ts

@@ -1,11 +1,7 @@
 /**
- * `@graphysdk/react` — the recommended, batteries-included React entry point.
- *
- * This main entry mirrors the `@graphysdk/react-renderer` read-only (`.`) surface, but swaps in a
- * `GraphProvider` whose Made with Graphy provenance badge is on by default. The editing surface
- * lives at the `@graphysdk/react/editable` subpath (mirroring `@graphysdk/react-renderer/editable`),
- * kept separate so a read-only embed never pulls in the editor. The low-level `@graphysdk/react-renderer`
- * stays mark-free by default for embedders and advanced integrators.
+ * `@graphysdk/react` — renderer surface, mark on by default, plus spec builders.
+ * Editing lives at `@graphysdk/react/editable`.
  */
+export * from './authoring';
 export { GraphProvider } from './graph-provider';
 export * from '@graphysdk/react-renderer';

package/dist/index.mjs

@@ -1,22 +1,36 @@
-import { useMemo as e } from "react";
-import { GraphProvider as n } from "@graphysdk/react-renderer";
-import { updateSpec as i } from "@graphysdk/viz-engine";
-import { jsx as o } from "react/jsx-runtime";
+import { annotation as d, config as p, coord as m, createSpec as s, geom as f, highlight as u, mapping as l, pipe as h, scale as g, stat as k, style as M, styles as b, token as v, transform as x, updateSpec as e } from "@graphysdk/viz-engine";
+import { useMemo as n } from "react";
+import { GraphProvider as o } from "@graphysdk/react-renderer";
+import { jsx as i } from "react/jsx-runtime";
 export * from "@graphysdk/react-renderer";
 function a(r) {
   const t = r.config.content;
-  return t?.isBrandMarkVisible !== void 0 || t?.brandMark?.enabled !== void 0 ? r : i(r, { config: { content: {
+  return t?.isBrandMarkVisible !== void 0 || t?.brandMark?.enabled !== void 0 ? r : e(r, { config: { content: {
     isBrandMarkVisible: !0,
     brandMark: { enabled: !0 }
   } } });
 }
-var c = (r) => {
-  const t = e(() => a(r.input), [r.input]);
-  return /* @__PURE__ */ o(n, {
+var y = (r) => {
+  const t = n(() => a(r.input), [r.input]);
+  return /* @__PURE__ */ i(o, {
     ...r,
     input: t
   });
 };
 export {
-  c as GraphProvider
+  y as GraphProvider,
+  d as annotation,
+  p as config,
+  m as coord,
+  s as createSpec,
+  f as geom,
+  u as highlight,
+  l as mapping,
+  h as pipe,
+  g as scale,
+  k as stat,
+  M as style,
+  b as styles,
+  v as token,
+  x as transform
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@graphysdk/react",
   "author": "Graphy",
-  "description": "Batteries-included React chart SDK for Graphy (provenance mark on by default)",
+  "description": "Graphy charting SDK for React",
   "homepage": "https://docs.graphy.dev/sdk-next/quickstart",
   "license": "SEE LICENSE IN LICENSE.md",
   "keywords": [
@@ -11,7 +11,7 @@
     "visualization",
     "grammar-of-graphics"
   ],
-  "version": "1.8.1-beta.1787065194945",
+  "version": "1.8.1-beta.1787131914625",
   "type": "module",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
@@ -34,8 +34,8 @@
     }
   },
   "dependencies": {
-    "@graphysdk/react-renderer": "1.8.1-beta.1787065194945",
-    "@graphysdk/viz-engine": "1.8.1-beta.1787065194945"
+    "@graphysdk/react-renderer": "1.8.1-beta.1787131914625",
+    "@graphysdk/viz-engine": "1.8.1-beta.1787131914625"
   },
   "peerDependencies": {
     "react": "^19.0.0"