@shopify/react-native-skia 0.1.124 → 0.1.125

package/cpp/api/third_party/CSSColorParser.h

@@ -122,71 +122,6 @@ namespace CSSColorParser {
             { "yellow", { 255, 255, 0, 1 } }, { "yellowgreen", { 154, 205, 50, 1 } }
     };
 
-    template <typename T>
-    uint8_t clamp_css_byte(T i) {  // Clamp to integer 0 .. 255.
-        i = ::round(i);  // Seems to be what Chrome does (vs truncation).
-        return i < 0 ? 0 : i > 255 ? 255 : uint8_t(i);
-    }
-
-    template <typename T>
-    float clamp_css_float(T f) {  // Clamp to float 0.0 .. 1.0.
-        return f < 0 ? 0 : f > 1 ? 1 : float(f);
-    }
-
-    float parseFloat(const std::string& str) {
-        return strtof(str.c_str(), nullptr);
-    }
-
-    int64_t parseInt(const std::string& str, uint8_t base = 10) {
-        return strtoll(str.c_str(), nullptr, base);
-    }
-
-    uint8_t parse_css_int(const std::string& str) {  // int or percentage.
-        if (str.length() && str.back() == '%') {
-            return clamp_css_byte(parseFloat(str) / 100.0f * 255.0f);
-        } else {
-            return clamp_css_byte(parseInt(str));
-        }
-    }
-
-    float parse_css_float(const std::string& str) {  // float or percentage.
-        if (str.length() && str.back() == '%') {
-            return clamp_css_float(parseFloat(str) / 100.0f);
-        } else {
-            return clamp_css_float(parseFloat(str));
-        }
-    }
-
-    float css_hue_to_rgb(float m1, float m2, float h) {
-        if (h < 0.0f) {
-            h += 1.0f;
-        } else if (h > 1.0f) {
-            h -= 1.0f;
-        }
-
-        if (h * 6.0f < 1.0f) {
-            return m1 + (m2 - m1) * h * 6.0f;
-        }
-        if (h * 2.0f < 1.0f) {
-            return m2;
-        }
-        if (h * 3.0f < 2.0f) {
-            return m1 + (m2 - m1) * (2.0f / 3.0f - h) * 6.0f;
-        }
-        return m1;
-    }
-
-    std::vector<std::string> split(const std::string& s, char delim) {
-        std::vector<std::string> elems;
-        std::stringstream ss(s);
-        std::string item;
-        while (std::getline(ss, item, delim)) {
-            elems.push_back(item);
-        }
-        return elems;
-    }
-
-
     inline bool operator==(const Color& lhs, const Color& rhs) {
         return lhs.r == rhs.r && lhs.g == rhs.g && lhs.b == rhs.b && ::fabs(lhs.a - rhs.a) < 0.0001f;
     }
@@ -195,130 +130,5 @@ namespace CSSColorParser {
         return !(lhs == rhs);
     }
 
