lib0 0.2.68 → 0.2.70

package/{logging.js → logging.browser.js}

@@ -6,51 +6,29 @@
 
 import * as env from './environment.js'
 import * as set from './set.js'
-import * as symbol from './symbol.js'
 import * as pair from './pair.js'
 import * as dom from './dom.js'
 import * as json from './json.js'
 import * as map from './map.js'
 import * as eventloop from './eventloop.js'
 import * as math from './math.js'
-import * as time from './time.js'
-import * as func from './function.js'
+import * as common from './logging.common.js'
 
-export const BOLD = symbol.create()
-export const UNBOLD = symbol.create()
-export const BLUE = symbol.create()
-export const GREY = symbol.create()
-export const GREEN = symbol.create()
-export const RED = symbol.create()
-export const PURPLE = symbol.create()
-export const ORANGE = symbol.create()
-export const UNCOLOR = symbol.create()
+export { BOLD, UNBOLD, BLUE, GREY, GREEN, RED, PURPLE, ORANGE, UNCOLOR } from './logging.common.js'
 
 /**
  * @type {Object<Symbol,pair.Pair<string,string>>}
  */
 const _browserStyleMap = {
-  [BOLD]: pair.create('font-weight', 'bold'),
-  [UNBOLD]: pair.create('font-weight', 'normal'),
-  [BLUE]: pair.create('color', 'blue'),
-  [GREEN]: pair.create('color', 'green'),
-  [GREY]: pair.create('color', 'grey'),
-  [RED]: pair.create('color', 'red'),
-  [PURPLE]: pair.create('color', 'purple'),
-  [ORANGE]: pair.create('color', 'orange'), // not well supported in chrome when debugging node with inspector - TODO: deprecate
-  [UNCOLOR]: pair.create('color', 'black')
-}
-
-const _nodeStyleMap = {
-  [BOLD]: '\u001b[1m',
-  [UNBOLD]: '\u001b[2m',
-  [BLUE]: '\x1b[34m',
-  [GREEN]: '\x1b[32m',
-  [GREY]: '\u001b[37m',
-  [RED]: '\x1b[31m',
-  [PURPLE]: '\x1b[35m',
-  [ORANGE]: '\x1b[38;5;208m',
-  [UNCOLOR]: '\x1b[0m'
+  [common.BOLD]: pair.create('font-weight', 'bold'),
+  [common.UNBOLD]: pair.create('font-weight', 'normal'),
+  [common.BLUE]: pair.create('color', 'blue'),
+  [common.GREEN]: pair.create('color', 'green'),
+  [common.GREY]: pair.create('color', 'grey'),
+  [common.RED]: pair.create('color', 'red'),
+  [common.PURPLE]: pair.create('color', 'purple'),
+  [common.ORANGE]: pair.create('color', 'orange'), // not well supported in chrome when debugging node with inspector - TODO: deprecate
+  [common.UNCOLOR]: pair.create('color', 'black')
 }
 
 /**
@@ -104,90 +82,10 @@ const computeBrowserLoggingArgs = (args) => {
 }
 /* c8 ignore stop */
 
-/* c8 ignore start */
-/**
- * @param {Array<string|Symbol|Object|number>} args
- * @return {Array<string|object|number>}
- */
-const computeNoColorLoggingArgs = args => {
-  const strBuilder = []
-  const logArgs = []
-  // try with formatting until we find something unsupported
-  let i = 0
-  for (; i < args.length; i++) {
-    const arg = args[i]
-    // @ts-ignore
-    const style = _nodeStyleMap[arg]
-    if (style === undefined) {
-      if (arg.constructor === String || arg.constructor === Number) {
-        strBuilder.push(arg)
-      } else {
-        break
-      }
-    }
-  }
-  if (i > 0) {
-    logArgs.push(strBuilder.join(''))
-  }
-  // append the rest
-  for (; i < args.length; i++) {
-    const arg = args[i]
-    if (!(arg instanceof Symbol)) {
-      if (arg.constructor === Object) {
-        logArgs.push(JSON.stringify(arg))
-      } else {
-        logArgs.push(arg)
-      }
-    }
-  }
-  return logArgs
-}
-/* c8 ignore stop */
-
-/* c8 ignore start */
-/**
- * @param {Array<string|Symbol|Object|number>} args
- * @return {Array<string|object|number>}
- */
-const computeNodeLoggingArgs = (args) => {
-  const strBuilder = []
-  const logArgs = []
-  // try with formatting until we find something unsupported
-  let i = 0
-  for (; i < args.length; i++) {
-    const arg = args[i]
-    // @ts-ignore
-    const style = _nodeStyleMap[arg]
-    if (style !== undefined) {
-      strBuilder.push(style)
-    } else {
-      if (arg.constructor === String || arg.constructor === Number) {
-        strBuilder.push(arg)
-      } else {
-        break
-      }
-    }
-  }
-  if (i > 0) {
-    // create logArgs with what we have so far
-    strBuilder.push('\x1b[0m')
-    logArgs.push(strBuilder.join(''))
-  }
-  // append the rest
-  for (; i < args.length; i++) {
-    const arg = args[i]
-    if (!(arg instanceof Symbol)) {
-      logArgs.push(arg)
-    }
-  }
-  return logArgs
-}
-/* c8 ignore stop */
-
 /* c8 ignore start */
 const computeLoggingArgs = env.supportsColor
