widget-iccandle 0.0.2 → 0.0.3

package/README.md

@@ -1,3 +1,57 @@
+# widget-iccandle
+
+React wrapper that mounts the TradingView Charting Library widget.
+
+## Partner usage (React)
+
+1) Install:
+
+```bash
+npm i widget-iccandle
+```
+
+2) Host TradingView assets in your app (required):
+
+- Put the TradingView **Charting Library** folder at: `public/charting_library/`
+- Put the **UDF datafeed bundle** at: `public/datafeeds/udf/dist/bundle.js`
+
+If you want to copy them from this npm package:
+
+```bash
+mkdir -p public
+cp -R node_modules/widget-iccandle/dist/charting_library public/charting_library
+cp -R node_modules/widget-iccandle/dist/datafeeds public/datafeeds
+```
+
+So these URLs work in the browser:
+
+- `/charting_library/charting_library.js`
+- `/datafeeds/udf/dist/bundle.js`
+
+3) Use the component:
+
+```tsx
+import { TradingViewWidget } from "widget-iccandle";
+
+export function Chart() {
+  return (
+    <div style={{ width: "100%", height: 600 }}>
+      <TradingViewWidget
+        libraryPath="/charting_library/"
+        udfBundleUrl="/datafeeds/udf/dist/bundle.js"
+        datafeedUrl="https://demo_feed.tradingview.com"
+        symbol="AAPL"
+        interval="D"
+      />
+    </div>
+  );
+}
+```
+
+## Next.js note
+
+This component uses `window` and must run on the client. Use it in a Client Component (`"use client"`) or via dynamic import with `ssr: false`.
+
 # React + TypeScript + Vite
 
 This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