-    Color parse(const std::string& css_str)  {
-        std::string str = css_str;
-
-        // Remove all whitespace, not compliant, but should just be more accepting.
-        str.erase(std::remove(str.begin(), str.end(), ' '), str.end());
-
-        // Convert to lowercase.
-        std::transform(str.begin(), str.end(), str.begin(), ::tolower);
-
-        for (const auto& namedColor : namedColors) {
-            if (str == namedColor.name) {
-                return { namedColor.color };
-            }
-        }
-
-        // #abc and #abc123 syntax.
-        if (str.length() && str.front() == '#') {
-            auto iv = parseInt(str.substr(1), 16);  // TODO(deanm): Stricter parsing.
-            if (str.length() == 4) {
-                if (!(iv >= 0 && iv <= 0xfff)) {
-                    return {};
-                } else {
-                    return {
-                    static_cast<uint8_t>(((iv & 0xf00) >> 4) | ((iv & 0xf00) >> 8)),
-                    static_cast<uint8_t>((iv & 0xf0) | ((iv & 0xf0) >> 4)),
-                    static_cast<uint8_t>((iv & 0xf) | ((iv & 0xf) << 4)),
-                    1
-                    };
-                }
-            } else if (str.length() == 7) {
-                if (!(iv >= 0 && iv <= 0xffffff)) {
-                    return {};  // Covers NaN.
-                } else {
-                    return {
-                    static_cast<uint8_t>((iv & 0xff0000) >> 16),
-                    static_cast<uint8_t>((iv & 0xff00) >> 8),
-                    static_cast<uint8_t>(iv & 0xff),
-                    1
-                    };
-                }
-            }else if (str.length() == 5) {
-                // #rgba
-                if (!(iv >= 0 && iv <= 0xffff)) return {};  // Covers NaN.
-                return {
-                static_cast<uint8_t>(((iv & 0xf000) >> 8) | ((iv & 0xf000) >> 12)),
-                static_cast<uint8_t>(((iv & 0x0f00) >> 4) | ((iv & 0x0f00) >> 8)),
-                static_cast<uint8_t>((iv & 0x00f0)       | ((iv & 0x00f0) >> 4)),
-                static_cast<uint8_t>(((iv & 0x000f) << 4  |  (iv & 0x000f))) / 255.0f
-                };
-            } else if (str.length() == 9) {
-                // #rrggbbaa
-                if (!(iv >= 0 && iv <= 0xffffffff)) return {};  // Covers NaN.
-                return {
-                static_cast<uint8_t>(((iv & 0xff000000) >> 24) & 0xff),
-                static_cast<uint8_t>((iv & 0x00ff0000) >> 16),
-                static_cast<uint8_t>((iv & 0x0000ff00) >> 8),
-                static_cast<uint8_t>((iv & 0x000000ff)) / 255.0f
-                };
-            }
-
-            return {};
-        }
-
-        size_t op = str.find_first_of('('), ep = str.find_first_of(')');
-        if (op != std::string::npos && ep + 1 == str.length()) {
-            const std::string fname = str.substr(0, op);
-            const std::vector<std::string> params = split(str.substr(op + 1, ep - (op + 1)), ',');
-
-            float alpha = 1.0f;
-
-            if (fname == "rgba" || fname == "rgb") {
-                if (fname == "rgba") {
-                    if (params.size() != 4) {
-                        return { };
-                    }
-                    alpha = parse_css_float(params.back());
-                } else {
-                    if (params.size() != 3) {
-                        return { };
-                    }
-                }
-
-                return {
-                        parse_css_int(params[0]),
-                        parse_css_int(params[1]),
-                        parse_css_int(params[2]),
-                        alpha
-                };
-
-            } else if (fname == "hsla" || fname == "hsl") {
-                if (fname == "hsla") {
-                    if (params.size() != 4) {
-                        return { };
-                    }
-                    alpha = parse_css_float(params.back());
-                } else {
-                    if (params.size() != 3) {
-                        return { };
-                    }
-                }
-
-                float h = parseFloat(params[0]) / 360.0f;
-                float i;
-                // Normalize the hue to [0..1[
-                h = std::modf(h, &i);
-
-                // NOTE(deanm): According to the CSS spec s/l should only be
-                // percentages, but we don't bother and let float or percentage.
-                float s = parse_css_float(params[1]);
-                float l = parse_css_float(params[2]);
-
-                float m2 = l <= 0.5f ? l * (s + 1.0f) : l + s - l * s;
-                float m1 = l * 2.0f - m2;
-
-                return {
-                        clamp_css_byte(css_hue_to_rgb(m1, m2, h + 1.0f / 3.0f) * 255.0f),
-                        clamp_css_byte(css_hue_to_rgb(m1, m2, h) * 255.0f),
-                        clamp_css_byte(css_hue_to_rgb(m1, m2, h - 1.0f / 3.0f) * 255.0f),
-                        alpha
-                };
-            }
-        }
-
-        return { };
-    }
-
+    Color parse(const std::string& css_str);
 } // namespace CSSColorParser

package/cpp/jsi/JsiSimpleValueWrapper.h