-  ? (env.isNode ? computeNodeLoggingArgs : computeBrowserLoggingArgs)
-  : computeNoColorLoggingArgs
+  ? computeBrowserLoggingArgs
+  : common.computeNoColorLoggingArgs
 /* c8 ignore stop */
 
 /**
@@ -205,7 +103,7 @@ export const print = (...args) => {
  */
 export const warn = (...args) => {
   console.warn(...computeLoggingArgs(args))
-  args.unshift(ORANGE)
+  args.unshift(common.ORANGE)
   vconsoles.forEach((vc) => vc.print(args))
 }
 /* c8 ignore stop */
@@ -428,7 +326,7 @@ export class VConsole {
    * @param {Error} err
    */
   printError (err) {
-    this.print([RED, BOLD, err.toString()])
+    this.print([common.RED, common.BOLD, err.toString()])
   }
 
   /**
@@ -469,42 +367,8 @@ export class VConsole {
 /* c8 ignore next */
 export const createVConsole = (dom) => new VConsole(dom)
 
-const loggingColors = [GREEN, PURPLE, ORANGE, BLUE]
-let nextColor = 0
-let lastLoggingTime = time.getUnixTime()
-
-/* c8 ignore start */
 /**
  * @param {string} moduleName
  * @return {function(...any):void}
  */
-export const createModuleLogger = (moduleName) => {
-  const color = loggingColors[nextColor]
-  const debugRegexVar = env.getVariable('log')
-  const doLogging = debugRegexVar !== null &&
-    (debugRegexVar === '*' || debugRegexVar === 'true' ||
-      new RegExp(debugRegexVar, 'gi').test(moduleName))
-  nextColor = (nextColor + 1) % loggingColors.length
-  moduleName += ': '
-
-  return !doLogging
-    ? func.nop
-    : (...args) => {
-      const timeNow = time.getUnixTime()
-      const timeDiff = timeNow - lastLoggingTime
-      lastLoggingTime = timeNow
-      print(
-        color,
-        moduleName,
-        UNCOLOR,
-        ...args.map((arg) =>
-          (typeof arg === 'string' || typeof arg === 'symbol')
-            ? arg
-            : JSON.stringify(arg)
-        ),
-        color,
-        ' +' + timeDiff + 'ms'
-      )
-    }
-}
-/* c8 ignore stop */
+export const createModuleLogger = (moduleName) => common.createModuleLogger(print, moduleName)

package/logging.common.d.ts

@@ -0,0 +1,12 @@
+export const BOLD: symbol;
+export const UNBOLD: symbol;
+export const BLUE: symbol;
+export const GREY: symbol;
+export const GREEN: symbol;
+export const RED: symbol;
+export const PURPLE: symbol;
+export const ORANGE: symbol;
+export const UNCOLOR: symbol;
+export function computeNoColorLoggingArgs(args: Array<string | Symbol | Object | number>): Array<string | object | number>;
+export function createModuleLogger(_print: (...args: any[]) => void, moduleName: string): (...args: any[]) => void;
+//# sourceMappingURL=logging.common.d.ts.map

package/logging.common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logging.common.d.ts","sourceRoot":"","sources":["logging.common.js"],"names":[],"mappings":"AAKA,0BAAmC;AACnC,4BAAqC;AACrC,0BAAmC;AACnC,0BAAmC;AACnC,2BAAoC;AACpC,yBAAkC;AAClC,4BAAqC;AACrC,4BAAqC;AACrC,6BAAsC;AAO/B,gDAHI,MAAM,MAAM,GAAC,MAAM,GAAC,MAAM,GAAC,MAAM,CAAC,GACjC,MAAM,MAAM,GAAC,MAAM,GAAC,MAAM,CAAC,CAgBtC;AAaM,qDAJgB,GAAG,OAAE,IAAI,cACrB,MAAM,aACO,GAAG,OAAE,IAAI,CA6BhC"}

package/logging.common.js

@@ -0,0 +1,76 @@
+import * as symbol from './symbol.js'
+import * as time from './time.js'
+import * as env from './environment.js'
+import * as func from './function.js'
+
+export const BOLD = symbol.create()
+export const UNBOLD = symbol.create()
+export const BLUE = symbol.create()
+export const GREY = symbol.create()
+export const GREEN = symbol.create()
+export const RED = symbol.create()
+export const PURPLE = symbol.create()
+export const ORANGE = symbol.create()
+export const UNCOLOR = symbol.create()
+
+/* c8 ignore start */
+/**
+ * @param {Array<string|Symbol|Object|number>} args
+ * @return {Array<string|object|number>}
+ */
+export const computeNoColorLoggingArgs = args => {
+  const strBuilder = []
+  const logArgs = []
+  // try with formatting until we find something unsupported
+  let i = 0
+  for (; i < args.length; i++) {
+    const arg = args[i]
+    if (arg.constructor === String || arg.constructor === Number) {
+      strBuilder.push(arg)
+    } else if (arg.constructor === Object) {
+      logArgs.push(JSON.stringify(arg))
+    }
+  }
+  return logArgs
+}
+/* c8 ignore stop */
+
+const loggingColors = [GREEN, PURPLE, ORANGE, BLUE]
+let nextColor = 0
+let lastLoggingTime = time.getUnixTime()
+
+/* c8 ignore start */
+/**
+ * @param {function(...any):void} _print
+ * @param {string} moduleName
+ * @return {function(...any):void}
+ */
+export const createModuleLogger = (_print, moduleName) => {
+  const color = loggingColors[nextColor]
+  const debugRegexVar = env.getVariable('log')
+  const doLogging = debugRegexVar !== null &&
+    (debugRegexVar === '*' || debugRegexVar === 'true' ||
+      new RegExp(debugRegexVar, 'gi').test(moduleName))
+  nextColor = (nextColor + 1) % loggingColors.length
+  moduleName += ': '
+  return !doLogging
+    ? func.nop
+    : (...args) => {
+      const timeNow = time.getUnixTime()
+      const timeDiff = timeNow - lastLoggingTime
+      lastLoggingTime = timeNow
+      _print(
+        color,
+        moduleName,
+        UNCOLOR,
+        ...args.map((arg) =>
+          (typeof arg === 'string' || typeof arg === 'symbol')
+            ? arg
+            : JSON.stringify(arg)
+        ),
+        color,
+        ' +' + timeDiff + 'ms'
+      )
+    }
+}
+/* c8 ignore stop */

package/logging.node.d.ts

@@ -0,0 +1,14 @@
+export function print(...args: Array<string | Symbol | Object | number>): void;
+export function warn(...args: Array<string | Symbol | Object | number>): void;
+export function printError(err: Error): void;
+export function printImg(_url: string, _height: number): void;
+export function printImgBase64(base64: string, height: number): void;
+export function group(...args: Array<string | Symbol | Object | number>): void;
+export function groupCollapsed(...args: Array<string | Symbol | Object | number>): void;
+export function groupEnd(): void;
+export function printDom(_createNode: () => Node): void;
+export function printCanvas(canvas: HTMLCanvasElement, height: number): void;
+export function createVConsole(_dom: Element): void;
+export function createModuleLogger(moduleName: string): (...args: any[]) => void;
+export { BOLD, UNBOLD, BLUE, GREY, GREEN, RED, PURPLE, ORANGE, UNCOLOR } from "./logging.common.js";
+//# sourceMappingURL=logging.node.d.ts.map

package/logging.node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logging.node.d.ts","sourceRoot":"","sources":["logging.node.js"],"names":[],"mappings":"AAwEO,+BAFI,MAAM,MAAM,GAAC,MAAM,GAAC,MAAM,GAAC,MAAM,CAAC,QAI5C;AAMM,8BAFI,MAAM,MAAM,GAAC,MAAM,GAAC,MAAM,GAAC,MAAM,CAAC,QAI5C;AAOM,gCAHI,KAAK,QAKf;AAQM,+BAJI,MAAM,WACN,MAAM,QAKhB;AAQM,uCAJI,MAAM,UACN,MAAM,QAIoC;AAM9C,+BAHI,MAAM,MAAM,GAAC,MAAM,GAAC,MAAM,GAAC,MAAM,CAAC,QAK5C;AAMM,wCAHI,MAAM,MAAM,GAAC,MAAM,GAAC,MAAM,GAAC,MAAM,CAAC,QAK5C;AAGM,iCAEN;AAMM,4CAHe,IAAI,QAGiB;AAOpC,oCAJI,iBAAiB,UACjB,MAAM,QAIqB;AAM/B,qCAHI,OAAO,QAGwB;AAOnC,+CAJI,MAAM,aACO,GAAG,OAAE,IAAI,CAG6D"}

package/logging.node.js

@@ -0,0 +1,159 @@
+/**
+ * Isomorphic logging module with support for colors!
+ *
+ * @module logging
+ */
+
+import * as env from './environment.js'
+import * as common from './logging.common.js'
+
+export { BOLD, UNBOLD, BLUE, GREY, GREEN, RED, PURPLE, ORANGE, UNCOLOR } from './logging.common.js'
+
+const _nodeStyleMap = {
+  [common.BOLD]: '\u001b[1m',
+  [common.UNBOLD]: '\u001b[2m',
+  [common.BLUE]: '\x1b[34m',
+  [common.GREEN]: '\x1b[32m',
+  [common.GREY]: '\u001b[37m',
+  [common.RED]: '\x1b[31m',
+  [common.PURPLE]: '\x1b[35m',
+  [common.ORANGE]: '\x1b[38;5;208m',
+  [common.UNCOLOR]: '\x1b[0m'
+}
+
+/* c8 ignore start */
+/**
+ * @param {Array<string|Symbol|Object|number>} args
+ * @return {Array<string|object|number>}
+ */
+const computeNodeLoggingArgs = (args) => {
+  const strBuilder = []
+  const logArgs = []
+  // try with formatting until we find something unsupported
+  let i = 0
+  for (; i < args.length; i++) {
+    const arg = args[i]
+    // @ts-ignore
+    const style = _nodeStyleMap[arg]
+    if (style !== undefined) {
+      strBuilder.push(style)
+    } else {
+      if (arg.constructor === String || arg.constructor === Number) {
+        strBuilder.push(arg)
+      } else {
+        break
+      }
+    }
+  }
+  if (i > 0) {
+    // create logArgs with what we have so far
+    strBuilder.push('\x1b[0m')
+    logArgs.push(strBuilder.join(''))
+  }
+  // append the rest
+  for (; i < args.length; i++) {
+    const arg = args[i]
+    if (!(arg instanceof Symbol)) {
+      logArgs.push(arg)
+    }
+  }
+  return logArgs
+}
+/* c8 ignore stop */
+
+/* c8 ignore start */
+const computeLoggingArgs = env.supportsColor
+  ? computeNodeLoggingArgs
+  : common.computeNoColorLoggingArgs
+/* c8 ignore stop */
+
+/**
+ * @param {Array<string|Symbol|Object|number>} args
+ */
+export const print = (...args) => {
+  console.log(...computeLoggingArgs(args))
+}
+
+/* c8 ignore start */
+/**
+ * @param {Array<string|Symbol|Object|number>} args
+ */
+export const warn = (...args) => {
+  console.warn(...computeLoggingArgs(args))
+}
+/* c8 ignore stop */
+
+/**
+ * @param {Error} err
+ */
+/* c8 ignore start */
+export const printError = (err) => {
+  console.error(err)
+}
+/* c8 ignore stop */
+
+/**
+ * @param {string} _url image location
+ * @param {number} _height height of the image in pixel
+ */
+/* c8 ignore start */
+export const printImg = (_url, _height) => {
+  // console.log('%c                ', `font-size: ${height}x; background: url(${url}) no-repeat;`)
+}
+/* c8 ignore stop */
+
+/**
+ * @param {string} base64
+ * @param {number} height
+ */
+/* c8 ignore next 2 */
+export const printImgBase64 = (base64, height) =>
+  printImg(`data:image/gif;base64,${base64}`, height)
+
+/**
+ * @param {Array<string|Symbol|Object|number>} args
+ */
+/* c8 ignore next 3 */
+export const group = (...args) => {
+  console.group(...computeLoggingArgs(args))
+}
+
+/**
+ * @param {Array<string|Symbol|Object|number>} args
+ */
+/* c8 ignore next 3 */
+export const groupCollapsed = (...args) => {
+  console.groupCollapsed(...computeLoggingArgs(args))
+}
+
+/* c8 ignore next 3 */
+export const groupEnd = () => {
+  console.groupEnd()
+}
+
+/**
+ * @param {function():Node} _createNode
+ */
+/* c8 ignore next 2 */
+export const printDom = (_createNode) => {}
+
+/**
+ * @param {HTMLCanvasElement} canvas
+ * @param {number} height
+ */
+/* c8 ignore next 2 */
+export const printCanvas = (canvas, height) =>
+  printImg(canvas.toDataURL(), height)
+
+/**
+ * @param {Element} _dom
+ */
+/* c8 ignore next */
+export const createVConsole = (_dom) => {}
+
+/**
+ * @param {string} moduleName
+ * @return {function(...any):void}
+ */
+/* c8 ignore next */
+export const createModuleLogger = (moduleName) => common.createModuleLogger(print, moduleName)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lib0",
-  "version": "0.2.68",
+  "version": "0.2.70",
   "description": "",
   "sideEffects": false,
   "type": "module",
@@ -201,13 +201,20 @@
       "import": "./list.js",
       "require": "./dist/list.cjs"
     },
