deps: lock file maintenance (#161)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Adam Skoufis <[email protected]>

fixtures/direct/src/client.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import {
   getSyncMessage,
@@ -74,4 +74,4 @@ const node = document.createElement('div');
 
 document.body.appendChild(node);
 
-render(<App />, node);
+createRoot(node).render(<App />);

fixtures/direct/webpack.config.js

@@ -15,7 +15,7 @@ module.exports = ({ disableVocabPlugin }) => ({
         exclude: [/node_modules/],
         use: [
           {
-            loader: 'babel-loader',
+            loader: require.resolve('babel-loader'),
             options: {
               babelrc: false,
               presets: [

fixtures/server/package.json

@@ -17,6 +17,7 @@
     "@types/loadable__component": "^5.13.1",
     "@types/loadable__server": "^5.12.3",
     "@types/loadable__webpack-plugin": "^5.7.1",
+    "@types/node": "^18.11.9",
     "@types/react": "^18.0.9",
     "@types/react-dom": "^18.0.4",
     "@types/start-server-webpack-plugin": "^2.2.0",

fixtures/server/src/server.tsx

@@ -10,9 +10,7 @@ const statsFile = __non_webpack_require__('../dist-client/loadable-stats.json');
 
 import { App } from './App';
 
-import express from 'express';
-
-import type { Request, Response } from 'express';
+import express, { type Request, type Response } from 'express';
 
 const app = express();
 

fixtures/server/webpack.config.js

@@ -24,7 +24,7 @@ module.exports = () => [
           exclude: [/node_modules/],
           use: [
             {
-              loader: 'babel-loader',
+              loader: require.resolve('babel-loader'),
               options: {
                 babelrc: false,
                 plugins: ['@loadable/babel-plugin'],
@@ -66,7 +66,7 @@ module.exports = () => [
           exclude: [/node_modules/],
           use: [
             {
-              loader: 'babel-loader',
+              loader: require.resolve('babel-loader'),
               options: {
                 babelrc: false,
                 plugins: ['@loadable/babel-plugin'],

fixtures/simple/src/client.tsx

@@ -1,6 +1,6 @@
 import { VocabProvider, useTranslations } from '@vocab/react';
 import React, { type ReactNode, useState } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import commonTranslations from './.vocab';
 import clientTranslations from './client.vocab';
@@ -67,9 +67,8 @@ const node = document.createElement('div');
 
 document.body.appendChild(node);
 
-render(
+createRoot(node).render(
   <App>
     <Content />
   </App>,
-  node,
 );

fixtures/simple/webpack.config.js

@@ -15,7 +15,7 @@ module.exports = ({ disableVocabPlugin }) => ({
         exclude: [/node_modules/],
         use: [
           {
-            loader: 'babel-loader',
+            loader: require.resolve('babel-loader'),
             options: {
               babelrc: false,
               presets: [

package.json

@@ -28,8 +28,7 @@
     "lint:tsc": "tsc",
     "release": "pnpm build && pnpm copy-readme-to-packages && changeset publish",
     "version": "changeset version && pnpm install --lockfile-only",
-    "test": "jest",
-    "test:local": "PUPPETEER_EXPERIMENTAL_CHROMIUM_MAC_ARM=1 jest",
+    "test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest",
     "copy-readme-to-packages": "ts-node scripts/copy-readme-to-packages",
     "start-fixture": "ts-node test-helpers/src/start-fixture",
     "run-server-fixture": "ts-node test-helpers/src/run-server-fixture",
@@ -54,9 +53,9 @@
     "@types/expect-puppeteer": "^5.0.3",
     "@types/jest": "^29.4.0",
     "@types/jest-environment-puppeteer": "^5.0.3",
-    "@types/node": "18.11.9",
+    "@types/node": "^18.11.9",
     "@types/wait-on": "^5.3.1",
-    "babel-loader": "^9.1.2",
+    "cross-env": "^7.0.3",
     "eslint": "^7.32.0",
     "eslint-config-seek": "^11.1.0",
     "expect-puppeteer": "^7.0.1",

packages/cli/src/index.ts

@@ -1,7 +1,6 @@
 /* eslint-disable no-console */
-import type { UserConfig } from '@vocab/core';
 import { pull, push } from '@vocab/phrase';
-import { resolveConfig, compile, validate } from '@vocab/core';
+import { type UserConfig, resolveConfig, compile, validate } from '@vocab/core';
 import yargs from 'yargs';
 
 import envCi from 'env-ci';

packages/phrase/src/pull-translations.ts

@@ -2,12 +2,13 @@ import { writeFile, mkdir } from './file';
 import path from 'path';
 
 import {
+  type TranslationFileContents,
+  type UserConfig,
   loadAllTranslations,
   getAltLanguageFilePath,
   getAltLanguages,
   getUniqueKey,
 } from '@vocab/core';
-import type { TranslationFileContents, UserConfig } from '@vocab/core';
 
 import { pullAllTranslations, ensureBranch } from './phrase-api';
 import { trace } from './logger';

packages/phrase/src/push-translations.ts

@@ -1,16 +1,16 @@
-import type {
-  TranslationData,
-  TranslationsByLanguage,
-  UserConfig,
+import {
+  loadAllTranslations,
+  getUniqueKey,
+  type TranslationData,
+  type TranslationsByLanguage,
+  type UserConfig,
 } from '@vocab/core';
-
 import {
   ensureBranch,
   deleteUnusedKeys as phraseDeleteUnusedKeys,
   pushTranslations,
 } from './phrase-api';
 import { trace } from './logger';
-import { loadAllTranslations, getUniqueKey } from '@vocab/core';
 
 interface PushOptions {
   branch: string;

packages/webpack/src/index.ts

@@ -1,5 +1,8 @@
-import { resolveConfigSync, validateConfig } from '@vocab/core';
-import type { UserConfig } from '@vocab/core';
+import {
+  type UserConfig,
+  resolveConfigSync,
+  validateConfig,
+} from '@vocab/core';
 import type { Compiler } from 'webpack';
 import { trace } from './logger';
 

packages/webpack/src/loader.ts

@@ -1,13 +1,13 @@
 import path from 'path';
-
-import type {
-  LoadedTranslation,
-  UserConfig,
-  TranslationMessagesByKey,
+import {
+  type LoadedTranslation,
+  type UserConfig,
+  type TranslationMessagesByKey,
+  getDevLanguageFileFromTsFile,
+  loadTranslation,
 } from '@vocab/core';
 import * as cjsModuleLexer from 'cjs-module-lexer';
 import * as esModuleLexer from 'es-module-lexer';
-import { getDevLanguageFileFromTsFile, loadTranslation } from '@vocab/core';
 import type { LoaderContext as WebpackLoaderContext } from 'webpack';
 
 import { getChunkName } from './chunk-name';