@@ -0,0 +1,98 @@
+
+#pragma once
+
+#include <jsi/jsi.h>
+
+namespace RNJsi
+{
+using namespace facebook;
+
+enum JsiWrapperValueType
+{
+    Undefined,
+    Null,
+    Bool,
+    Number,
+    JsiValue
+};
+
+/**
+ Implements a simple wrapper class for JSI primitives like numbers and boolean values. Objects,
+ strings and arrays are stored as values inside a property holder. The class also provides a method
+ for comparing values that will compare numbers, booleans and strings.
+ */
+class JsiSimpleValueWrapper
+{
+public:
+    JsiSimpleValueWrapper(jsi::Runtime& runtime) :
+      _type(JsiWrapperValueType::Undefined),
+      _propNameId(jsi::PropNameID::forUtf8(runtime, "value"))
+    {}
+
+    jsi::Value getCurrent(jsi::Runtime &runtime)
+    {
+      switch (_type)
+      {
+          case JsiWrapperValueType::Undefined:
+            return jsi::Value::undefined();
+          case JsiWrapperValueType::Null:
+            return jsi::Value::null();
+          case JsiWrapperValueType::Bool:
+            return _boolValue;
+          case JsiWrapperValueType::Number:
+            return _numberValue;
+          case JsiWrapperValueType::JsiValue:
+            if (_valueHolder == nullptr) {
+                return jsi::Value::undefined();
+            }
+            return _valueHolder->getProperty(runtime, _propNameId);
+      }
+    }
+
+    void setCurrent(jsi::Runtime &runtime, const jsi::Value &value)
+    {
+      if(value.isNumber()) {
+        _type = JsiWrapperValueType::Number;
+        _numberValue = value.asNumber();
+      } else if(value.isBool()) {
+        _type = JsiWrapperValueType::Bool;
+        _boolValue = value.getBool();
+      } else if(value.isUndefined()) {
+        _type = JsiWrapperValueType::Undefined;
+      } else if(value.isNull()) {
+        _type = JsiWrapperValueType::Null;
+      } else {
+        _type = JsiWrapperValueType::JsiValue;
+        // Save as javascript object - we don't want to have to copy strings, objects and values
+        if(_valueHolder == nullptr) {
+            _valueHolder = std::make_shared<jsi::Object>(runtime);
+        }
+        _valueHolder->setProperty(runtime, _propNameId, value);
+      }
+    }
+
+    bool equals(jsi::Runtime& runtime, const jsi::Value &value) {
+      if(value.isNumber()) {
+        return _numberValue == value.asNumber();
+      } else if(value.isBool()) {
+        return _boolValue == value.getBool();
+      } else if(value.isUndefined()) {
+        return _type == JsiWrapperValueType::Undefined;
+      } else if(value.isNull()) {
+        return _type == JsiWrapperValueType::Null;
+      } else if(value.isString()) {
+        return jsi::String::strictEquals(runtime, value.asString(runtime), getCurrent(runtime).asString(runtime));
+      }
+      return false;
+    }
+
+private:
+    jsi::PropNameID _propNameId;
+    std::shared_ptr<jsi::Object> _valueHolder;
+
+    bool _boolValue;
+    double _numberValue;
+
+    JsiWrapperValueType _type;
+};
+}

package/cpp/rnskia/values/RNSkReadonlyValue.h

@@ -11,6 +11,7 @@
 
 #include <JsiSkHostObjects.h>
 #include <RNSkPlatformContext.h>