-    "./logging.js": "./logging.js",
-    "./dist/logging.cjs": "./dist/logging.cjs",
     "./logging": {
-      "types": "./logging.d.ts",
-      "module": "./logging.js",
-      "import": "./logging.js",
-      "require": "./dist/logging.cjs"
+      "types": "./logging.node.d.ts",
+      "deno": "./logging.node.js",
+      "bun": "./logging.browser.js",
+      "node": {
+        "require": "./dist/logging.node.cjs",
+        "module": "./logging.node.js",
+        "default": "./logging.node.js"
+      },
+      "browser": {
+        "require": "./dist/logging.browser.cjs",
+        "module": "./logging.browser.js",
+        "default": "./logging.browser.js"
+      }
     },
     "./map.js": "./map.js",
     "./dist/map.cjs": "./dist/map.cjs",
@@ -407,6 +414,21 @@
         "require": "./dist/webcrypto.browser.cjs"
       },
       "module": "./webcrypto.browser.js"
+    },
+    "./performance": {
+      "types": "./performance.browser.d.ts",
+      "deno": "./performance.node.js",
+      "bun": "./performance.node.js",
+      "node": {
+        "require": "./dist/performance.node.cjs",
+        "module": "./performance.node.js",
+        "default": "./performance.node.js"
+      },
+      "browser": {
+        "require": "./dist/performance.browser.cjs",
+        "module": "./performance.browser.js",
+        "default": "./performance.browser.js"
+      }
     }
   },
   "dependencies": {

package/performance.browser.d.ts

@@ -0,0 +1,4 @@
+export const measure: (measureName: string, startOrMeasureOptions?: string | PerformanceMeasureOptions | undefined, endMark?: string | undefined) => PerformanceMeasure;
+export const now: () => number;
+export const mark: (markName: string, markOptions?: PerformanceMarkOptions | undefined) => PerformanceMark;
+//# sourceMappingURL=performance.browser.d.ts.map

package/performance.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.browser.d.ts","sourceRoot":"","sources":["performance.browser.js"],"names":[],"mappings":"AAEA,wKAA4D;AAC5D,+BAAoD;AACpD,2GAAsD"}

package/performance.browser.js

@@ -0,0 +1,5 @@
+/* eslint-env browser */
+
+export const measure = performance.measure.bind(performance)
+export const now = performance.now.bind(performance)
+export const mark = performance.mark.bind(performance)

package/performance.node.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="node" resolution-mode="require"/>
+/**
+ * @type {typeof performance.measure}
+ */
+export const measure: typeof performance.measure;
+/**
+ * @type {typeof performance.now}
+ */
+export const now: typeof performance.now;
+/**
+ * @type {typeof performance.mark}
+ */
+export const mark: typeof performance.mark;
+import { performance } from "perf_hooks";
+//# sourceMappingURL=performance.node.d.ts.map

package/performance.node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.node.d.ts","sourceRoot":"","sources":["performance.node.js"],"names":[],"mappings":";AAIA;;GAEG;AAEH,sBAHU,OAAO,mBAAmB,CAGyE;AAE7G;;GAEG;AAEH,kBAHU,OAAO,eAAe,CAGyD;AAEzF;;GAEG;AAEH,mBAHU,OAAO,gBAAgB,CAGmE"}

package/performance.node.js

@@ -0,0 +1,21 @@
+import { performance } from 'node:perf_hooks'
+import { nop } from './function.js'
+import * as time from './time.js'
+
+/**
+ * @type {typeof performance.measure}
+ */
+/* c8 ignore next */
+export const measure = performance.measure ? performance.measure.bind(performance) : /** @type {any} */ (nop)
+
+/**
+ * @type {typeof performance.now}
+ */
+/* c8 ignore next */
+export const now = performance.now ? performance.now.bind(performance) : time.getUnixTime
+
+/**
+ * @type {typeof performance.mark}
+ */
+/* c8 ignore next */
+export const mark = performance.mark ? performance.mark.bind(performance) : /** @type {any} */ (nop)

package/random.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"random.d.ts","sourceRoot":"","sources":["random.js"],"names":[],"mappings":"AAaA,gCAA+B;AAExB,iCAA8D;AAE9D,iCAGN;AAOM,sCAAyD;AAIzD,8BAEN"}
+{"version":3,"file":"random.d.ts","sourceRoot":"","sources":["random.js"],"names":[],"mappings":"AAaA,gCAA+B;AAExB,iCAA2D;AAE3D,iCAGN;AAOM,sCAAyD;AAIzD,8BAEN"}