package/dist/index.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react");var F={exports:{}},O={};var B;function ae(){if(B)return O;B=1;var t=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function l(f,i,s){var u=null;if(s!==void 0&&(u=""+s),i.key!==void 0&&(u=""+i.key),"key"in i){s={};for(var d in i)d!=="key"&&(s[d]=i[d])}else s=i;return i=s.ref,{$$typeof:t,type:f,key:u,ref:i!==void 0?i:null,props:s}}return O.Fragment=c,O.jsx=l,O.jsxs=l,O}var x={};var H;function oe(){return H||(H=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===$?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case M:return"Profiler";case W:return"StrictMode";case P:return"Suspense";case D:return"SuspenseList";case w:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case C:return"Portal";case y:return e.displayName||"Context";case N:return(e._context.displayName||"Context")+".Consumer";case k:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case L:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case S:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function c(e){return""+e}function l(e){try{c(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),c(e)}}function f(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function i(){var e=A.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function u(e){if(v.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function d(e,r){function n(){q||(q=!0,console.error("%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://react.dev/link/special-props)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function m(){var e=t(this.type);return z[e]||(z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function _(e,r,n,a,Y,U){var o=n.ref;return e={$$typeof:h,type:e,key:r,props:n,_owner:a},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function R(e,r,n,a,Y,U){var o=r.children;if(o!==void 0)if(a)if(te(o)){for(a=0;a<o.length;a++)g(o[a]);Object.freeze&&Object.freeze(o)}else console.error("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 g(o);if(v.call(r,"key")){o=t(e);var b=Object.keys(r).filter(function(ne){return ne!=="key"});a=0<b.length?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}",X[o+a]||(b=0<b.length?"{"+b.join(": ..., ")+": ...}":"{}",console.error(`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} />`,a,o,b,o),X[o+a]=!0)}if(o=null,n!==void 0&&(l(n),o=""+n),u(r)&&(l(r.key),o=""+r.key),"key"in r){n={};for(var V in r)V!=="key"&&(n[V]=r[V])}else n=r;return o&&d(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),_(e,o,n,i(),Y,U)}function g(e){T(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?T(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function T(e){return typeof e=="object"&&e!==null&&e.$$typeof===h}var E=j,h=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),y=Symbol.for("react.context"),k=Symbol.for("react.forward_ref"),P=Symbol.for("react.suspense"),D=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),w=Symbol.for("react.activity"),$=Symbol.for("react.client.reference"),A=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,v=Object.prototype.hasOwnProperty,te=Array.isArray,I=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var q,z={},J=E.react_stack_bottom_frame.bind(E,s)(),G=I(f(s)),X={};x.Fragment=p,x.jsx=function(e,r,n){var a=1e4>A.recentlyCreatedOwnerStacks++;return R(e,r,n,!1,a?Error("react-stack-top-frame"):J,a?I(f(e)):G)},x.jsxs=function(e,r,n){var a=1e4>A.recentlyCreatedOwnerStacks++;return R(e,r,n,!0,a?Error("react-stack-top-frame"):J,a?I(f(e)):G)}})()),x}var Z;function ie(){return Z||(Z=1,process.env.NODE_ENV==="production"?F.exports=ae():F.exports=oe()),F.exports}var se=ie();const Q=new Map;function re(){return typeof window<"u"&&typeof document<"u"}function K(t){if(!re())return Promise.resolve();const c=Q.get(t);if(c)return c;const l=new Promise((f,i)=>{const s=document.querySelector(`script[src="${t}"]`);if(s?.dataset.loaded==="true"){f();return}const u=s??document.createElement("script");u.src=t,u.async=!0;const d=()=>{u.dataset.loaded="true",_(),f()},m=()=>{_(),i(new Error(`Failed to load script: ${t}`))},_=()=>{u.removeEventListener("load",d),u.removeEventListener("error",m)};u.addEventListener("load",d),u.addEventListener("error",m),s||document.head.appendChild(u)});return Q.set(t,l),l}async function ee(t,{timeoutMs:c=15e3,intervalMs:l=50}={}){if(!re())return;const f=Date.now();for(;;){if(t())return;if(Date.now()-f>c)throw new Error("Timed out waiting for condition.");await new Promise(i=>setTimeout(i,l))}}function ue(t){return t.endsWith("/")?t:`${t}/`}function ce(){if(typeof location>"u")return null;const c=new RegExp("[\\?&]lang=([^&#]*)").exec(location.search);return c===null?null:decodeURIComponent(c[1].replace(/\+/g," "))}function le({libraryPath:t="/charting_library/",chartingLibraryScriptUrl:c,udfBundleUrl:l="/datafeeds/udf/dist/bundle.js",datafeedUrl:f="https://demo_feed.tradingview.com",symbol:i="AAPL",interval:s="D",locale:u,autosize:d=!0,fullscreen:m=!1,disabledFeatures:_=["use_localstorage_for_settings"],enabledFeatures:R=["study_templates"],chartsStorageUrl:g="https://saveload.tradingview.com",chartsStorageApiVersion:T="1.1",clientId:E="tradingview.com",userId:h="public_user_id",studiesOverrides:C={},widgetOptions:p,className:W,style:M,onReady:N}){const y=j.useRef(null),k=j.useRef(null),P=j.useMemo(()=>ue(t),[t]),D=c??`${P}charting_library.js`;return j.useEffect(()=>{let L=!1;async function S(){if(!y.current||typeof window>"u"||(await K(D),await ee(()=>!!window.TradingView?.widget),l&&(await K(l),await ee(()=>!!window.Datafeeds?.UDFCompatibleDatafeed)),L))return;const w=window.TradingView?.widget;if(!w)throw new Error("TradingView widget constructor not found. Make sure the Charting Library script is reachable.");const $=p?.datafeed??(window.Datafeeds?.UDFCompatibleDatafeed?new window.Datafeeds.UDFCompatibleDatafeed(f):void 0);if(!$)throw new Error("No datafeed available. Provide `udfBundleUrl` (to load UDF) or pass `widgetOptions.datafeed`.");const A={symbol:i,interval:s,container:y.current,library_path:P,locale:u??ce()??"en",datafeed:$,disabled_features:_,enabled_features:R,charts_storage_url:g,charts_storage_api_version:T,client_id:E,user_id:h,fullscreen:m,autosize:d,studies_overrides:C,...p},v=new w(A);k.current=v,v.onChartReady(()=>{N?.(v)})}return S().catch(w=>{console.error(w)}),()=>{L=!0,k.current?.remove(),k.current=null}},[D,l,f,P,i,s,u,d,m,g,T,E,h,_,R,C,p,N]),se.jsx("div",{ref:y,className:W,style:{width:"100%",height:"100%",...M}})}exports.TradingViewWidget=le;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { TradingViewWidget } from "./tradingview/TradingViewWidget";
+export type { TradingViewWidgetProps, TradingViewWidgetOptions, } from "./tradingview/types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EACV,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,408 @@
+import oe, { useRef as X, useMemo as ae, useEffect as ie } from "react";
+var Y = { exports: {} }, O = {};
+var B;
+function se() {
+  if (B) return O;
+  B = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), c = /* @__PURE__ */ Symbol.for("react.fragment");
+  function l(f, i, s) {
+    var u = null;
+    if (s !== void 0 && (u = "" + s), i.key !== void 0 && (u = "" + i.key), "key" in i) {
+      s = {};
+      for (var d in i)
+        d !== "key" && (s[d] = i[d]);
+    } else s = i;
+    return i = s.ref, {
+      $$typeof: t,
+      type: f,
+      key: u,
+      ref: i !== void 0 ? i : null,
+      props: s
+    };
+  }
+  return O.Fragment = c, O.jsx = l, O.jsxs = l, O;
+}
+var S = {};
+var H;
+function ue() {
+  return H || (H = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === L ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case E:
+          return "Fragment";
+        case W:
+          return "Profiler";
+        case F:
+          return "StrictMode";
+        case P:
+          return "Suspense";
+        case N:
+          return "SuspenseList";
+        case w:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case j:
+            return "Portal";
+          case y:
+            return e.displayName || "Context";
+          case C:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case k:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case D:
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case x:
+            r = e._payload, e = e._init;
+            try {
+              return t(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(e) {
+      return "" + e;
+    }
+    function l(e) {
+      try {
+        c(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), c(e);
+      }
+    }
+    function f(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
+        return "<...>";
+      try {
+        var r = t(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var e = A.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function u(e) {
+      if (v.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function d(e, r) {
+      function n() {
+        V || (V = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function m() {
+      var e = t(this.type);
+      return q[e] || (q[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function _(e, r, n, o, $, M) {
+      var a = n.ref;
+      return e = {
+        $$typeof: h,
+        type: e,
+        key: r,
+        props: n,
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: m
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: $
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: M
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function R(e, r, n, o, $, M) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (te(a)) {
+            for (o = 0; o < a.length; o++)
+              T(a[o]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "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 T(a);
+      if (v.call(r, "key")) {
+        a = t(e);
+        var b = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
+        });
+        o = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", G[a + o] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          o,
+          a,
+          b,
+          a
+        ), G[a + o] = !0);
+      }
+      if (a = null, n !== void 0 && (l(n), a = "" + n), u(r) && (l(r.key), a = "" + r.key), "key" in r) {
+        n = {};
+        for (var U in r)
+          U !== "key" && (n[U] = r[U]);
+      } else n = r;
+      return a && d(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), _(
+        e,
+        a,
+        n,
+        i(),
+        $,
+        M
+      );
+    }
+    function T(e) {
+      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function g(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === h;
+    }
+    var p = oe, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), y = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), N = /* @__PURE__ */ Symbol.for("react.suspense_list"), D = /* @__PURE__ */ Symbol.for("react.memo"), x = /* @__PURE__ */ Symbol.for("react.lazy"), w = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), A = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, v = Object.prototype.hasOwnProperty, te = Array.isArray, I = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var V, q = {}, z = p.react_stack_bottom_frame.bind(
+      p,
+      s
+    )(), J = I(f(s)), G = {};
+    S.Fragment = E, S.jsx = function(e, r, n) {
+      var o = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return R(
+        e,
+        r,
+        n,
+        !1,
+        o ? Error("react-stack-top-frame") : z,
+        o ? I(f(e)) : J
+      );
+    }, S.jsxs = function(e, r, n) {
+      var o = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return R(
+        e,
+        r,
+        n,
+        !0,
+        o ? Error("react-stack-top-frame") : z,
+        o ? I(f(e)) : J
+      );
+    };
+  })()), S;
+}
+var Z;
+function ce() {
+  return Z || (Z = 1, process.env.NODE_ENV === "production" ? Y.exports = se() : Y.exports = ue()), Y.exports;
+}
+var le = ce();
+const Q = /* @__PURE__ */ new Map();
+function re() {
+  return typeof window < "u" && typeof document < "u";
+}
+function K(t) {
+  if (!re()) return Promise.resolve();
+  const c = Q.get(t);
+  if (c) return c;
+  const l = new Promise((f, i) => {
+    const s = document.querySelector(
+      `script[src="${t}"]`
+    );
+    if (s?.dataset.loaded === "true") {
+      f();
+      return;
+    }
+    const u = s ?? document.createElement("script");
+    u.src = t, u.async = !0;
+    const d = () => {
+      u.dataset.loaded = "true", _(), f();
+    }, m = () => {
+      _(), i(new Error(`Failed to load script: ${t}`));
+    }, _ = () => {
+      u.removeEventListener("load", d), u.removeEventListener("error", m);
+    };
+    u.addEventListener("load", d), u.addEventListener("error", m), s || document.head.appendChild(u);
+  });
+  return Q.set(t, l), l;
+}
+async function ee(t, { timeoutMs: c = 15e3, intervalMs: l = 50 } = {}) {
+  if (!re()) return;
+  const f = Date.now();
+  for (; ; ) {
+    if (t()) return;
+    if (Date.now() - f > c)
+      throw new Error("Timed out waiting for condition.");
+    await new Promise((i) => setTimeout(i, l));
+  }
+}
+function fe(t) {
+  return t.endsWith("/") ? t : `${t}/`;
+}
+function de() {
+  if (typeof location > "u") return null;
+  const c = new RegExp("[\\?&]lang=([^&#]*)").exec(location.search);
+  return c === null ? null : decodeURIComponent(c[1].replace(/\+/g, " "));
+}
+function _e({
+  libraryPath: t = "/charting_library/",
+  chartingLibraryScriptUrl: c,
+  udfBundleUrl: l = "/datafeeds/udf/dist/bundle.js",
+  datafeedUrl: f = "https://demo_feed.tradingview.com",
+  symbol: i = "AAPL",
+  interval: s = "D",
+  locale: u,
+  autosize: d = !0,
+  fullscreen: m = !1,
+  disabledFeatures: _ = ["use_localstorage_for_settings"],
+  enabledFeatures: R = ["study_templates"],
+  chartsStorageUrl: T = "https://saveload.tradingview.com",
+  chartsStorageApiVersion: g = "1.1",
+  clientId: p = "tradingview.com",
+  userId: h = "public_user_id",
+  studiesOverrides: j = {},
+  widgetOptions: E,
+  className: F,
+  style: W,
+  onReady: C
+}) {
+  const y = X(null), k = X(null), P = ae(() => fe(t), [t]), N = c ?? `${P}charting_library.js`;
+  return ie(() => {
+    let D = !1;
+    async function x() {
+      if (!y.current || typeof window > "u" || (await K(N), await ee(() => !!window.TradingView?.widget), l && (await K(l), await ee(() => !!window.Datafeeds?.UDFCompatibleDatafeed)), D)) return;
+      const w = window.TradingView?.widget;
+      if (!w)
+        throw new Error(
+          "TradingView widget constructor not found. Make sure the Charting Library script is reachable."
+        );
+      const L = E?.datafeed ?? (window.Datafeeds?.UDFCompatibleDatafeed ? new window.Datafeeds.UDFCompatibleDatafeed(f) : void 0);
+      if (!L)
+        throw new Error(
+          "No datafeed available. Provide `udfBundleUrl` (to load UDF) or pass `widgetOptions.datafeed`."
+        );
+      const A = {
+        symbol: i,
+        interval: s,
+        container: y.current,
+        library_path: P,
+        locale: u ?? de() ?? "en",
+        datafeed: L,
+        disabled_features: _,
+        enabled_features: R,
+        charts_storage_url: T,
+        charts_storage_api_version: g,
+        client_id: p,
+        user_id: h,
+        fullscreen: m,
+        autosize: d,
+        studies_overrides: j,
+        ...E
+      }, v = new w(A);
+      k.current = v, v.onChartReady(() => {
+        C?.(v);
+      });
+    }
+    return x().catch((w) => {
+      console.error(w);
+    }), () => {
+      D = !0, k.current?.remove(), k.current = null;
+    };
+  }, [
+    N,
+    l,
+    f,
+    P,
+    i,
+    s,
+    u,
+    d,
+    m,
+    T,
+    g,
+    p,
+    h,
+    // arrays/objects:
+    _,
+    R,
+    j,
+    E,
+    C
+  ]), /* @__PURE__ */ le.jsx(
+    "div",
+    {
+      ref: y,
+      className: F,
+      style: {
+        width: "100%",
+        height: "100%",
+        ...W
+      }
+    }
+  );
+}
+export {
+  _e as TradingViewWidget
+};

package/dist/tradingview/TradingViewWidget.d.ts

@@ -0,0 +1,13 @@
+import type { TradingViewWidgetConstructor, TradingViewWidgetProps, UdfCompatibleDatafeedConstructor } from "./types";
+declare global {
+    interface Window {
+        TradingView?: {
+            widget?: TradingViewWidgetConstructor;
+        };
+        Datafeeds?: {
+            UDFCompatibleDatafeed?: UdfCompatibleDatafeedConstructor;
+        };
+    }
+}
+export declare function TradingViewWidget({ libraryPath, chartingLibraryScriptUrl, udfBundleUrl, datafeedUrl, symbol, interval, locale, autosize, fullscreen, disabledFeatures, enabledFeatures, chartsStorageUrl, chartsStorageApiVersion, clientId, userId, studiesOverrides, widgetOptions, className, style, onReady, }: TradingViewWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradingViewWidget.d.ts.map

package/dist/tradingview/TradingViewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradingViewWidget.d.ts","sourceRoot":"","sources":["../../src/tradingview/TradingViewWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,4BAA4B,EAE5B,sBAAsB,EAEtB,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAEjB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YAAE,MAAM,CAAC,EAAE,4BAA4B,CAAA;SAAE,CAAC;QACxD,SAAS,CAAC,EAAE;YAAE,qBAAqB,CAAC,EAAE,gCAAgC,CAAA;SAAE,CAAC;KAC1E;CACF;AAaD,wBAAgB,iBAAiB,CAAC,EAChC,WAAkC,EAClC,wBAAwB,EACxB,YAA8C,EAC9C,WAAiD,EACjD,MAAe,EACf,QAAc,EACd,MAAM,EACN,QAAe,EACf,UAAkB,EAClB,gBAAoD,EACpD,eAAqC,EACrC,gBAAqD,EACrD,uBAA+B,EAC/B,QAA4B,EAC5B,MAAyB,EACzB,gBAAqB,EACrB,aAAa,EACb,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,sBAAsB,2CAmHxB"}

package/dist/tradingview/loadScript.d.ts

@@ -0,0 +1,6 @@
+export declare function loadScript(src: string): Promise<void>;
+export declare function waitFor(predicate: () => boolean, { timeoutMs, intervalMs }?: {
+    timeoutMs?: number;
+    intervalMs?: number;
+}): Promise<void>;
+//# sourceMappingURL=loadScript.d.ts.map

package/dist/tradingview/loadScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../../src/tradingview/loadScript.ts"],"names":[],"mappings":"AAMA,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA6CrD;AAED,wBAAsB,OAAO,CAC3B,SAAS,EAAE,MAAM,OAAO,EACxB,EAAE,SAAiB,EAAE,UAAe,EAAE,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,GACvF,OAAO,CAAC,IAAI,CAAC,CAYf"}

package/dist/tradingview/types.d.ts

@@ -0,0 +1,61 @@
+export type TradingViewResolution = string;
+export type TradingViewWidgetOptions = {
+    symbol?: string;
+    interval?: TradingViewResolution;
+    container?: HTMLElement | string;
+    library_path?: string;
+    locale?: string;
+    datafeed?: unknown;
+    disabled_features?: string[];
+    enabled_features?: string[];
+    charts_storage_url?: string;
+    charts_storage_api_version?: string;
+    client_id?: string;
+    user_id?: string;
+    fullscreen?: boolean;
+    autosize?: boolean;
+    studies_overrides?: Record<string, unknown>;
+    theme?: "Light" | "Dark";
+    [key: string]: unknown;
+};
+export type TradingViewWidgetInstance = {
+    remove: () => void;
+    onChartReady: (cb: () => void) => void;
+    headerReady: () => Promise<void>;
+    createButton: () => HTMLElement;
+    showNoticeDialog: (args: {
+        title: string;
+        body: string;
+        callback?: () => void;
+    }) => void;
+};
+export type TradingViewWidgetConstructor = new (options: TradingViewWidgetOptions) => TradingViewWidgetInstance;
+export type UdfCompatibleDatafeedConstructor = new (datafeedUrl: string) => unknown;
+export type TradingViewWidgetProps = {
+    /** Path where partners host the TradingView `charting_library` folder (must end with `/`). */
+    libraryPath?: string;
+    /** URL to the TradingView Charting Library UMD bundle (defaults to `${libraryPath}charting_library.js`). */
+    chartingLibraryScriptUrl?: string;
+    /** URL to UDF bundle script that provides `window.Datafeeds.UDFCompatibleDatafeed`. */
+    udfBundleUrl?: string;
+    /** UDF base URL (example: `https://demo_feed.tradingview.com`). */
+    datafeedUrl?: string;
+    symbol?: string;
+    interval?: TradingViewResolution;
+    locale?: string;
+    autosize?: boolean;
+    fullscreen?: boolean;
+    disabledFeatures?: string[];
+    enabledFeatures?: string[];
+    chartsStorageUrl?: string;
+    chartsStorageApiVersion?: string;
+    clientId?: string;
+    userId?: string;
+    studiesOverrides?: Record<string, unknown>;
+    /** Extra raw widget options to merge in (advanced). */
+    widgetOptions?: TradingViewWidgetOptions;
+    className?: string;
+    style?: React.CSSProperties;
+    onReady?: (widget: TradingViewWidgetInstance) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/tradingview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tradingview/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAI3C,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,YAAY,EAAE,MAAM,WAAW,CAAC;IAChC,gBAAgB,EAAE,CAAC,IAAI,EAAE;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;KACvB,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,KACzC,OAAO,EAAE,wBAAwB,KAC9B,yBAAyB,CAAC;AAE/B,MAAM,MAAM,gCAAgC,GAAG,KAAK,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;AAEpF,MAAM,MAAM,sBAAsB,GAAG;IACnC,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4GAA4G;IAC5G,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE3C,uDAAuD;IACvD,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACvD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "widget-iccandle",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "author": "ICCandle",
   "license": "MIT",
@@ -19,7 +19,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "vite build && tsc -p tsconfig.lib.json",
     "prepublishOnly": "npm run build",
     "lint": "eslint .",
     "preview": "vite preview"
@@ -27,14 +27,24 @@
   "files": [
     "dist"
   ],
-  "dependencies": {
-    "@tailwindcss/vite": "^4.1.18",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tailwindcss": "^4.1.18"
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {},
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -43,6 +53,9 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.1.18",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
     "vite": "^7.3.1"