+#include <JsiSimpleValueWrapper.h>
 
 namespace RNSkia
 {
@@ -26,7 +27,8 @@ class RNSkReadonlyValue : public JsiSkHostObject,
 public:
   RNSkReadonlyValue(std::shared_ptr<RNSkPlatformContext> platformContext)
       : JsiSkHostObject(platformContext),
-    _propNameId(jsi::PropNameID::forUtf8(*platformContext->getJsRuntime(), "value")) { }
+      _valueHolder(std::make_unique<JsiSimpleValueWrapper>(*platformContext->getJsRuntime()))
+      { }
   
   virtual ~RNSkReadonlyValue() { }
 
@@ -86,23 +88,22 @@ public:
   }
   
   /**
-    Updates the underlying value and notifies all listeners about the change
+    Updates the underlying value and notifies all listeners about the change.
+    Listeners are only notified if the value was actually changed for numeric, boolean and string
+    values. For all other values listeners are notified without comparison.
    @param runtime Current JS Runtime
    @param value Next value
    */
   virtual void update(jsi::Runtime &runtime, const jsi::Value &value) {
-    if(_valueHolder == nullptr) {
-      _valueHolder = std::make_shared<jsi::Object>(runtime);
+    auto equal = _valueHolder->equals(runtime, value);
+    _valueHolder->setCurrent(runtime, value);
+    if(!equal) {
+      notifyListeners(runtime);
     }
-    _valueHolder->setProperty(runtime, _propNameId, value);
-    notifyListeners(runtime);
   }
   
   jsi::Value getCurrent(jsi::Runtime &runtime) {
-    if(_valueHolder == nullptr) {
-      return jsi::Value::undefined();
-    }
-    return _valueHolder->getProperty(runtime, _propNameId);
+    return _valueHolder->getCurrent(runtime);
   }
   
 protected:
@@ -132,8 +133,8 @@ protected:
   }
 
 private:
-  jsi::PropNameID _propNameId;
-  std::shared_ptr<jsi::Object> _valueHolder;
+  std::unique_ptr<JsiSimpleValueWrapper> _valueHolder;
+  
   long _listenerId = 0;
   std::unordered_map<long, std::function<void(jsi::Runtime&)>> _listeners;
   std::mutex _mutex;

package/ios/RNSkia-iOS/PlatformContext.h

@@ -1,5 +1,7 @@
 #pragma once
 
+#import "RCTBridge.h"
+
 #include <functional>
 #include <memory>
 #include <string>
@@ -26,13 +28,27 @@ namespace RNSkia {
 
 using namespace facebook;
 
+static void handleNotification(CFNotificationCenterRef center, void *observer, CFStringRef name, const void *object, CFDictionaryRef userInfo);
+
 class PlatformContext : public RNSkPlatformContext {
 public:
   PlatformContext(jsi::Runtime *runtime,
                   std::shared_ptr<react::CallInvoker> callInvoker)
-      : RNSkPlatformContext(runtime, callInvoker, [[UIScreen mainScreen] scale]) {}
-
-  ~PlatformContext() {}
+      : RNSkPlatformContext(runtime, callInvoker, [[UIScreen mainScreen] scale]) {
+        // We need to make sure we invalidate when modules are freed
+        CFNotificationCenterAddObserver(
+              CFNotificationCenterGetLocalCenter(),
+              this,
+              &handleNotification,
+              (__bridge CFStringRef)RCTBridgeWillInvalidateModulesNotification,
+              NULL,
+              CFNotificationSuspensionBehaviorDeliverImmediately
+          );
+      }
+
+  ~PlatformContext() {
+    CFNotificationCenterRemoveEveryObserver(CFNotificationCenterGetLocalCenter(), this);
+  }
 
   void startDrawLoop() override;
   void stopDrawLoop() override;
@@ -42,9 +58,19 @@ public:
       const std::function<void(std::unique_ptr<SkStreamAsset>)> &op) override;
 
   void raiseError(const std::exception &err) override;
-
+  
+  void willInvalidateModules() {
+    // We need to do some house-cleaning here!
+    invalidate();
+  }
+    
 private:
   DisplayLink *_displayLink;
 };
 
+static void handleNotification(CFNotificationCenterRef center, void *observer, CFStringRef name,
+                               const void *object, CFDictionaryRef userInfo) {
+  (static_cast<PlatformContext*>(observer))->willInvalidateModules();
+}
+
 } // namespace RNSkia

package/ios/RNSkia-iOS/SkiaDrawView.mm

@@ -28,20 +28,19 @@
     _drawingMode = RNSkia::RNSkDrawingMode::Default;
     
     // Listen to notifications about module invalidation
-    __unsafe_unretained SkiaDrawView *weakSelf = self;
-    auto nc = [NSNotificationCenter defaultCenter];
-    [nc addObserverForName:RCTBridgeWillInvalidateModulesNotification
-                    object:nil
-                     queue:nil
-                usingBlock:^(NSNotification *notification){
-      // Remove local variables when the bridge is teared down.
-      weakSelf->_impl = nullptr;
-      weakSelf->_manager = nullptr;
-    }];
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(willInvalidateModules)
+                                                 name:RCTBridgeWillInvalidateModulesNotification
+                                               object:nil];
   }
   return self;
 }
 
