Upgrade @drawbotics/s3sync to 2.0.0 and @drawbotics/use-screen-size to 3.1.0

Convert sync scripts from CommonJS to ESM (.js → .mjs) to support
s3sync 2.0.0 which is now ESM-only.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: LaurentClaes

package-lock.json

@@ -58,8 +58,8 @@
     "@babel/preset-env": "^7.24.0",
     "@babel/preset-react": "^7.24.0",
     "@babel/preset-typescript": "^7.0.0",
-    "@drawbotics/s3sync": "^1.0.1",
-    "@drawbotics/use-screen-size": "^3.0.1",
+    "@drawbotics/s3sync": "^2.0.0",
+    "@drawbotics/use-screen-size": "^3.1.0",
     "@emotion/babel-plugin": "^11.13.5",
     "@emotion/jest": "^11.14.0",
     "@mdx-js/loader": "^1.6.21",

package.json

@@ -13,7 +13,7 @@
     "clean": "rimraf dist/ tmp/",
     "build:ts": "tsc",
     "build": "npm run clean && npm run build:ts && node scripts/build.js",
-    "sync": "node scripts/sync.js",
+    "sync": "node scripts/sync.mjs",
     "build:dev": "npm run build && NODE_ENV=development npm run sync",
     "prepublishOnly": "npm run build && NODE_ENV=production npm run sync"
   },

packages/drylus-style-vars/package.json

@@ -1,5 +1,11 @@
-const path = require('path');
-const s3sync = require('@drawbotics/s3sync');
+/* global process */
+import path from 'path';
+import { fileURLToPath } from 'url';
+import s3sync from '@drawbotics/s3sync';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const version = require('../package.json').version;
 

…ckages/drylus-style-vars/scripts/sync.js …kages/drylus-style-vars/scripts/sync.mjspackages/drylus-style-vars/scripts/sync.js renamed to packages/drylus-style-vars/scripts/sync.mjs packages/drylus-style-vars/scripts/sync.js renamed to packages/drylus-style-vars/scripts/sync.mjs

@@ -23,7 +23,7 @@
     "generate-fonts": "webfont ./icons/*.svg --dest ./dist --template css --template-class-name drycon --font-name drycons --font-height 150",
     "build:fonts": "node scripts/build.js",
     "build": "npm run clean && mkdir dist && npm run build:fonts",
-    "sync": "node scripts/sync.js",
+    "sync": "node scripts/sync.mjs",
     "build:dev": "npm run build && NODE_ENV=development npm run sync",
     "prepublishOnly": "npm run build && NODE_ENV=production npm run sync"
   },

packages/icons/package.json

@@ -1,6 +1,12 @@
-const path = require('path');
-const s3sync = require('@drawbotics/s3sync');
-const { CloudFrontClient, CreateInvalidationCommand } = require('@aws-sdk/client-cloudfront');
+/* global process, console */
+import path from 'path';
+import { fileURLToPath } from 'url';
+import s3sync from '@drawbotics/s3sync';
+import { CloudFrontClient, CreateInvalidationCommand } from '@aws-sdk/client-cloudfront';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const version = require('../package.json').version;
 const cloudfront = new CloudFrontClient({ region: 'eu-west-1' });

packages/icons/scripts/sync.js packages/icons/scripts/sync.mjspackages/icons/scripts/sync.js renamed to packages/icons/scripts/sync.mjs

@@ -66,7 +66,7 @@
   "dependencies": {
     "@drawbotics/drylus-style-vars": "file:../drylus-style-vars",
     "@drawbotics/icons": "file:../icons",
-    "@drawbotics/use-screen-size": "^3.0.1",
+    "@drawbotics/use-screen-size": "^3.1.0",
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "dayjs": "^1.11.19",

packages/react-drylus/package.json

@@ -20,7 +20,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@drawbotics/icons": "file:../icons",
     "@drawbotics/react-drylus": "file:../react-drylus",
-    "@drawbotics/use-screen-size": "^3.0.1",
+    "@drawbotics/use-screen-size": "^3.1.0",
     "@drawbotics/vanilla-drylus": "file:../vanilla-drylus",
     "@emotion/css": "^11.13.5",
     "hast-util-to-string": "^1.0.1",

packages/styleguide/package.json

@@ -9,7 +9,7 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rimraf dist",
-    "sync": "node scripts/sync.js",
+    "sync": "node scripts/sync.mjs",
     "watch:lib": "NODE_ENV=development webpack --config webpack.config.js --watch",
     "watch:react": "node ./scripts/watch-react.js",
     "watch": "NODE_ENV=development webpack --config webpack.config.js --watch",

packages/vanilla-drylus/package.json

@@ -1,5 +1,11 @@
-const path = require('path');
-const s3sync = require('@drawbotics/s3sync');
+/* global process */
+import path from 'path';
+import { fileURLToPath } from 'url';
+import s3sync from '@drawbotics/s3sync';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const version = require('../package.json').version;