@inditextech/weave-react 0.1.0

package/README.md

@@ -0,0 +1,282 @@
+<!--
+SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+
+SPDX-License-Identifier: Apache-2.0
+-->
+
+[![npm version](https://badge.fury.io/js/angular2-expandable-list.svg)](https://badge.fury.io/js/angular2-expandable-list)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+
+# Weave.js / SDK
+
+> Write a project description
+
+## Prerequisites
+
+This project requires NodeJS (version 8 or later) and NPM.
+[Node](http://nodejs.org/) and [NPM](https://npmjs.org/) are really easy to install.
+To make sure you have them available on your machine,
+try running the following command.
+
+```sh
+$ npm -v && node -v
+6.4.1
+v8.16.0
+```
+
+## Table of contents
+
+- [Project Name](#project-name)
+  - [Prerequisites](#prerequisites)
+  - [Table of contents](#table-of-contents)
+  - [Getting Started](#getting-started)
+  - [Installation](#installation)
+  - [Usage](#usage)
+    - [Serving the app](#serving-the-app)
+    - [Running the tests](#running-the-tests)
+    - [Building a distribution version](#building-a-distribution-version)
+    - [Serving the distribution version](#serving-the-distribution-version)
+  - [API](#api)
+    - [useBasicFetch](#usebasicfetch)
+      - [Options](#options)
+    - [fetchData](#fetchdata)
+  - [Contributing](#contributing)
+  - [Credits](#credits)
+  - [Built With](#built-with)
+  - [Versioning](#versioning)
+  - [Authors](#authors)
+  - [License](#license)
+
+## Getting Started
+
+These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
+
+## Installation
+
+**BEFORE YOU INSTALL:** please read the [prerequisites](#prerequisites)
+
+Start with cloning this repo on your local machine:
+
+```sh
+$ git clone https://github.com/ORG/PROJECT.git
+$ cd PROJECT
+```
+
+To install and set up the library, run:
+
+```sh
+$ npm install -S myLib
+```
+
+Or if you prefer using Yarn:
+
+```sh
+$ yarn add --dev myLib
+```
+
+## Usage
+
+### Serving the app
+
+```sh
+$ npm start
+```
+
+### Running the tests
+
+```sh
+$ npm test
+```
+
+### Building a distribution version
+
+```sh
+$ npm run build
+```
+
+This task will create a distribution version of the project
+inside your local `dist/` folder
+
+### Serving the distribution version
+
+```sh
+$ npm run serve:dist
+```
+
+This will use `lite-server` for servign your already
+generated distribution version of the project.
+
+_Note_ this requires
+[Building a distribution version](#building-a-distribution-version) first.
+
+## API
+
+### useBasicFetch
+
+```js
+useBasicFetch(((url: string) = ''), ((delay: number) = 0));
+```
+
+Supported options and result fields for the `useBasicFetch` hook are listed below.
+
+#### Options
+
+`url`
+
+| Type   | Default value |
+| ------ | ------------- |
+| string | ''            |
+
+If present, the request will be performed as soon as the component is mounted
+
+Example:
+
+```tsx
+const MyComponent: React.FC = () => {
+  const { data, error, loading } = useBasicFetch(
+    'https://api.icndb.com/jokes/random'
+  );
+
+  if (error) {
+    return <p>Error</p>;
+  }
+
+  if (loading) {
+    return <p>Loading...</p>;
+  }
+
+  return (
+    <div className="App">
+      <h2>Chuck Norris Joke of the day</h2>
+      {data && data.value && <p>{data.value.joke}</p>}
+    </div>
+  );
+};
+```
+
+`delay`
+
+| Type   | Default value | Description          |
+| ------ | ------------- | -------------------- |
+| number | 0             | Time in milliseconds |
+
+If present, the request will be delayed by the given amount of time
+
+Example:
+
+```tsx
+type Joke = {
+  value: {
+    id: number;
+    joke: string;
+  };
+};
+
+const MyComponent: React.FC = () => {
+  const { data, error, loading } = useBasicFetch<Joke>(
+    'https://api.icndb.com/jokes/random',
+    2000
+  );
+
+  if (error) {
+    return <p>Error</p>;
+  }
+
+  if (loading) {
+    return <p>Loading...</p>;
+  }
+
+  return (
+    <div className="App">
+      <h2>Chuck Norris Joke of the day</h2>
+      {data && data.value && <p>{data.value.joke}</p>}
+    </div>
+  );
+};
+```
+
+### fetchData
+
+```js
+fetchData(url: string)
+```
+
+Perform an asynchronous http request against a given url
+
+```tsx
+type Joke = {
+  value: {
+    id: number;
+    joke: string;
+  };
+};
+
+const ChuckNorrisJokes: React.FC = () => {
+  const { data, fetchData, error, loading } = useBasicFetch<Joke>();
+  const [jokeId, setJokeId] = useState(1);
+
+  useEffect(() => {
+    fetchData(`https://api.icndb.com/jokes/${jokeId}`);
+  }, [jokeId, fetchData]);
+
+  const handleNext = () => setJokeId(jokeId + 1);
+
+  if (error) {
+    return <p>Error</p>;
+  }
+
+  const jokeData = data && data.value;
+
+  return (
+    <div className="Comments">
+      {loading && <p>Loading...</p>}
+      {!loading && jokeData && (
+        <div>
+          <p>Joke ID: {jokeData.id}</p>
+          <p>{jokeData.joke}</p>
+        </div>
+      )}
+      {!loading && jokeData && !jokeData.joke && <p>{jokeData}</p>}
+      <button disabled={loading} onClick={handleNext}>
+        Next Joke
+      </button>
+    </div>
+  );
+};
+```
+
+## Contributing
+
+Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
+
+1.  Fork it!
+2.  Create your feature branch: `git checkout -b my-new-feature`
+3.  Add your changes: `git add .`
+4.  Commit your changes: `git commit -am 'Add some feature'`
+5.  Push to the branch: `git push origin my-new-feature`
+6.  Submit a pull request :sunglasses:
+
+## Credits
+
+TODO: Write credits
+
+## Built With
+
+- Dropwizard - Bla bla bla
+- Maven - Maybe
+- Atom - ergaerga
+- Love
+
+## Versioning
+
+We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/your/project/tags).
+
+## Authors
+
+- **John Doe** - _Initial work_ - [JohnDoe](https://github.com/JohnDoe)
+
+See also the list of [contributors](https://github.com/your/project/contributors) who participated in this project.
+
+## License
+
+[MIT License](https://andreasonny.mit-license.org/2019) © Andrea SonnY

package/dist/react.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),O=require("@inditextech/weave-sdk");var Ye={exports:{}},oe={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */(function(){var c=w,o=Symbol.for("react.element"),n=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),N=Symbol.for("react.provider"),D=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),K=Symbol.iterator,ie="@@iterator";function se(e){if(e===null||typeof e!="object")return null;var r=K&&e[K]||e[ie];return typeof r=="function"?r:null}var I=c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function g(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),i=1;i<r;i++)t[i-1]=arguments[i];ue("error",e,t)}}function ue(e,r,t){{var i=I.ReactDebugCurrentFrame,l=i.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var f=t.map(function(u){return String(u)});f.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,f)}}var ce=!1,le=!1,fe=!1,G=!1,de=!1,$;$=Symbol.for("react.module.reference");function z(e){return!!(typeof e=="string"||typeof e=="function"||e===m||e===Y||de||e===j||e===E||e===_||G||e===V||ce||le||fe||typeof e=="object"&&e!==null&&(e.$$typeof===W||e.$$typeof===y||e.$$typeof===N||e.$$typeof===D||e.$$typeof===A||e.$$typeof===$||e.getModuleId!==void 0))}function B(e,r,t){var i=e.displayName;if(i)return i;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function L(e){return e.displayName||"Context"}function S(e){if(e==null)return null;if(typeof e.tag=="number"&&g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case m:return"Fragment";case n:return"Portal";case Y:return"Profiler";case j:return"StrictMode";case E:return"Suspense";case _:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case D:var r=e;return L(r)+".Consumer";case N:var t=e;return L(t._context)+".Provider";case A:return B(e,e.render,"ForwardRef");case y:var i=e.displayName||null;return i!==null?i:S(e.type)||"Memo";case W:{var l=e,f=l._payload,u=l._init;try{return S(u(f))}catch{return null}}}return null}var k=Object.assign,F=0,X,q,J,Q,ee,a,x;function P(){}P.__reactDisabledLog=!0;function R(){{if(F===0){X=console.log,q=console.info,J=console.warn,Q=console.error,ee=console.group,a=console.groupCollapsed,x=console.groupEnd;var e={configurable:!0,enumerable:!0,value:P,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}F++}}function T(){{if(F--,F===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:k({},e,{value:X}),info:k({},e,{value:q}),warn:k({},e,{value:J}),error:k({},e,{value:Q}),group:k({},e,{value:ee}),groupCollapsed:k({},e,{value:a}),groupEnd:k({},e,{value:x})})}F<0&&g("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ve=I.ReactCurrentDispatcher,ge;function re(e,r,t){{if(ge===void 0)try{throw Error()}catch(l){var i=l.stack.trim().match(/\n( *(at )?)/);ge=i&&i[1]||""}return`
+`+ge+e}}var pe=!1,te;{var $e=typeof WeakMap=="function"?WeakMap:Map;te=new $e}function Ee(e,r){if(!e||pe)return"";{var t=te.get(e);if(t!==void 0)return t}var i;pe=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var f;f=ve.current,ve.current=null,R();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(b){i=b}Reflect.construct(e,[],u)}else{try{u.call()}catch(b){i=b}e.call(u.prototype)}}else{try{throw Error()}catch(b){i=b}e()}}catch(b){if(b&&i&&typeof b.stack=="string"){for(var s=b.stack.split(`
+`),p=i.stack.split(`
+`),d=s.length-1,v=p.length-1;d>=1&&v>=0&&s[d]!==p[v];)v--;for(;d>=1&&v>=0;d--,v--)if(s[d]!==p[v]){if(d!==1||v!==1)do if(d--,v--,v<0||s[d]!==p[v]){var C=`
+`+s[d].replace(" at new "," at ");return e.displayName&&C.includes("<anonymous>")&&(C=C.replace("<anonymous>",e.displayName)),typeof e=="function"&&te.set(e,C),C}while(d>=1&&v>=0);break}}}finally{pe=!1,ve.current=f,T(),Error.prepareStackTrace=l}var Z=e?e.displayName||e.name:"",U=Z?re(Z):"";return typeof e=="function"&&te.set(e,U),U}function Le(e,r,t){return Ee(e,!1)}function Me(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ne(e,r,t){if(e==null)return"";if(typeof e=="function")return Ee(e,Me(e));if(typeof e=="string")return re(e);switch(e){case E:return re("Suspense");case _:return re("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case A:return Le(e.render);case y:return ne(e.type,r,t);case W:{var i=e,l=i._payload,f=i._init;try{return ne(f(l),r,t)}catch{}}}return""}var H=Object.prototype.hasOwnProperty,Se={},Ce=I.ReactDebugCurrentFrame;function ae(e){if(e){var r=e._owner,t=ne(e.type,e._source,r?r.type:null);Ce.setExtraStackFrame(t)}else Ce.setExtraStackFrame(null)}function Ze(e,r,t,i,l){{var f=Function.call.bind(H);for(var u in e)if(f(e,u)){var s=void 0;try{if(typeof e[u]!="function"){var p=Error((i||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}s=e[u](r,u,i,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(d){s=d}s&&!(s instanceof Error)&&(ae(l),g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",i||"React class",t,u,typeof s),ae(null)),s instanceof Error&&!(s.message in Se)&&(Se[s.message]=!0,ae(l),g("Failed %s type: %s",t,s.message),ae(null))}}}var Ne=Array.isArray;function he(e){return Ne(e)}function Ve(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ze(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function Pe(e){if(ze(e))return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ve(e)),_e(e)}var Te=I.ReactCurrentOwner,Be={key:!0,ref:!0,__self:!0,__source:!0},we,Oe;function He(e){if(H.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ke(e){if(H.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Ge(e,r){typeof e.ref=="string"&&Te.current}function Xe(e,r){{var t=function(){we||(we=!0,g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function qe(e,r){{var t=function(){Oe||(Oe=!0,g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var Je=function(e,r,t,i,l,f,u){var s={$$typeof:o,type:e,key:r,ref:t,props:u,_owner:f};return s._store={},Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function Qe(e,r,t,i,l){{var f,u={},s=null,p=null;t!==void 0&&(Pe(t),s=""+t),Ke(r)&&(Pe(r.key),s=""+r.key),He(r)&&(p=r.ref,Ge(r,l));for(f in r)H.call(r,f)&&!Be.hasOwnProperty(f)&&(u[f]=r[f]);if(e&&e.defaultProps){var d=e.defaultProps;for(f in d)u[f]===void 0&&(u[f]=d[f])}if(s||p){var v=typeof e=="function"?e.displayName||e.name||"Unknown":e;s&&Xe(u,v),p&&qe(u,v)}return Je(e,s,p,l,i,Te.current,u)}}var be=I.ReactCurrentOwner,je=I.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,t=ne(e.type,e._source,r?r.type:null);je.setExtraStackFrame(t)}else je.setExtraStackFrame(null)}var me;me=!1;function ye(e){return typeof e=="object"&&e!==null&&e.$$typeof===o}function ke(){{if(be.current){var e=S(be.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function er(e){return""}var xe={};function rr(e){{var r=ke();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+
+Check the top-level render call using <`+t+">.")}return r}}function Ae(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=rr(r);if(xe[t])return;xe[t]=!0;var i="";e&&e._owner&&e._owner!==be.current&&(i=" It was passed a child from "+S(e._owner.type)+"."),M(e),g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,i),M(null)}}function Ie(e,r){{if(typeof e!="object")return;if(he(e))for(var t=0;t<e.length;t++){var i=e[t];ye(i)&&Ae(i,r)}else if(ye(e))e._store&&(e._store.validated=!0);else if(e){var l=se(e);if(typeof l=="function"&&l!==e.entries)for(var f=l.call(e),u;!(u=f.next()).done;)ye(u.value)&&Ae(u.value,r)}}}function tr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===A||r.$$typeof===y))t=r.propTypes;else return;if(t){var i=S(r);Ze(t,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!me){me=!0;var l=S(r);g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function nr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var i=r[t];if(i!=="children"&&i!=="key"){M(e),g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",i),M(null);break}}e.ref!==null&&(M(e),g("Invalid attribute `ref` supplied to `React.Fragment`."),M(null))}}var De={};function We(e,r,t,i,l,f){{var u=z(e);if(!u){var s="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var p=er();p?s+=p:s+=ke();var d;e===null?d="null":he(e)?d="array":e!==void 0&&e.$$typeof===o?(d="<"+(S(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,s)}var v=Qe(e,r,t,l,f);if(v==null)return v;if(u){var C=r.children;if(C!==void 0)if(i)if(he(C)){for(var Z=0;Z<C.length;Z++)Ie(C[Z],e);Object.freeze&&Object.freeze(C)}else g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ie(C,e)}if(H.call(r,"key")){var U=S(e),b=Object.keys(r).filter(function(cr){return cr!=="key"}),Re=b.length>0?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}";if(!De[U+Re]){var ur=b.length>0?"{"+b.join(": ..., ")+": ...}":"{}";g(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,Re,U,ur,U),De[U+Re]=!0}}return e===m?nr(v):tr(v),v}}function ar(e,r,t){return We(e,r,t,!0)}function or(e,r,t){return We(e,r,t,!1)}var ir=or,sr=ar;oe.Fragment=m,oe.jsx=ir,oe.jsxs=sr})();Ye.exports=oe;var Fe=Ye.exports;const lr={IDLE:"idle"},Ue=c=>{let o;const n=new Set,m=(E,_)=>{const y=typeof E=="function"?E(o):E;if(!Object.is(y,o)){const W=o;o=_??(typeof y!="object"||y===null)?y:Object.assign({},o,y),n.forEach(V=>V(o,W))}},j=()=>o,D={setState:m,getState:j,getInitialState:()=>A,subscribe:E=>(n.add(E),()=>n.delete(E))},A=o=c(m,j,D);return D},fr=c=>c?Ue(c):Ue,dr=c=>c;function vr(c,o=dr){const n=w.useSyncExternalStore(c.subscribe,()=>o(c.getState()),()=>o(c.getInitialState()));return w.useDebugValue(n),n}const gr=c=>{const o=fr(c),n=m=>vr(o,m);return Object.assign(n,o),n},pr=c=>gr,h=pr()(c=>({instance:null,appState:{weave:{}},status:lr.IDLE,room:{loaded:!1},connection:{status:"disconnected"},users:{},undoRedo:{canUndo:!1,canRedo:!1},zoom:{value:1,canZoomIn:!1,canZoomOut:!1},contextMenu:{show:!1,position:{x:0,y:0},options:[]},selection:{nodes:[],node:void 0},actions:{active:!1,actual:void 0},setInstance:o=>c(n=>({...n,instance:o})),setStatus:o=>c(n=>({...n,status:o})),setAppState:o=>c(n=>({...n,appState:o})),setConnectionStatus:o=>c(n=>({...n,connection:{...n.connection,status:o}})),setRoomLoaded:o=>c(n=>({...n,room:{...n.room,loaded:o}})),setUsers:o=>c(n=>({...n,users:o})),setCanUndo:o=>c(n=>({...n,undoRedo:{...n.undoRedo,canUndo:o}})),setCanRedo:o=>c(n=>({...n,undoRedo:{...n.undoRedo,canRedo:o}})),setZoom:o=>c(n=>({...n,zoom:{...n.zoom,value:o}})),setCanZoomIn:o=>c(n=>({...n,zoom:{...n.zoom,canZoomIn:o}})),setCanZoomOut:o=>c(n=>({...n,zoom:{...n.zoom,canZoomOut:o}})),setSelectedNodes:o=>c(n=>({...n,selection:{...n.selection,nodes:o}})),setNode:o=>c(n=>({...n,selection:{...n.selection,node:o}})),setActualAction:o=>c(n=>({...n,actions:{...n.actions,active:typeof o<"u",actual:o}}))})),hr=({containerId:c,getUser:o,store:n,nodes:m=[],actions:j=[],plugins:Y=[],customPlugins:N=[],fonts:D=[],callbacks:A={},children:E})=>{const _=w.useRef(null),y=h(a=>a.selection.nodes),W=h(a=>a.setInstance),V=h(a=>a.setAppState),K=h(a=>a.setStatus),ie=h(a=>a.setRoomLoaded),se=h(a=>a.setUsers),I=h(a=>a.setCanUndo),g=h(a=>a.setCanRedo),ue=h(a=>a.setZoom),ce=h(a=>a.setCanZoomIn),le=h(a=>a.setCanZoomOut),fe=h(a=>a.setSelectedNodes),G=h(a=>a.setNode),de=h(a=>a.setActualAction),{onInstanceStatus:$,onRoomLoaded:z,onStateChange:B,onUndoManagerStatusChange:L,onActiveActionChange:S,...k}=A,F=w.useCallback(a=>{K(a),$==null||$(a)},[]),X=w.useCallback(a=>{ie(a),z==null||z(a)},[]),q=w.useCallback(a=>{V(a),B==null||B(a)},[y]),J=w.useCallback(a=>{const{canUndo:x,canRedo:P}=a;I(x),g(P),L==null||L(a)},[]),Q=w.useCallback(a=>{de(a),S==null||S(status)},[y]),ee=w.useCallback(a=>{a.length===1&&G(a[0].node),a.length!==1&&G(void 0),fe(a)},[]);return w.useEffect(()=>{async function a(){const x=document.getElementById(c),P=x==null?void 0:x.getBoundingClientRect();if(x&&!_.current){if(m.length>0)for(const T of m);if(j.length>0)for(const T of j);const R=[];if(Y.length>0)for(const T of Y)R.push(T);else R.push(new O.WeaveStageGridPlugin({})),R.push(new O.WeaveStagePanningPlugin),R.push(new O.WeaveStageResizePlugin),R.push(new O.WeaveStageZoomPlugin({onZoomChange:T=>{ue(T.scale),ce(T.canZoomIn),le(T.canZoomOut)}})),R.push(new O.WeaveNodesSelectionPlugin({onNodesChange:ee})),R.push(new O.WeaveStageDropAreaPlugin({})),R.push(new O.WeaveConnectedUsersPlugin({onConnectedUsersChanged:T=>{se(T)},getUser:o})),R.push(new O.WeaveUsersPointersPlugin({getUser:o})),R.push(new O.WeaveCopyPasteNodesPlugin({}));_.current=new O.Weave({store:n,nodes:m,actions:j,plugins:[...R,...N],fonts:D,callbacks:{...k,onInstanceStatus:F,onRoomLoaded:X,onStateChange:q,onUndoManagerStatusChange:J,onActiveActionChange:Q},logger:{level:"info"}},{container:c,width:(P==null?void 0:P.width)??1920,height:(P==null?void 0:P.height)??1080}),W(_.current),_.current.start()}}a()},[]),Fe.jsx(Fe.Fragment,{children:E})};exports.WeaveProvider=hr;exports.useWeave=h;

package/dist/react.d.ts

@@ -0,0 +1,81 @@
+import { default as default_2 } from 'react';
+import { StoreApi } from 'zustand';
+import { UseBoundStore } from 'zustand';
+import { Weave } from '@inditextech/weave-sdk';
+import { WeaveAction } from '@inditextech/weave-sdk';
+import { WeaveCallbacks } from '@inditextech/weave-types';
+import { WeaveConnectedUsersChanged } from '@inditextech/weave-sdk';
+import { WeaveFont } from '@inditextech/weave-types';
+import { WeaveNode } from '@inditextech/weave-sdk';
+import { WeavePlugin } from '@inditextech/weave-sdk';
+import { WeaveSelection } from '@inditextech/weave-types';
+import { WeaveState } from '@inditextech/weave-types';
+import { WeaveStateElement } from '@inditextech/weave-types';
+import { WeaveStatus } from '@inditextech/weave-types';
+import { WeaveStore } from '@inditextech/weave-sdk';
+import { WeaveUser } from '@inditextech/weave-types';
+
+export declare const useWeave: UseBoundStore<StoreApi<WeaveRuntimeState>>;
+
+export declare const WeaveProvider: ({ containerId, getUser, store, nodes, actions, plugins, customPlugins, fonts, callbacks, children, }: Readonly<WeaveProviderType>) => default_2.JSX.Element;
+
+declare type WeaveProviderType = {
+    containerId: string;
+    getUser: () => WeaveUser;
+    fonts?: WeaveFont[];
+    store: WeaveStore;
+    nodes?: WeaveNode[];
+    actions?: WeaveAction[];
+    plugins?: WeavePlugin[];
+    customNodes?: WeaveNode[];
+    customActions?: WeaveAction[];
+    customPlugins?: WeavePlugin[];
+    callbacks?: WeaveCallbacks;
+    children: default_2.ReactNode;
+};
+
+declare interface WeaveRuntimeState {
+    instance: Weave | null;
+    appState: WeaveState;
+    status: WeaveStatus;
+    connection: {
+        status: string;
+    };
+    room: {
+        loaded: boolean;
+    };
+    users: WeaveConnectedUsersChanged;
+    undoRedo: {
+        canUndo: boolean;
+        canRedo: boolean;
+    };
+    zoom: {
+        value: number;
+        canZoomIn: boolean;
+        canZoomOut: boolean;
+    };
+    selection: {
+        nodes: WeaveSelection[];
+        node: WeaveStateElement | undefined;
+    };
+    actions: {
+        active: boolean;
+        actual: string | undefined;
+    };
+    setInstance: (newInstance: Weave | null) => void;
+    setStatus: (newStatus: WeaveStatus) => void;
+    setAppState: (newAppState: WeaveState) => void;
+    setConnectionStatus: (newConnectionStatus: string) => void;
+    setRoomLoaded: (newStatus: boolean) => void;
+    setUsers: (newUsers: WeaveConnectedUsersChanged) => void;
+    setCanUndo: (newCanUndo: boolean) => void;
+    setCanRedo: (newCanRedo: boolean) => void;
+    setZoom: (newZoom: number) => void;
+    setCanZoomIn: (newCanZoomIn: boolean) => void;
+    setCanZoomOut: (newCanZoomOut: boolean) => void;
+    setSelectedNodes: (newSelectedNodes: WeaveSelection[]) => void;
+    setNode: (newNode: WeaveStateElement | undefined) => void;
+    setActualAction: (newActualAction: string | undefined) => void;
+}
+
+export { }

package/dist/react.js

@@ -0,0 +1,866 @@
+import w from "react";
+import { WeaveStageGridPlugin as cr, WeaveStagePanningPlugin as lr, WeaveStageResizePlugin as fr, WeaveStageZoomPlugin as dr, WeaveNodesSelectionPlugin as vr, WeaveStageDropAreaPlugin as gr, WeaveConnectedUsersPlugin as pr, WeaveUsersPointersPlugin as hr, WeaveCopyPasteNodesPlugin as br, Weave as mr } from "@inditextech/weave-sdk";
+var Ue = { exports: {} }, ae = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+(function() {
+  var c = w, o = Symbol.for("react.element"), n = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), M = Symbol.for("react.provider"), I = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), H = Symbol.iterator, oe = "@@iterator";
+  function ie(e) {
+    if (e === null || typeof e != "object")
+      return null;
+    var r = H && e[H] || e[oe];
+    return typeof r == "function" ? r : null;
+  }
+  var A = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  function g(e) {
+    {
+      for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
+        t[i - 1] = arguments[i];
+      se("error", e, t);
+    }
+  }
+  function se(e, r, t) {
+    {
+      var i = A.ReactDebugCurrentFrame, l = i.getStackAddendum();
+      l !== "" && (r += "%s", t = t.concat([l]));
+      var f = t.map(function(u) {
+        return String(u);
+      });
+      f.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, f);
+    }
+  }
+  var ue = !1, ce = !1, le = !1, K = !1, fe = !1, Y;
+  Y = Symbol.for("react.module.reference");
+  function V(e) {
+    return !!(typeof e == "string" || typeof e == "function" || e === m || e === U || fe || e === O || e === E || e === _ || K || e === N || ue || ce || le || typeof e == "object" && e !== null && (e.$$typeof === D || e.$$typeof === R || e.$$typeof === M || e.$$typeof === I || e.$$typeof === x || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    e.$$typeof === Y || e.getModuleId !== void 0));
+  }
+  function z(e, r, t) {
+    var i = e.displayName;
+    if (i)
+      return i;
+    var l = r.displayName || r.name || "";
+    return l !== "" ? t + "(" + l + ")" : t;
+  }
+  function $(e) {
+    return e.displayName || "Context";
+  }
+  function S(e) {
+    if (e == null)
+      return null;
+    if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      return e.displayName || e.name || null;
+    if (typeof e == "string")
+      return e;
+    switch (e) {
+      case m:
+        return "Fragment";
+      case n:
+        return "Portal";
+      case U:
+        return "Profiler";
+      case O:
+        return "StrictMode";
+      case E:
+        return "Suspense";
+      case _:
+        return "SuspenseList";
+    }
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case I:
+          var r = e;
+          return $(r) + ".Consumer";
+        case M:
+          var t = e;
+          return $(t._context) + ".Provider";
+        case x:
+          return z(e, e.render, "ForwardRef");
+        case R:
+          var i = e.displayName || null;
+          return i !== null ? i : S(e.type) || "Memo";
+        case D: {
+          var l = e, f = l._payload, u = l._init;
+          try {
+            return S(u(f));
+          } catch {
+            return null;
+          }
+        }
+      }
+    return null;
+  }
+  var j = Object.assign, F = 0, G, X, J, q, Q, a, k;
+  function P() {
+  }
+  P.__reactDisabledLog = !0;
+  function y() {
+    {
+      if (F === 0) {
+        G = console.log, X = console.info, J = console.warn, q = console.error, Q = console.group, a = console.groupCollapsed, k = console.groupEnd;
+        var e = {
+          configurable: !0,
+          enumerable: !0,
+          value: P,
+          writable: !0
+        };
+        Object.defineProperties(console, {
+          info: e,
+          log: e,
+          warn: e,
+          error: e,
+          group: e,
+          groupCollapsed: e,
+          groupEnd: e
+        });
+      }
+      F++;
+    }
+  }
+  function T() {
+    {
+      if (F--, F === 0) {
+        var e = {
+          configurable: !0,
+          enumerable: !0,
+          writable: !0
+        };
+        Object.defineProperties(console, {
+          log: j({}, e, {
+            value: G
+          }),
+          info: j({}, e, {
+            value: X
+          }),
+          warn: j({}, e, {
+            value: J
+          }),
+          error: j({}, e, {
+            value: q
+          }),
+          group: j({}, e, {
+            value: Q
+          }),
+          groupCollapsed: j({}, e, {
+            value: a
+          }),
+          groupEnd: j({}, e, {
+            value: k
+          })
+        });
+      }
+      F < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+    }
+  }
+  var de = A.ReactCurrentDispatcher, ve;
+  function ee(e, r, t) {
+    {
+      if (ve === void 0)
+        try {
+          throw Error();
+        } catch (l) {
+          var i = l.stack.trim().match(/\n( *(at )?)/);
+          ve = i && i[1] || "";
+        }
+      return `
+` + ve + e;
+    }
+  }
+  var ge = !1, re;
+  {
+    var Ye = typeof WeakMap == "function" ? WeakMap : Map;
+    re = new Ye();
+  }
+  function ye(e, r) {
+    if (!e || ge)
+      return "";
+    {
+      var t = re.get(e);
+      if (t !== void 0)
+        return t;
+    }
+    var i;
+    ge = !0;
+    var l = Error.prepareStackTrace;
+    Error.prepareStackTrace = void 0;
+    var f;
+    f = de.current, de.current = null, y();
+    try {
+      if (r) {
+        var u = function() {
+          throw Error();
+        };
+        if (Object.defineProperty(u.prototype, "props", {
+          set: function() {
+            throw Error();
+          }
+        }), typeof Reflect == "object" && Reflect.construct) {
+          try {
+            Reflect.construct(u, []);
+          } catch (h) {
+            i = h;
+          }
+          Reflect.construct(e, [], u);
+        } else {
+          try {
+            u.call();
+          } catch (h) {
+            i = h;
+          }
+          e.call(u.prototype);
+        }
+      } else {
+        try {
+          throw Error();
+        } catch (h) {
+          i = h;
+        }
+        e();
+      }
+    } catch (h) {
+      if (h && i && typeof h.stack == "string") {
+        for (var s = h.stack.split(`
+`), p = i.stack.split(`
+`), d = s.length - 1, v = p.length - 1; d >= 1 && v >= 0 && s[d] !== p[v]; )
+          v--;
+        for (; d >= 1 && v >= 0; d--, v--)
+          if (s[d] !== p[v]) {
+            if (d !== 1 || v !== 1)
+              do
+                if (d--, v--, v < 0 || s[d] !== p[v]) {
+                  var C = `
+` + s[d].replace(" at new ", " at ");
+                  return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, C), C;
+                }
+              while (d >= 1 && v >= 0);
+            break;
+          }
+      }
+    } finally {
+      ge = !1, de.current = f, T(), Error.prepareStackTrace = l;
+    }
+    var Z = e ? e.displayName || e.name : "", W = Z ? ee(Z) : "";
+    return typeof e == "function" && re.set(e, W), W;
+  }
+  function $e(e, r, t) {
+    return ye(e, !1);
+  }
+  function Le(e) {
+    var r = e.prototype;
+    return !!(r && r.isReactComponent);
+  }
+  function te(e, r, t) {
+    if (e == null)
+      return "";
+    if (typeof e == "function")
+      return ye(e, Le(e));
+    if (typeof e == "string")
+      return ee(e);
+    switch (e) {
+      case E:
+        return ee("Suspense");
+      case _:
+        return ee("SuspenseList");
+    }
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case x:
+          return $e(e.render);
+        case R:
+          return te(e.type, r, t);
+        case D: {
+          var i = e, l = i._payload, f = i._init;
+          try {
+            return te(f(l), r, t);
+          } catch {
+          }
+        }
+      }
+    return "";
+  }
+  var B = Object.prototype.hasOwnProperty, Ee = {}, Se = A.ReactDebugCurrentFrame;
+  function ne(e) {
+    if (e) {
+      var r = e._owner, t = te(e.type, e._source, r ? r.type : null);
+      Se.setExtraStackFrame(t);
+    } else
+      Se.setExtraStackFrame(null);
+  }
+  function Ze(e, r, t, i, l) {
+    {
+      var f = Function.call.bind(B);
+      for (var u in e)
+        if (f(e, u)) {
+          var s = void 0;
+          try {
+            if (typeof e[u] != "function") {
+              var p = Error((i || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              throw p.name = "Invariant Violation", p;
+            }
+            s = e[u](r, u, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+          } catch (d) {
+            s = d;
+          }
+          s && !(s instanceof Error) && (ne(l), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, u, typeof s), ne(null)), s instanceof Error && !(s.message in Ee) && (Ee[s.message] = !0, ne(l), g("Failed %s type: %s", t, s.message), ne(null));
+        }
+    }
+  }
+  var Me = Array.isArray;
+  function pe(e) {
+    return Me(e);
+  }
+  function Ne(e) {
+    {
+      var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      return t;
+    }
+  }
+  function Ve(e) {
+    try {
+      return Ce(e), !1;
+    } catch {
+      return !0;
+    }
+  }
+  function Ce(e) {
+    return "" + e;
+  }
+  function _e(e) {
+    if (Ve(e))
+      return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ne(e)), Ce(e);
+  }
+  var Pe = A.ReactCurrentOwner, ze = {
+    key: !0,
+    ref: !0,
+    __self: !0,
+    __source: !0
+  }, Te, we;
+  function Be(e) {
+    if (B.call(e, "ref")) {
+      var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+      if (r && r.isReactWarning)
+        return !1;
+    }
+    return e.ref !== void 0;
+  }
+  function He(e) {
+    if (B.call(e, "key")) {
+      var r = Object.getOwnPropertyDescriptor(e, "key").get;
+      if (r && r.isReactWarning)
+        return !1;
+    }
+    return e.key !== void 0;
+  }
+  function Ke(e, r) {
+    typeof e.ref == "string" && Pe.current;
+  }
+  function Ge(e, r) {
+    {
+      var t = function() {
+        Te || (Te = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+      };
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+  }
+  function Xe(e, r) {
+    {
+      var t = function() {
+        we || (we = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+      };
+      t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+        get: t,
+        configurable: !0
+      });
+    }
+  }
+  var Je = function(e, r, t, i, l, f, u) {
+    var s = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: o,
+      // Built-in properties that belong on the element
+      type: e,
+      key: r,
+      ref: t,
+      props: u,
+      // Record the component responsible for creating this element.
+      _owner: f
+    };
+    return s._store = {}, Object.defineProperty(s._store, "validated", {
+      configurable: !1,
+      enumerable: !1,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(s, "_self", {
+      configurable: !1,
+      enumerable: !1,
+      writable: !1,
+      value: i
+    }), Object.defineProperty(s, "_source", {
+      configurable: !1,
+      enumerable: !1,
+      writable: !1,
+      value: l
+    }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+  };
+  function qe(e, r, t, i, l) {
+    {
+      var f, u = {}, s = null, p = null;
+      t !== void 0 && (_e(t), s = "" + t), He(r) && (_e(r.key), s = "" + r.key), Be(r) && (p = r.ref, Ke(r, l));
+      for (f in r)
+        B.call(r, f) && !ze.hasOwnProperty(f) && (u[f] = r[f]);
+      if (e && e.defaultProps) {
+        var d = e.defaultProps;
+        for (f in d)
+          u[f] === void 0 && (u[f] = d[f]);
+      }
+      if (s || p) {
+        var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+        s && Ge(u, v), p && Xe(u, v);
+      }
+      return Je(e, s, p, l, i, Pe.current, u);
+    }
+  }
+  var he = A.ReactCurrentOwner, Oe = A.ReactDebugCurrentFrame;
+  function L(e) {
+    if (e) {
+      var r = e._owner, t = te(e.type, e._source, r ? r.type : null);
+      Oe.setExtraStackFrame(t);
+    } else
+      Oe.setExtraStackFrame(null);
+  }
+  var be;
+  be = !1;
+  function me(e) {
+    return typeof e == "object" && e !== null && e.$$typeof === o;
+  }
+  function je() {
+    {
+      if (he.current) {
+        var e = S(he.current.type);
+        if (e)
+          return `
+
+Check the render method of \`` + e + "`.";
+      }
+      return "";
+    }
+  }
+  function Qe(e) {
+    return "";
+  }
+  var ke = {};
+  function er(e) {
+    {
+      var r = je();
+      if (!r) {
+        var t = typeof e == "string" ? e : e.displayName || e.name;
+        t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+      }
+      return r;
+    }
+  }
+  function xe(e, r) {
+    {
+      if (!e._store || e._store.validated || e.key != null)
+        return;
+      e._store.validated = !0;
+      var t = er(r);
+      if (ke[t])
+        return;
+      ke[t] = !0;
+      var i = "";
+      e && e._owner && e._owner !== he.current && (i = " It was passed a child from " + S(e._owner.type) + "."), L(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), L(null);
+    }
+  }
+  function Ae(e, r) {
+    {
+      if (typeof e != "object")
+        return;
+      if (pe(e))
+        for (var t = 0; t < e.length; t++) {
+          var i = e[t];
+          me(i) && xe(i, r);
+        }
+      else if (me(e))
+        e._store && (e._store.validated = !0);
+      else if (e) {
+        var l = ie(e);
+        if (typeof l == "function" && l !== e.entries)
+          for (var f = l.call(e), u; !(u = f.next()).done; )
+            me(u.value) && xe(u.value, r);
+      }
+    }
+  }
+  function rr(e) {
+    {
+      var r = e.type;
+      if (r == null || typeof r == "string")
+        return;
+      var t;
+      if (typeof r == "function")
+        t = r.propTypes;
+      else if (typeof r == "object" && (r.$$typeof === x || // Note: Memo only checks outer props here.
+      // Inner props are checked in the reconciler.
+      r.$$typeof === R))
+        t = r.propTypes;
+      else
+        return;
+      if (t) {
+        var i = S(r);
+        Ze(t, e.props, "prop", i, e);
+      } else if (r.PropTypes !== void 0 && !be) {
+        be = !0;
+        var l = S(r);
+        g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", l || "Unknown");
+      }
+      typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+    }
+  }
+  function tr(e) {
+    {
+      for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+        var i = r[t];
+        if (i !== "children" && i !== "key") {
+          L(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), L(null);
+          break;
+        }
+      }
+      e.ref !== null && (L(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
+    }
+  }
+  var Ie = {};
+  function De(e, r, t, i, l, f) {
+    {
+      var u = V(e);
+      if (!u) {
+        var s = "";
+        (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (s += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+        var p = Qe();
+        p ? s += p : s += je();
+        var d;
+        e === null ? d = "null" : pe(e) ? d = "array" : e !== void 0 && e.$$typeof === o ? (d = "<" + (S(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, s);
+      }
+      var v = qe(e, r, t, l, f);
+      if (v == null)
+        return v;
+      if (u) {
+        var C = r.children;
+        if (C !== void 0)
+          if (i)
+            if (pe(C)) {
+              for (var Z = 0; Z < C.length; Z++)
+                Ae(C[Z], e);
+              Object.freeze && Object.freeze(C);
+            } else
+              g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+          else
+            Ae(C, e);
+      }
+      if (B.call(r, "key")) {
+        var W = S(e), h = Object.keys(r).filter(function(ur) {
+          return ur !== "key";
+        }), Re = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
+        if (!Ie[W + Re]) {
+          var sr = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
+          g(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, Re, W, sr, W), Ie[W + Re] = !0;
+        }
+      }
+      return e === m ? tr(v) : rr(v), v;
+    }
+  }
+  function nr(e, r, t) {
+    return De(e, r, t, !0);
+  }
+  function ar(e, r, t) {
+    return De(e, r, t, !1);
+  }
+  var or = ar, ir = nr;
+  ae.Fragment = m, ae.jsx = or, ae.jsxs = ir;
+})();
+Ue.exports = ae;
+var Fe = Ue.exports;
+const Rr = {
+  IDLE: "idle"
+}, We = (c) => {
+  let o;
+  const n = /* @__PURE__ */ new Set(), m = (E, _) => {
+    const R = typeof E == "function" ? E(o) : E;
+    if (!Object.is(R, o)) {
+      const D = o;
+      o = _ ?? (typeof R != "object" || R === null) ? R : Object.assign({}, o, R), n.forEach((N) => N(o, D));
+    }
+  }, O = () => o, I = { setState: m, getState: O, getInitialState: () => x, subscribe: (E) => (n.add(E), () => n.delete(E)) }, x = o = c(m, O, I);
+  return I;
+}, yr = (c) => c ? We(c) : We, Er = (c) => c;
+function Sr(c, o = Er) {
+  const n = w.useSyncExternalStore(
+    c.subscribe,
+    () => o(c.getState()),
+    () => o(c.getInitialState())
+  );
+  return w.useDebugValue(n), n;
+}
+const Cr = (c) => {
+  const o = yr(c), n = (m) => Sr(o, m);
+  return Object.assign(n, o), n;
+}, _r = (c) => Cr, b = _r()((c) => ({
+  instance: null,
+  appState: {
+    weave: {}
+  },
+  status: Rr.IDLE,
+  room: {
+    loaded: !1
+  },
+  connection: {
+    status: "disconnected"
+  },
+  users: {},
+  undoRedo: {
+    canUndo: !1,
+    canRedo: !1
+  },
+  zoom: {
+    value: 1,
+    canZoomIn: !1,
+    canZoomOut: !1
+  },
+  contextMenu: {
+    show: !1,
+    position: {
+      x: 0,
+      y: 0
+    },
+    options: []
+  },
+  selection: {
+    nodes: [],
+    node: void 0
+  },
+  actions: {
+    active: !1,
+    actual: void 0
+  },
+  setInstance: (o) => c((n) => ({
+    ...n,
+    instance: o
+  })),
+  setStatus: (o) => c((n) => ({
+    ...n,
+    status: o
+  })),
+  setAppState: (o) => c((n) => ({
+    ...n,
+    appState: o
+  })),
+  setConnectionStatus: (o) => c((n) => ({
+    ...n,
+    connection: {
+      ...n.connection,
+      status: o
+    }
+  })),
+  setRoomLoaded: (o) => c((n) => ({
+    ...n,
+    room: {
+      ...n.room,
+      loaded: o
+    }
+  })),
+  setUsers: (o) => c((n) => ({
+    ...n,
+    users: o
+  })),
+  setCanUndo: (o) => c((n) => ({
+    ...n,
+    undoRedo: {
+      ...n.undoRedo,
+      canUndo: o
+    }
+  })),
+  setCanRedo: (o) => c((n) => ({
+    ...n,
+    undoRedo: {
+      ...n.undoRedo,
+      canRedo: o
+    }
+  })),
+  setZoom: (o) => c((n) => ({
+    ...n,
+    zoom: {
+      ...n.zoom,
+      value: o
+    }
+  })),
+  setCanZoomIn: (o) => c((n) => ({
+    ...n,
+    zoom: {
+      ...n.zoom,
+      canZoomIn: o
+    }
+  })),
+  setCanZoomOut: (o) => c((n) => ({
+    ...n,
+    zoom: {
+      ...n.zoom,
+      canZoomOut: o
+    }
+  })),
+  setSelectedNodes: (o) => c((n) => ({
+    ...n,
+    selection: {
+      ...n.selection,
+      nodes: o
+    }
+  })),
+  setNode: (o) => c((n) => ({
+    ...n,
+    selection: {
+      ...n.selection,
+      node: o
+    }
+  })),
+  setActualAction: (o) => c((n) => ({
+    ...n,
+    actions: {
+      ...n.actions,
+      active: typeof o < "u",
+      actual: o
+    }
+  }))
+})), wr = ({
+  containerId: c,
+  getUser: o,
+  store: n,
+  nodes: m = [],
+  actions: O = [],
+  plugins: U = [],
+  customPlugins: M = [],
+  fonts: I = [],
+  callbacks: x = {},
+  children: E
+}) => {
+  const _ = w.useRef(null), R = b((a) => a.selection.nodes), D = b((a) => a.setInstance), N = b((a) => a.setAppState), H = b((a) => a.setStatus), oe = b((a) => a.setRoomLoaded), ie = b((a) => a.setUsers), A = b((a) => a.setCanUndo), g = b((a) => a.setCanRedo), se = b((a) => a.setZoom), ue = b((a) => a.setCanZoomIn), ce = b((a) => a.setCanZoomOut), le = b((a) => a.setSelectedNodes), K = b((a) => a.setNode), fe = b((a) => a.setActualAction), {
+    onInstanceStatus: Y,
+    onRoomLoaded: V,
+    onStateChange: z,
+    onUndoManagerStatusChange: $,
+    onActiveActionChange: S,
+    ...j
+  } = x, F = w.useCallback(
+    (a) => {
+      H(a), Y == null || Y(a);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), G = w.useCallback(
+    (a) => {
+      oe(a), V == null || V(a);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), X = w.useCallback(
+    (a) => {
+      N(a), z == null || z(a);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [R]
+  ), J = w.useCallback(
+    (a) => {
+      const {
+        canUndo: k,
+        canRedo: P
+      } = a;
+      A(k), g(P), $ == null || $(a);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), q = w.useCallback(
+    (a) => {
+      fe(a), S == null || S(status);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [R]
+  ), Q = w.useCallback((a) => {
+    a.length === 1 && K(a[0].node), a.length !== 1 && K(void 0), le(a);
+  }, []);
+  return w.useEffect(() => {
+    async function a() {
+      const k = document.getElementById(c), P = k == null ? void 0 : k.getBoundingClientRect();
+      if (k && !_.current) {
+        if (m.length > 0)
+          for (const T of m)
+            ;
+        if (O.length > 0)
+          for (const T of O)
+            ;
+        const y = [];
+        if (U.length > 0)
+          for (const T of U)
+            y.push(T);
+        else
+          y.push(new cr({})), y.push(new lr()), y.push(new fr()), y.push(new dr({
+            onZoomChange: (T) => {
+              se(T.scale), ue(T.canZoomIn), ce(T.canZoomOut);
+            }
+          })), y.push(new vr({
+            onNodesChange: Q
+          })), y.push(new gr({})), y.push(new pr({
+            onConnectedUsersChanged: (T) => {
+              ie(T);
+            },
+            getUser: o
+          })), y.push(new hr({
+            getUser: o
+          })), y.push(new br({}));
+        _.current = new mr({
+          store: n,
+          nodes: m,
+          actions: O,
+          plugins: [...y, ...M],
+          fonts: I,
+          callbacks: {
+            ...j,
+            onInstanceStatus: F,
+            onRoomLoaded: G,
+            onStateChange: X,
+            onUndoManagerStatusChange: J,
+            onActiveActionChange: q
+          },
+          logger: {
+            level: "info"
+          }
+        }, {
+          container: c,
+          width: (P == null ? void 0 : P.width) ?? 1920,
+          height: (P == null ? void 0 : P.height) ?? 1080
+        }), D(_.current), _.current.start();
+      }
+    }
+    a();
+  }, []), /* @__PURE__ */ Fe.jsx(Fe.Fragment, { children: E });
+};
+export {
+  wr as WeaveProvider,
+  b as useWeave
+};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@inditextech/weave-react",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "Apache-2.0",
+  "author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
+  "homepage": "https://inditextech.github.io/weavejs",
+  "repository": "github:InditexTech/weavejs",
+  "maintainers": [
+    {
+      "name": "Jesus Manuel Piñeiro Cid",
+      "email": "jesusmpc@inditex.com"
+    }
+  ],
+  "exports": {
+    "import": "./dist/react.js",
+    "require": "./dist/react.cjs"
+  },
+  "types": "dist/react.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build:snapshot": "vite build --mode=development --sourcemap --emptyOutDir",
+    "build": "vite build --mode=production --minify --emptyOutDir",
+    "bump:snapshot": "npm version $npm_package_version.$(date \"+%s\")",
+    "bundle:analyze": "vite-bundle-visualizer",
+    "check": "echo \"Monorepo test script\" && exit 0",
+    "dev": "vite build --watch",
+    "dist:tag": "npm dist-tag add \"$(jq -r .name package.json)@$(jq -r .version package.json)\" \"$PR_TAG\" --registry=\"$NPM_PUBLISHING_REGISTRY\" --verbose",
+    "format": "npm run lint -- --quiet --fix --fix-type layout",
+    "link": "npm link",
+    "lint:fix": "npm run lint -- --fix",
+    "lint": "eslint ./src",
+    "publish:snapshot": "npm publish",
+    "release:perform": "npm publish --access public",
+    "release:prepare": "npm run verify",
+    "test": "vitest --passWithNoTests --coverage --watch=false",
+    "dev:test": "vitest --passWithNoTests --coverage",
+    "types:check": "tsc --noEmit",
+    "verify": "npm run lint && npm run test && npm run build",
+    "version:development": "npm version $(npm version minor)-SNAPSHOT",
+    "version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
+  },
+  "devDependencies": {
+    "@inditextech/weave-sdk": "0.1.0",
+    "@typescript-eslint/eslint-plugin": "8.26.0",
+    "@typescript-eslint/parser": "8.26.0",
+    "@vitejs/plugin-react": "4.3.4",
+    "@vitest/coverage-v8": "1.6.0",
+    "@vitest/ui": "1.6.0",
+    "eslint": "8.57.1",
+    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "jsdom": "^26.0.0",
+    "react-remove-attr": "0.0.6",
+    "typescript-eslint": "8.22.0",
+    "vite": "5.2.9",
+    "vite-bundle-visualizer": "1.1.0",
+    "vite-plugin-compression2": "1.0.0",
+    "vite-plugin-dts": "4.0.3",
+    "vitest": "1.6.0",
+    "vitest-canvas-mock": "0.3.3",
+    "vitest-sonar-reporter": "2.0.0",
+    "zustand": "5.0.3"
+  },
+  "peerDependencies": {
+    "@types/react": ">= 18.3.1 && < 19",
+    "@types/react-dom": ">= 18.3.0 && < 19",
+    "konva": ">= 9.3.18",
+    "react": ">= 18.2.0 && < 19",
+    "react-dom": ">= 18.2.0 && < 19"
+  },
+  "engines": {
+    "node": "^18.12 || ^20.11 || ^22.11",
+    "npm": ">= 8.19.x"
+  },
+  "nx": {
+    "implicitDependencies": [
+      "@inditextech/weave-sdk"
+    ]
+  }
+}