+- (void) willInvalidateModules {
+  _impl = nullptr;
+  _manager = nullptr;
+}
+
 #pragma mark Lifecycle
 
 - (void) willMoveToSuperview:(UIView *)newWindow {
@@ -71,8 +70,6 @@
 }
 
 - (void) dealloc {
-  auto nc = [NSNotificationCenter defaultCenter];
-  [nc removeObserver:self name:RCTBridgeWillInvalidateModulesNotification object:nil];
   if(_manager != nullptr && _nativeId != 0) {
     _manager->unregisterSkiaDrawView(_nativeId);
   }

package/lib/commonjs/{values/animation → animation}/decay/runDecay.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.runDecay = void 0;
 
-var _api = require("../../api");
+var _api = require("../../values/api");
 
 var _decay = require("./decay");
 

package/lib/commonjs/animation/decay/runDecay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["runDecay.ts"],"names":["runDecay","value","config","resolvedConfig","deceleration","velocityFactor","velocity","from","current","updateFunction","t","state","finished","lastTimestamp","startTimestamp","initialVelocity","animation","ValueApi","createAnimation"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAA2BC,MAA3B,KAAoD;AAC1E,QAAMC,cAAkC,GAAG;AACzCC,IAAAA,YAAY,EAAE,KAD2B;AAEzCC,IAAAA,cAAc,EAAE,CAFyB;AAGzCC,IAAAA,QAAQ,EAAE,CAH+B;AAIzCC,IAAAA,IAAI,EAAEN,KAAK,CAACO,OAJ6B;AAKzC,OAAGN;AALsC,GAA3C;;AAOA,QAAMO,cAAc,GAAG,CAACC,CAAD,EAAYC,KAAZ,KAA8C;AACnE,QAAI,CAACA,KAAL,EAAY;AACV,aAAO;AACLH,QAAAA,OAAO,EAAEL,cAAc,CAACI,IADnB;AAELK,QAAAA,QAAQ,EAAE,KAFL;AAGLC,QAAAA,aAAa,EAAEH,CAHV;AAILI,QAAAA,cAAc,EAAEJ,CAJX;AAKLK,QAAAA,eAAe,EAAEZ,cAAc,CAACG,QAL3B;AAMLA,QAAAA,QAAQ,EAAEH,cAAc,CAACG;AANpB,OAAP;AAQD;;AACD,WAAO,kBAAMI,CAAN,EAASC,KAAT,EAAgBR,cAAhB,CAAP;AACD,GAZD;;AAaAF,EAAAA,KAAK,CAACe,SAAN,GAAkBC,cAASC,eAAT,CAAyBT,cAAzB,CAAlB;AACA,SAAOR,KAAK,CAACe,SAAb;AACD,CAvBM","sourcesContent":["import { ValueApi } from \"../../values/api\";\nimport type { SkiaValue } from \"../../values/types\";\n\nimport { decay } from \"./decay\";\nimport type { DecayConfig, DefaultDecayConfig, DecayState } from \"./types\";\n\n/**\n * Runs a decay animation from the current value to zero with the given decay\n * configuration.\n * @param value value to animate\n * @param config Configuration or default configuration\n * @returns Animation\n */\nexport const runDecay = (value: SkiaValue<number>, config?: DecayConfig) => {\n  const resolvedConfig: DefaultDecayConfig = {\n    deceleration: 0.998,\n    velocityFactor: 1,\n    velocity: 0,\n    from: value.current,\n    ...config,\n  };\n  const updateFunction = (t: number, state: DecayState | undefined) => {\n    if (!state) {\n      return {\n        current: resolvedConfig.from,\n        finished: false,\n        lastTimestamp: t,\n        startTimestamp: t,\n        initialVelocity: resolvedConfig.velocity,\n        velocity: resolvedConfig.velocity,\n      };\n    }\n    return decay(t, state, resolvedConfig);\n  };\n  value.animation = ValueApi.createAnimation(updateFunction);\n  return value.animation;\n};\n"]}