package/random.js

@@ -9,14 +9,14 @@
 
 import * as math from './math.js'
 import * as binary from './binary.js'
-import { cryptoRandomBuffer } from './isomorphic.js'
+import { getRandomValues } from 'lib0/webcrypto'
 
 export const rand = Math.random
 
-export const uint32 = () => new Uint32Array(cryptoRandomBuffer(4))[0]
+export const uint32 = () => getRandomValues(new Uint32Array(1))[0]
 
 export const uint53 = () => {
-  const arr = new Uint32Array(cryptoRandomBuffer(8))
+  const arr = getRandomValues(new Uint32Array(8))
   return (arr[0] & binary.BITS21) * (binary.BITS32 + 1) + (arr[1] >>> 0)
 }
 

package/storage.d.ts

@@ -7,4 +7,9 @@ export function onChange(eventHandler: (arg0: {
     newValue: string;
     oldValue: string;
 }) => void): true | void;
+export function offChange(eventHandler: (arg0: {
+    key: string;
+    newValue: string;
+    oldValue: string;
+}) => void): true | void;
 //# sourceMappingURL=storage.d.ts.map

package/storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["storage.js"],"names":[],"mappings":"AAiDA;;GAEG;AAEH,6BAAuC;AAShC,8CAJa;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAG,IAAI,eAIuC"}
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["storage.js"],"names":[],"mappings":"AAiDA;;GAEG;AAEH,6BAAuC;AAShC,8CAJa;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAG,IAAI,eAIuC;AAS9G,+CAJa;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAG,IAAI,eAI2C"}

package/storage.js

@@ -1,4 +1,4 @@
-/* global localStorage, addEventListener */
+/* eslint-env browser */
 
 /**
  * Isomorphic variable storage.
@@ -61,3 +61,12 @@ export const varStorage = _localStorage
  */
 /* c8 ignore next */
 export const onChange = eventHandler => usePolyfill || addEventListener('storage', /** @type {any} */ (eventHandler))
+
+/**
+ * A polyfill for `removeEventListener('storage', event => {..})` that does nothing if the polyfill is being used.
+ *
+ * @param {function({ key: string, newValue: string, oldValue: string }): void} eventHandler
+ * @function
+ */
+/* c8 ignore next */
+export const offChange = eventHandler => usePolyfill || removeEventListener('storage', /** @type {any} */ (eventHandler))