@trdrs/quickcharts 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @trdrs/quickcharts
 
+## 2.1.0
+
+Long press for the crosshair, and emoji artwork that loads the first time the chart draws an emoji. No public name changes.
+
+A finger held still on the plot is the crosshair's: the crosshair stands at the finger and follows it until the next tap, and the chart does not pan meanwhile. Held on a price scale or the time scale, it raises the chart's context menu, as a right-click does.
+
+The bundled emoji artwork is a chunk of its own, which the chart imports the first time it draws an emoji, so a chart that never shows one never loads it, and the main bundle does not carry it. Until it arrives an emoji draws as text, then takes its artwork in place, in the glyph picker and on the chart. A chart given an `assets.glyphSource` never loads it.
+
+## 2.0.1
+
+Drawing by touch, and handles that stay on their drawings. No public name changes.
+
+A finger draws, selects and moves drawings as surely as a pointer does. A touch takes a drawing it lands within a thumb's reach of and grabs a handle from a thumb's width away; a tap that wobbles stays a tap; a drawing a touch presses moves once the finger clearly sets off; the second touch of a placement brings its live point to the finger at once; and the crosshair stands on the point a finger places or drags, its lines and scale labels clear of the finger. A touch the drawing layer takes is claimed from the page's scroll as it begins, and a gesture the browser takes away ends where it stands. A mouse and a pen keep their behavior.
+
+Every handle stands where its drawing paints what the handle moves, so none stays behind as the drawing's other handles move it: a long or short position's stop on the box's far edge beside the target, a flat top/bottom's flat side at that side's end, a fib wedge's third handle at the end of its second ray, and an ellipse's third handle on the ellipse at its centre.
+
 ## 2.0.0
 
 A major version may rename or remove public names, and its upgrading guide lists each one, old to new, with how saved state carries over. 2.0 names everything a host writes against in the chart's own words: the stylesheet's cascade layers, the data source a symbol search row names, timeframe for every timeframe, indicator for every indicator, the drawing toolbar's models and the context menu's row builder. Saved state is read under the 2.0 names alone, and the guide lists what 1.x saved that opens at its default.
@@ -80,6 +96,8 @@ Saved state is read under the 2.0 names alone. What 1.x saved under these names
 - each drawing toolbar group's remembered tool, stored as `railTools` in the drawing preference record `quickcharts.drawingPrefs.v1`: the group's first tool;
 - the replay update timeframe, stored under `quickcharts.replayIv.v1`: `preferences.replayTimeframe`, else `auto`.
 
+2.0 stores the replay update timeframe under `quickcharts.replayTf.v1`. A `ChartStorage` that routes keys by name, to keep some per device for example, routes `quickcharts.replayTf.v1` where it routed `quickcharts.replayIv.v1`.
+
 Hosts that keep templates by kind file them under `indicator`: the chart asks `templates('indicator')`, and the REST adapter asks `/templates/indicator`.
 
 A `RecentsPort` of yours that stores rows stores `dataSource`, the field the source cell reads.

package/README.md

@@ -2628,8 +2628,10 @@ The image and glyph tools reach your host through `ChartWidgetOptions.assets`. `
 turns a picked file into a payload within the caps and answers a refusal as a code the chart
 resolves through its own catalog; `glyphSource` answers the artwork URL an emoji or sticker draws
 with, or null to draw the glyph as text. Emoji artwork from Twemoji is bundled and works without
-an asset port or external requests. Omit `glyphSource` to use it. Without the port the image tool
-does not open. Keep the Twemoji credit in `THIRD-PARTY-NOTICES.md` accessible in your product.
+an asset port or external requests. Omit `glyphSource` to use it. It is a chunk of its own, which
+the chart imports the first time it draws an emoji, so a chart that never shows one never loads
+it; until it arrives an emoji draws as text, then takes its artwork in place. A chart given a
+`glyphSource` never loads it. Without the port the image tool does not open. Keep the Twemoji credit in `THIRD-PARTY-NOTICES.md` accessible in your product.
 
 The layer is also mountable on its own lightweight-charts pair, without the widget:
 

package/THIRD-PARTY-NOTICES.md

@@ -10,8 +10,8 @@ The emoji SVG graphics are from [Twemoji](https://github.com/jdecked/twemoji), c
 
 | Package | Version | License | Reached through |
 |---|---|---|---|
-| `fancy-canvas` | 2.1.0 | MIT | `lightweight-charts@5.2.0` |
-| `lightweight-charts` | 5.2.0 | Apache-2.0 | peer dependency |
+| `fancy-canvas` | 2.1.0 | MIT | `lightweight-charts@5.2.1` |
+| `lightweight-charts` | 5.2.1 | Apache-2.0 | peer dependency |
 
 ## fancy-canvas 2.1.0
 
@@ -43,7 +43,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 ```
 