package/lib/commonjs/animation/functions/interpolate.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Extrapolate = void 0;
+exports.interpolate = interpolate;
+
+/* eslint-disable max-len */
+let Extrapolate;
+exports.Extrapolate = Extrapolate;
+
+(function (Extrapolate) {
+  Extrapolate["IDENTITY"] = "identity";
+  Extrapolate["CLAMP"] = "clamp";
+  Extrapolate["EXTEND"] = "extend";
+})(Extrapolate || (exports.Extrapolate = Extrapolate = {}));
+
+function getVal(type, coef, val, leftEdgeOutput, rightEdgeOutput, x) {
+  switch (type) {
+    case Extrapolate.IDENTITY:
+      return x;
+
+    case Extrapolate.CLAMP:
+      if (coef * val < coef * leftEdgeOutput) {
+        return leftEdgeOutput;
+      }
+
+      return rightEdgeOutput;
+
+    case Extrapolate.EXTEND:
+    default:
+      return val;
+  }
+}
+
+function isExtrapolate(value) {
+  return value === Extrapolate.EXTEND || value === Extrapolate.CLAMP || value === Extrapolate.IDENTITY;
+} // validates extrapolations type
+// if type is correct, converts it to ExtrapolationConfig
+
+
+function validateType(type) {
+  // initialize extrapolationConfig with default extrapolation
+  const extrapolationConfig = {
+    extrapolateLeft: Extrapolate.EXTEND,
+    extrapolateRight: Extrapolate.EXTEND
+  };
+
+  if (!type) {
+    return extrapolationConfig;
+  }
+
+  if (typeof type === "string") {
+    if (!isExtrapolate(type)) {
+      throw new Error(`No supported value for "interpolate" \nSupported values: ["extend", "clamp", "identity", Extrapolatation.CLAMP, Extrapolatation.EXTEND, Extrapolatation.IDENTITY]\n Valid example:
+        interpolate(value, [inputRange], [outputRange], "clamp")`);
+    }
+
+    extrapolationConfig.extrapolateLeft = type;
+    extrapolationConfig.extrapolateRight = type;
+    return extrapolationConfig;
+  } // otherwise type is extrapolation config object
+
+
+  if (type.extrapolateLeft && !isExtrapolate(type.extrapolateLeft) || type.extrapolateRight && !isExtrapolate(type.extrapolateRight)) {
+    throw new Error(`No supported value for "interpolate" \nSupported values: ["extend", "clamp", "identity", Extrapolatation.CLAMP, Extrapolatation.EXTEND, Extrapolatation.IDENTITY]\n Valid example:
+      interpolate(value, [inputRange], [outputRange], {
+        extrapolateLeft: Extrapolation.CLAMP,
+        extrapolateRight: Extrapolation.IDENTITY
+      }})`);
+  }
+
+  Object.assign(extrapolationConfig, type);
+  return extrapolationConfig;
+}
+
+function internalInterpolate(x, narrowedInput, extrapolationConfig) {
+  const {
+    leftEdgeInput,
+    rightEdgeInput,
+    leftEdgeOutput,
+    rightEdgeOutput
+  } = narrowedInput;
+
+  if (rightEdgeInput - leftEdgeInput === 0) {
+    return leftEdgeOutput;
+  }
+
+  const progress = (x - leftEdgeInput) / (rightEdgeInput - leftEdgeInput);
+  const val = leftEdgeOutput + progress * (rightEdgeOutput - leftEdgeOutput);
+  const coef = rightEdgeOutput >= leftEdgeOutput ? 1 : -1;
+
+  if (coef * val < coef * leftEdgeOutput) {
+    return getVal(extrapolationConfig.extrapolateLeft, coef, val, leftEdgeOutput, rightEdgeOutput, x);
+  } else if (coef * val > coef * rightEdgeOutput) {
+    return getVal(extrapolationConfig.extrapolateRight, coef, val, leftEdgeOutput, rightEdgeOutput, x);
+  }
+
+  return val;
+} // e.g. function interpolate(x, input, output, type = Extrapolatation.CLAMP)
+
+
+function interpolate(x, input, output, type) {
+  if (input.length < 2 || output.length < 2) {
+    throw Error("Interpolation input and output should contain at least two values.");
+  }
+
+  const extrapolationConfig = validateType(type);
+  const {
+    length
+  } = input;
+  const narrowedInput = {
+    leftEdgeInput: input[0],
+    rightEdgeInput: input[1],
+    leftEdgeOutput: output[0],
+    rightEdgeOutput: output[1]
+  };
+
+  if (length > 2) {
+    if (x > input[length - 1]) {
+      narrowedInput.leftEdgeInput = input[length - 2];
+      narrowedInput.rightEdgeInput = input[length - 1];
+      narrowedInput.leftEdgeOutput = output[length - 2];
+      narrowedInput.rightEdgeOutput = output[length - 1];
+    } else {
+      for (let i = 1; i < length; ++i) {
+        if (x <= input[i]) {
+          narrowedInput.leftEdgeInput = input[i - 1];
+          narrowedInput.rightEdgeInput = input[i];
+          narrowedInput.leftEdgeOutput = output[i - 1];
+          narrowedInput.rightEdgeOutput = output[i];
+          break;
+        }
+      }
+    }
+  }
+
+  return internalInterpolate(x, narrowedInput, extrapolationConfig);
+}
+//# sourceMappingURL=interpolate.js.map

