@atlaskit/editor-common 107.1.1 → 107.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 107.2.0
+
+### Minor Changes
+
+- [#172318](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172318)
+  [`cb1aac3653c7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb1aac3653c7e) -
+  Fix breakout inline SSR parcel build issue
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 107.1.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.1.0";
+var packageVersion = "107.1.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.1.0";
+var packageVersion = "107.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/utils/breakout.js

@@ -32,48 +32,56 @@ var breakoutConsts = exports.breakoutConsts = {
   /**
    * This function can return percentage value or px value depending upon the inputs
    */
-  calcBreakoutWidth: function calcBreakoutWidth(layout, containerWidth, padding) {
-    var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
-    switch (layout) {
-      case 'full-width':
-        return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
-      case 'wide':
-        if (effectiveFullWidth <= 0) {
-          return '100%';
-        }
-        var wideWidth = breakoutConsts.calcWideWidth(containerWidth, undefined, undefined, padding);
-        if (wideWidth.endsWith('%')) {
+  calcBreakoutWidth: function calcBreakoutWidth(breakoutConsts) {
+    return function (layout, containerWidth, padding) {
+      var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
+      switch (layout) {
+        case 'full-width':
           return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
-        }
-        return wideWidth;
-      default:
-        return '100%';
-    }
+        case 'wide':
+          if (effectiveFullWidth <= 0) {
+            return '100%';
+          }
+          var wideWidth = breakoutConsts.calcWideWidth(breakoutConsts)(containerWidth, undefined, undefined, padding);
+          if (wideWidth.endsWith('%')) {
+            return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
+          }
+          return wideWidth;
+        default:
+          return '100%';
+      }
+    };
   },
-  calcBreakoutWithCustomWidth: function calcBreakoutWithCustomWidth(mode, width, editorContainerWidth) {
-    if (width !== null && width > 0) {
-      var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
-      // if below 0 then expect we're rendering in SSR
-      return "".concat(Math.min(width, effectiveFullWidth), "px");
-    }
-    return breakoutConsts.calcBreakoutWidth(mode, editorContainerWidth);
+  calcBreakoutWithCustomWidth: function calcBreakoutWithCustomWidth(breakoutConsts) {
+    return function (mode, width, editorContainerWidth) {
+      if (width !== null && width > 0) {
+        var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
+        // if below 0 then expect we're rendering in SSR
+        return "".concat(Math.min(width, effectiveFullWidth), "px");
+      }
+      return breakoutConsts.calcBreakoutWidth(breakoutConsts)(mode, editorContainerWidth);
+    };
   },
-  calcLineLength: function calcLineLength() {
-    return breakoutConsts.defaultLayoutWidth;
+  calcLineLength: function calcLineLength(breakoutConsts) {
+    return function () {
+      return breakoutConsts.defaultLayoutWidth;
+    };
   },
-  calcWideWidth: function calcWideWidth() {
-    var containerWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : breakoutConsts.defaultLayoutWidth;
-    var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-    var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
-    var padding = arguments.length > 3 ? arguments[3] : undefined;
-    var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
-    var layoutMaxWidth = breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
-    var wideWidth = Math.min(Math.ceil(layoutMaxWidth * breakoutConsts.wideScaleRatio), effectiveFullWidth);
-    return layoutMaxWidth > wideWidth ? fallback : "".concat(Math.min(maxWidth, wideWidth), "px");
+  calcWideWidth: function calcWideWidth(breakoutConsts) {
+    return function () {
+      var containerWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : breakoutConsts.defaultLayoutWidth;
+      var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+      var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
+      var padding = arguments.length > 3 ? arguments[3] : undefined;
+      var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
+      var layoutMaxWidth = breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
+      var wideWidth = Math.min(Math.ceil(layoutMaxWidth * breakoutConsts.wideScaleRatio), effectiveFullWidth);
+      return layoutMaxWidth > wideWidth ? fallback : "".concat(Math.min(maxWidth, wideWidth), "px");
+    };
   }
 };
 var absoluteBreakoutWidth = exports.absoluteBreakoutWidth = function absoluteBreakoutWidth(layout, containerWidth) {
-  var breakoutWidth = breakoutConsts.calcBreakoutWidth(layout, containerWidth);
+  var breakoutWidth = breakoutConsts.calcBreakoutWidth(breakoutConsts)(layout, containerWidth);
 
   // If it's percent, map to max layout size
   if (breakoutWidth.endsWith('%')) {
@@ -88,9 +96,9 @@ var absoluteBreakoutWidth = exports.absoluteBreakoutWidth = function absoluteBre
   }
   return parseInt(breakoutWidth, 10);
 };
-var calcWideWidth = exports.calcWideWidth = breakoutConsts.calcWideWidth;
-var calcBreakoutWidth = exports.calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
-var calcBreakoutWithCustomWidth = exports.calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth;
+var calcWideWidth = exports.calcWideWidth = breakoutConsts.calcWideWidth(breakoutConsts);
+var calcBreakoutWidth = exports.calcBreakoutWidth = breakoutConsts.calcBreakoutWidth(breakoutConsts);
+var calcBreakoutWithCustomWidth = exports.calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth(breakoutConsts);
 function calculateBreakoutStyles(_ref) {
   var mode = _ref.mode,
     widthStateLineLength = _ref.widthStateLineLength,

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.1.0";
+const packageVersion = "107.1.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.1.0";
+const packageVersion = "107.1.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/utils/breakout.js

@@ -22,7 +22,7 @@ const breakoutConsts = {
   /**
    * This function can return percentage value or px value depending upon the inputs
    */
-  calcBreakoutWidth: (layout, containerWidth, padding) => {
+  calcBreakoutWidth: breakoutConsts => (layout, containerWidth, padding) => {
     const effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
     switch (layout) {
       case 'full-width':
@@ -31,7 +31,7 @@ const breakoutConsts = {
         if (effectiveFullWidth <= 0) {
           return '100%';
         }
-        const wideWidth = breakoutConsts.calcWideWidth(containerWidth, undefined, undefined, padding);
+        const wideWidth = breakoutConsts.calcWideWidth(breakoutConsts)(containerWidth, undefined, undefined, padding);
         if (wideWidth.endsWith('%')) {
           return `${Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth)}px`;
         }
@@ -40,16 +40,16 @@ const breakoutConsts = {
         return '100%';
     }
   },
-  calcBreakoutWithCustomWidth: (mode, width, editorContainerWidth) => {
+  calcBreakoutWithCustomWidth: breakoutConsts => (mode, width, editorContainerWidth) => {
     if (width !== null && width > 0) {
       const effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
       // if below 0 then expect we're rendering in SSR
       return `${Math.min(width, effectiveFullWidth)}px`;
     }
-    return breakoutConsts.calcBreakoutWidth(mode, editorContainerWidth);
+    return breakoutConsts.calcBreakoutWidth(breakoutConsts)(mode, editorContainerWidth);
   },
-  calcLineLength: () => breakoutConsts.defaultLayoutWidth,
-  calcWideWidth: (containerWidth = breakoutConsts.defaultLayoutWidth, maxWidth = Infinity, fallback = '100%', padding) => {
+  calcLineLength: breakoutConsts => () => breakoutConsts.defaultLayoutWidth,
+  calcWideWidth: breakoutConsts => (containerWidth = breakoutConsts.defaultLayoutWidth, maxWidth = Infinity, fallback = '100%', padding) => {
     const effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
     const layoutMaxWidth = breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
     const wideWidth = Math.min(Math.ceil(layoutMaxWidth * breakoutConsts.wideScaleRatio), effectiveFullWidth);
@@ -57,7 +57,7 @@ const breakoutConsts = {
   }
 };
 export const absoluteBreakoutWidth = (layout, containerWidth) => {
-  const breakoutWidth = breakoutConsts.calcBreakoutWidth(layout, containerWidth);
+  const breakoutWidth = breakoutConsts.calcBreakoutWidth(breakoutConsts)(layout, containerWidth);
 
   // If it's percent, map to max layout size
   if (breakoutWidth.endsWith('%')) {
@@ -73,9 +73,9 @@ export const absoluteBreakoutWidth = (layout, containerWidth) => {
   return parseInt(breakoutWidth, 10);
 };
 export { breakoutConsts };
-export const calcWideWidth = breakoutConsts.calcWideWidth;
-export const calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
-export const calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth;
+export const calcWideWidth = breakoutConsts.calcWideWidth(breakoutConsts);
+export const calcBreakoutWidth = breakoutConsts.calcBreakoutWidth(breakoutConsts);
+export const calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth(breakoutConsts);
 export function calculateBreakoutStyles({
   mode,
   widthStateLineLength,

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.1.0";
+var packageVersion = "107.1.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.1.0";
+var packageVersion = "107.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/utils/breakout.js

@@ -22,48 +22,56 @@ var breakoutConsts = {
   /**
    * This function can return percentage value or px value depending upon the inputs
    */
-  calcBreakoutWidth: function calcBreakoutWidth(layout, containerWidth, padding) {
-    var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
-    switch (layout) {
-      case 'full-width':
-        return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
-      case 'wide':
-        if (effectiveFullWidth <= 0) {
-          return '100%';
-        }
-        var wideWidth = breakoutConsts.calcWideWidth(containerWidth, undefined, undefined, padding);
-        if (wideWidth.endsWith('%')) {
+  calcBreakoutWidth: function calcBreakoutWidth(breakoutConsts) {
+    return function (layout, containerWidth, padding) {
+      var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
+      switch (layout) {
+        case 'full-width':
           return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
-        }
-        return wideWidth;
-      default:
-        return '100%';
-    }
+        case 'wide':
+          if (effectiveFullWidth <= 0) {
+            return '100%';
+          }
+          var wideWidth = breakoutConsts.calcWideWidth(breakoutConsts)(containerWidth, undefined, undefined, padding);
+          if (wideWidth.endsWith('%')) {
+            return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
+          }
+          return wideWidth;
+        default:
+          return '100%';
+      }
+    };
   },
-  calcBreakoutWithCustomWidth: function calcBreakoutWithCustomWidth(mode, width, editorContainerWidth) {
-    if (width !== null && width > 0) {
-      var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
-      // if below 0 then expect we're rendering in SSR
-      return "".concat(Math.min(width, effectiveFullWidth), "px");
-    }
-    return breakoutConsts.calcBreakoutWidth(mode, editorContainerWidth);
+  calcBreakoutWithCustomWidth: function calcBreakoutWithCustomWidth(breakoutConsts) {
+    return function (mode, width, editorContainerWidth) {
+      if (width !== null && width > 0) {
+        var effectiveFullWidth = editorContainerWidth - breakoutConsts.padding;
+        // if below 0 then expect we're rendering in SSR
+        return "".concat(Math.min(width, effectiveFullWidth), "px");
+      }
+      return breakoutConsts.calcBreakoutWidth(breakoutConsts)(mode, editorContainerWidth);
+    };
   },
-  calcLineLength: function calcLineLength() {
-    return breakoutConsts.defaultLayoutWidth;
+  calcLineLength: function calcLineLength(breakoutConsts) {
+    return function () {
+      return breakoutConsts.defaultLayoutWidth;
+    };
   },
-  calcWideWidth: function calcWideWidth() {
-    var containerWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : breakoutConsts.defaultLayoutWidth;
-    var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-    var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
-    var padding = arguments.length > 3 ? arguments[3] : undefined;
-    var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
-    var layoutMaxWidth = breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
-    var wideWidth = Math.min(Math.ceil(layoutMaxWidth * breakoutConsts.wideScaleRatio), effectiveFullWidth);
-    return layoutMaxWidth > wideWidth ? fallback : "".concat(Math.min(maxWidth, wideWidth), "px");
+  calcWideWidth: function calcWideWidth(breakoutConsts) {
+    return function () {
+      var containerWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : breakoutConsts.defaultLayoutWidth;
+      var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+      var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
+      var padding = arguments.length > 3 ? arguments[3] : undefined;
+      var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
+      var layoutMaxWidth = breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
+      var wideWidth = Math.min(Math.ceil(layoutMaxWidth * breakoutConsts.wideScaleRatio), effectiveFullWidth);
+      return layoutMaxWidth > wideWidth ? fallback : "".concat(Math.min(maxWidth, wideWidth), "px");
+    };
   }
 };
 export var absoluteBreakoutWidth = function absoluteBreakoutWidth(layout, containerWidth) {
-  var breakoutWidth = breakoutConsts.calcBreakoutWidth(layout, containerWidth);
+  var breakoutWidth = breakoutConsts.calcBreakoutWidth(breakoutConsts)(layout, containerWidth);
 
   // If it's percent, map to max layout size
   if (breakoutWidth.endsWith('%')) {
@@ -79,9 +87,9 @@ export var absoluteBreakoutWidth = function absoluteBreakoutWidth(layout, contai
   return parseInt(breakoutWidth, 10);
 };
 export { breakoutConsts };
-export var calcWideWidth = breakoutConsts.calcWideWidth;
-export var calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
-export var calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth;
+export var calcWideWidth = breakoutConsts.calcWideWidth(breakoutConsts);
+export var calcBreakoutWidth = breakoutConsts.calcBreakoutWidth(breakoutConsts);
+export var calcBreakoutWithCustomWidth = breakoutConsts.calcBreakoutWithCustomWidth(breakoutConsts);
 export function calculateBreakoutStyles(_ref) {
   var mode = _ref.mode,
     widthStateLineLength = _ref.widthStateLineLength,

package/dist/types/utils/breakout.d.ts

@@ -17,9 +17,9 @@ export type BreakoutConstsType = {
     mapBreakpointToLayoutMaxWidth: typeof mapBreakpointToLayoutMaxWidth;
     getBreakpoint: typeof getBreakpoint;
     calcBreakoutWidth: any;
-    calcBreakoutWithCustomWidth: (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => string;
-    calcLineLength: () => number;
-    calcWideWidth: (containerWidth?: number, maxWidth?: number, fallback?: string, padding?: number) => string;
+    calcBreakoutWithCustomWidth: (breakoutConsts: BreakoutConstsType) => (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => string;
+    calcLineLength: (breakoutConsts: BreakoutConstsType) => () => number;
+    calcWideWidth: (breakoutConsts: BreakoutConstsType) => (containerWidth?: number, maxWidth?: number, fallback?: string, padding?: number) => string;
 };
 declare const breakoutConsts: BreakoutConstsType;
 export declare const absoluteBreakoutWidth: (layout: 'full-width' | 'wide' | string, containerWidth: number) => number;

package/dist/types-ts4.5/utils/breakout.d.ts

@@ -17,9 +17,9 @@ export type BreakoutConstsType = {
     mapBreakpointToLayoutMaxWidth: typeof mapBreakpointToLayoutMaxWidth;
     getBreakpoint: typeof getBreakpoint;
     calcBreakoutWidth: any;
-    calcBreakoutWithCustomWidth: (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => string;
-    calcLineLength: () => number;
-    calcWideWidth: (containerWidth?: number, maxWidth?: number, fallback?: string, padding?: number) => string;
+    calcBreakoutWithCustomWidth: (breakoutConsts: BreakoutConstsType) => (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => string;
+    calcLineLength: (breakoutConsts: BreakoutConstsType) => () => number;
+    calcWideWidth: (breakoutConsts: BreakoutConstsType) => (containerWidth?: number, maxWidth?: number, fallback?: string, padding?: number) => string;
 };
 declare const breakoutConsts: BreakoutConstsType;
 export declare const absoluteBreakoutWidth: (layout: 'full-width' | 'wide' | string, containerWidth: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.1.1",
+	"version": "107.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"