-## lightweight-charts 5.2.0
+## lightweight-charts 5.2.1
 
 - License: Apache-2.0
 - Repository: https://github.com/tradingview/lightweight-charts
@@ -51,7 +51,7 @@ SOFTWARE.
 
 The package README states an attribution requirement beside the license: present the text of its NOTICE file and a link to https://www.tradingview.com/ on a page of your website or application that your users can reach. The package's `attributionLogo` chart option is one documented way to satisfy the link.
 
-The NOTICE file of lightweight-charts 5.2.0, reproduced verbatim from https://github.com/tradingview/lightweight-charts/blob/master/NOTICE:
+The NOTICE file of lightweight-charts 5.2.1, reproduced verbatim from https://github.com/tradingview/lightweight-charts/blob/master/NOTICE:
 
 ```
 TradingView Lightweight Charts™

package/dist/{chunk-6S6TO2N6.js → chunk-YR7NT5ZW.js}

@@ -1691,6 +1691,14 @@ var Ellipse = class extends Drawing {
     ctx.stroke();
     if (this.props.text) paintLabel(ctx, this.props.text, geo.center, this.style, { align: "center" });
   }
+  /** The third handle stands on the ellipse at its centre's time, where the vertical radius it
+   *  drags meets the outline: the anchor's own time paints nothing, so a handle at it would stay
+   *  behind as the diameter moves. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const geo = this.geometry(viewport);
+    return geo ? points.map((point) => point.index === 2 ? { ...point, x: geo.center.x } : point) : points;
+  }
   testHit(point, viewport) {
     const geo = this.geometry(viewport);
     if (!geo) return false;
@@ -2676,6 +2684,14 @@ var FlatTopBottom = class extends Drawing {
     strokeSegment(ctx, b.flat.a, b.flat.b);
     if (this.props.text) paintLabel(ctx, this.props.text, { x: b.slope.a.x + 6, y: b.slope.a.y - 12 }, this.style);
   }
+  /** The flat side's handle stands at the flat side's end under the second anchor: the flat side
+   *  spans the sloped side's times at the third anchor's price, and that anchor's own time paints
+   *  nothing, so a handle at it would drift off the side as the sloped side moves. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const end = points.find((point) => point.index === 1);
+    return end ? points.map((point) => point.index === 2 ? { ...point, x: end.x } : point) : points;
+  }
   testHit(point, viewport) {
     const b = this.boundaries(viewport);
     if (!b) return false;
@@ -3458,6 +3474,16 @@ var FibWedge = class extends Drawing {
       }
     }
   }
+  /** The third handle stands at the end of the second ray: that ray runs as long as the first, at
+   *  the third anchor's angle, so the anchor's own distance from the apex paints nothing and a
+   *  handle at it would float off the ray's end as the first ray changes length. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const geo = this.geometry(viewport);
+    if (!geo) return points;
+    const end = { x: geo.apex.x + Math.cos(geo.a2) * geo.radius, y: geo.apex.y + Math.sin(geo.a2) * geo.radius };
+    return points.map((point) => point.index === 2 ? { ...point, ...end } : point);
+  }
   testHit(point, viewport) {
     const geo = this.geometry(viewport);
     if (!geo) return false;
@@ -3755,6 +3781,14 @@ var LongPosition = class extends Drawing {
       paintLabel(ctx, this.formatPrice(entry.price), { x: z.right + 6, y: z.entryY }, { ...this.style, textColor: this.style.lineColor });
     }
   }
+  /** The stop's handle stands on the box's far edge beside the target's, where the stop's level is
+   *  painted: the box's edges are the entry's time and the target's, and the stop's own time paints
+   *  nothing, so a handle at it would stay behind as the box's width changes. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const edge = points.find((point) => point.index === 1);
+    return edge ? points.map((point) => point.index === 2 ? { ...point, x: edge.x } : point) : points;
+  }
   testHit(point, viewport) {
     const z = this.zones(viewport);
     if (!z) return false;
@@ -6960,4 +6994,4 @@ export {
   NO_DASH,
   INPUT_PROPS
 };
-//# sourceMappingURL=chunk-6S6TO2N6.js.map
+//# sourceMappingURL=chunk-YR7NT5ZW.js.map