feature: client: polifyll: migrate to ESM

Author: coderaiser

client/modules/edit-names.mjs

@@ -213,4 +213,3 @@ export async function isChanged() {
 
     !cancel && await applyNames();
 }
-

client/modules/polyfill.js client/modules/polyfill.mjsclient/modules/polyfill.js renamed to client/modules/polyfill.mjs

@@ -1,12 +1,8 @@
-'use strict';
-
-require('domtokenlist-shim');
-
-const _scrollIntoViewIfNeeded = require('scroll-into-view-if-needed');
+import _scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';
 
 globalThis.DOM = globalThis.DOM || {};
 
-const scrollIntoViewIfNeeded = (el, overrides = {}) => {
+export const scrollIntoViewIfNeeded = (el, overrides = {}) => {
     const {
         scroll = _scrollIntoViewIfNeeded,
     } = overrides;
@@ -17,4 +13,3 @@ const scrollIntoViewIfNeeded = (el, overrides = {}) => {
 };
 
 globalThis.DOM.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
-module.exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;

client/modules/polyfill.spec.js

@@ -0,0 +1,20 @@
+import {test, stub} from 'supertape';
+import {scrollIntoViewIfNeeded} from './polyfill.mjs';
+
+test('cloudcmd: client: polyfill: scrollIntoViewIfNeeded', (t) => {
+    const scroll = stub();
+    const el = {};
+    
+    scrollIntoViewIfNeeded(el, {
+        scroll,
+    });
+    
+    const args = [
+        el, {
+            block: 'nearest',
+        },
+    ];
+    
+    t.calledWith(scroll, args, 'should call scrollIntoViewIfNeeded');
+    t.end();
+});