package/lib/commonjs/animation/functions/interpolate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interpolate.ts"],"names":["Extrapolate","getVal","type","coef","val","leftEdgeOutput","rightEdgeOutput","x","IDENTITY","CLAMP","EXTEND","isExtrapolate","value","validateType","extrapolationConfig","extrapolateLeft","extrapolateRight","Error","Object","assign","internalInterpolate","narrowedInput","leftEdgeInput","rightEdgeInput","progress","interpolate","input","output","length","i"],"mappings":"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","sourcesContent":["/* eslint-disable max-len */\nexport enum Extrapolate {\n  IDENTITY = \"identity\",\n  CLAMP = \"clamp\",\n  EXTEND = \"extend\",\n}\n\ninterface InterpolationNarrowedInput {\n  leftEdgeInput: number;\n  rightEdgeInput: number;\n  leftEdgeOutput: number;\n  rightEdgeOutput: number;\n}\n\nexport interface ExtrapolationConfig {\n  extrapolateLeft?: Extrapolate | string;\n  extrapolateRight?: Extrapolate | string;\n}\n\ninterface RequiredExtrapolationConfig {\n  extrapolateLeft: Extrapolate;\n  extrapolateRight: Extrapolate;\n}\n\nexport type ExtrapolationType =\n  | ExtrapolationConfig\n  | Extrapolate\n  | string\n  | undefined;\n\nfunction getVal(\n  type: Extrapolate,\n  coef: number,\n  val: number,\n  leftEdgeOutput: number,\n  rightEdgeOutput: number,\n  x: number\n): number {\n  switch (type) {\n    case Extrapolate.IDENTITY:\n      return x;\n    case Extrapolate.CLAMP:\n      if (coef * val < coef * leftEdgeOutput) {\n        return leftEdgeOutput;\n      }\n      return rightEdgeOutput;\n    case Extrapolate.EXTEND:\n    default:\n      return val;\n  }\n}\n\nfunction isExtrapolate(value: string): value is Extrapolate {\n  return (\n    value === Extrapolate.EXTEND ||\n    value === Extrapolate.CLAMP ||\n    value === Extrapolate.IDENTITY\n  );\n}\n\n// validates extrapolations type\n// if type is correct, converts it to ExtrapolationConfig\nfunction validateType(type: ExtrapolationType): RequiredExtrapolationConfig {\n  // initialize extrapolationConfig with default extrapolation\n  const extrapolationConfig: RequiredExtrapolationConfig = {\n    extrapolateLeft: Extrapolate.EXTEND,\n    extrapolateRight: Extrapolate.EXTEND,\n  };\n\n  if (!type) {\n    return extrapolationConfig;\n  }\n\n  if (typeof type === \"string\") {\n    if (!isExtrapolate(type)) {\n      throw new Error(\n        `No supported value for \"interpolate\" \\nSupported values: [\"extend\", \"clamp\", \"identity\", Extrapolatation.CLAMP, Extrapolatation.EXTEND, Extrapolatation.IDENTITY]\\n Valid example:\n        interpolate(value, [inputRange], [outputRange], \"clamp\")`\n      );\n    }\n    extrapolationConfig.extrapolateLeft = type;\n    extrapolationConfig.extrapolateRight = type;\n    return extrapolationConfig;\n  }\n\n  // otherwise type is extrapolation config object\n  if (\n    (type.extrapolateLeft && !isExtrapolate(type.extrapolateLeft)) ||\n    (type.extrapolateRight && !isExtrapolate(type.extrapolateRight))\n  ) {\n    throw new Error(\n      `No supported value for \"interpolate\" \\nSupported values: [\"extend\", \"clamp\", \"identity\", Extrapolatation.CLAMP, Extrapolatation.EXTEND, Extrapolatation.IDENTITY]\\n Valid example:\n      interpolate(value, [inputRange], [outputRange], {\n        extrapolateLeft: Extrapolation.CLAMP,\n        extrapolateRight: Extrapolation.IDENTITY\n      }})`\n    );\n  }\n\n  Object.assign(extrapolationConfig, type);\n  return extrapolationConfig;\n}\n\nfunction internalInterpolate(\n  x: number,\n  narrowedInput: InterpolationNarrowedInput,\n  extrapolationConfig: RequiredExtrapolationConfig\n) {\n  const { leftEdgeInput, rightEdgeInput, leftEdgeOutput, rightEdgeOutput } =\n    narrowedInput;\n  if (rightEdgeInput - leftEdgeInput === 0) {\n    return leftEdgeOutput;\n  }\n  const progress = (x - leftEdgeInput) / (rightEdgeInput - leftEdgeInput);\n  const val = leftEdgeOutput + progress * (rightEdgeOutput - leftEdgeOutput);\n  const coef = rightEdgeOutput >= leftEdgeOutput ? 1 : -1;\n\n  if (coef * val < coef * leftEdgeOutput) {\n    return getVal(\n      extrapolationConfig.extrapolateLeft,\n      coef,\n      val,\n      leftEdgeOutput,\n      rightEdgeOutput,\n      x\n    );\n  } else if (coef * val > coef * rightEdgeOutput) {\n    return getVal(\n      extrapolationConfig.extrapolateRight,\n      coef,\n      val,\n      leftEdgeOutput,\n      rightEdgeOutput,\n      x\n    );\n  }\n\n  return val;\n}\n\n// e.g. function interpolate(x, input, output, type = Extrapolatation.CLAMP)\nexport function interpolate(\n  x: number,\n  input: readonly number[],\n  output: readonly number[],\n  type?: ExtrapolationType\n): number {\n  if (input.length < 2 || output.length < 2) {\n    throw Error(\n      \"Interpolation input and output should contain at least two values.\"\n    );\n  }\n\n  const extrapolationConfig = validateType(type);\n  const { length } = input;\n  const narrowedInput: InterpolationNarrowedInput = {\n    leftEdgeInput: input[0],\n    rightEdgeInput: input[1],\n    leftEdgeOutput: output[0],\n    rightEdgeOutput: output[1],\n  };\n  if (length > 2) {\n    if (x > input[length - 1]) {\n      narrowedInput.leftEdgeInput = input[length - 2];\n      narrowedInput.rightEdgeInput = input[length - 1];\n      narrowedInput.leftEdgeOutput = output[length - 2];\n      narrowedInput.rightEdgeOutput = output[length - 1];\n    } else {\n      for (let i = 1; i < length; ++i) {\n        if (x <= input[i]) {\n          narrowedInput.leftEdgeInput = input[i - 1];\n          narrowedInput.rightEdgeInput = input[i];\n          narrowedInput.leftEdgeOutput = output[i - 1];\n          narrowedInput.rightEdgeOutput = output[i];\n          break;\n        }\n      }\n    }\n  }\n\n  return internalInterpolate(x, narrowedInput, extrapolationConfig);\n}\n"]}