@tramvai/module-common 2.11.0 → 2.21.0

package/lib/actions/actionExecution.d.ts

@@ -6,6 +6,7 @@ export declare const getParameters: (action: Action) => ActionParameters<any, an
 declare type ExecutionStatus = 'success' | 'failed' | 'pending' | 'forbidden';
 export interface ExecutionState {
     status: ExecutionStatus;
+    forbiddenBy?: string;
     state: Record<string, any>;
 }
 declare type TransformAction = <T>(action: T) => T;

package/lib/command/commandLineRunner.d.ts

@@ -10,6 +10,7 @@ export declare class CommandLineRunner implements CommandLine {
     executionContextManager: typeof EXECUTION_CONTEXT_MANAGER_TOKEN;
     private metricsInstance;
     private executionContextByDi;
+    private abortControllerByDi;
     constructor({ lines, rootDi, logger, metrics, executionContextManager, }: {
         lines: CommandLines;
         rootDi: Container;

package/lib/index.browser.js

@@ -8,9 +8,8 @@ import { LogModule } from '@tramvai/module-log';
 import { Hooks } from '@tinkoff/hook-runner';
 import { REQUEST_MANAGER_TOKEN, REQUEST, COMBINE_REDUCERS, STORE_TOKEN, RESPONSE_MANAGER_TOKEN, RESPONSE, ACTION_EXECUTION_TOKEN, ROOT_EXECUTION_CONTEXT_TOKEN, LOGGER_TOKEN, EXECUTION_CONTEXT_MANAGER_TOKEN, COMMAND_LINE_EXECUTION_CONTEXT_TOKEN, PUBSUB_FACTORY_TOKEN, PUBSUB_TOKEN, ROOT_PUBSUB_TOKEN, INITIAL_APP_STATE_TOKEN, ACTION_REGISTRY_TOKEN, ACTION_CONDITIONALS, CONTEXT_TOKEN, ACTION_PAGE_RUNNER_TOKEN, DISPATCHER_TOKEN, DISPATCHER_CONTEXT_TOKEN, STORE_MIDDLEWARE, CREATE_CACHE_TOKEN, CLEAR_CACHE_TOKEN, REGISTER_CLEAR_CACHE_TOKEN, HOOK_TOKEN, COMPONENT_REGISTRY_TOKEN, BUNDLE_MANAGER_TOKEN, ADDITIONAL_BUNDLE_TOKEN } from '@tramvai/tokens-common';
 export * from '@tramvai/tokens-common';
-import { __lazyErrorHandler } from '@tramvai/react';
+import { resolveLazyComponent, __lazyErrorHandler } from '@tramvai/react';
 import { fileSystemPagesEnabled, getAllFileSystemPages, isFileSystemPageComponent } from '@tramvai/experiments';
-import hoistNonReactStatics from 'hoist-non-react-statics';
 import pathOr from '@tinkoff/utils/object/pathOr';
 import flatten from '@tinkoff/utils/array/flatten';
 import { createEvent, createReducer, convertAction, createDispatcher, devTools, Provider } from '@tramvai/state';
@@ -76,24 +75,17 @@ class BundleManager {
         // preload `lazy` components then register actions and reducers
         if (pageComponent && bundle.components[pageComponent]) {
             const componentOrLoader = bundle.components[pageComponent];
-            const component = typeof componentOrLoader.load === 'function'
-                ? (await componentOrLoader.load()).default
-                : componentOrLoader;
-            // manually hoist static properties from preloaded component to loadable wrapper,
-            // this open access to current page component static properties outside before rendering
-            if (componentOrLoader !== component) {
-                hoistNonReactStatics(componentOrLoader, component);
-            }
+            const component = await resolveLazyComponent(componentOrLoader);
             // allow page components to register any other components
-            if (component.components) {
+            if ('components' in component) {
                 eachObj((cmp, name) => {
                     this.componentRegistry.add(name, cmp, pageComponent);
                 }, component.components);
             }
-            if (component.actions) {
+            if ('actions' in component) {
                 this.actionRegistry.add(pageComponent, component.actions);
             }
-            if (component.reducers) {
+            if ('reducers' in component) {
                 component.reducers.forEach((reducer) => {
                     this.dispatcher.registerStore(reducer);
                 });
@@ -381,6 +373,7 @@ const resolveDi = (type, status, diContainer, providers) => {
 class CommandLineRunner {
     constructor({ lines, rootDi, logger, metrics, executionContextManager, }) {
         this.executionContextByDi = new WeakMap();
+        this.abortControllerByDi = new WeakMap();
         this.lines = lines;
         this.rootDi = rootDi;
         this.log = logger('command:command-line-runner');
@@ -402,8 +395,9 @@ class CommandLineRunner {
                 // eslint-disable-next-line promise/no-nesting
                 return Promise.resolve()
                     .then(() => {
-                    return this.executionContextManager.withContext(rootExecutionContext, `command-line:${line.toString()}`, async (executionContext) => {
+                    return this.executionContextManager.withContext(rootExecutionContext, `command-line:${line.toString()}`, async (executionContext, abortController) => {
                         this.executionContextByDi.set(di, executionContext);
+                        this.abortControllerByDi.set(di, abortController);
                         await this.createLineChain(di, line);
                     });
                 })
@@ -413,6 +407,7 @@ class CommandLineRunner {
             // После завершения цепочки отдаем context выполнения
             .finally(() => {
             this.executionContextByDi.delete(di);
+            this.abortControllerByDi.delete(di);
         })
             .then(() => di));
     }
@@ -471,12 +466,15 @@ class CommandLineRunner {
         return Promise.resolve()
             .then(() => instance())
             .catch((err) => {
+            var _a;
             this.log[isSilentError(err) ? 'debug' : 'error']({
                 event: 'line-error',
                 error: err,
                 line: line.toString(),
                 command: name,
             });
+            // in case if any error happens during line execution results from other line handlers will not be used anyway
+            (_a = this.abortControllerByDi.get(di)) === null || _a === void 0 ? void 0 : _a.abort();
             this.throwError(err, di);
         });
     }
@@ -674,6 +672,7 @@ class ActionChecker {
     }
     forbid() {
         this.executionState.status = 'forbidden';
+        this.executionState.forbiddenBy = this.key;
         this.forbiddenMarker = true;
     }
     allow() {
@@ -707,7 +706,7 @@ class ActionExecution {
         }
     }
     async runInContext(executionContext, action, ...params) {
-        var _a;
+        var _a, _b;
         let parameters;
         const payload = (_a = params[0]) !== null && _a !== void 0 ? _a : DEFAULT_PAYLOAD;
         // TODO: replace type with pure context usage
@@ -724,8 +723,10 @@ class ActionExecution {
         if (!this.canExecuteAction(payload, parameters, executionState, type)) {
             switch (parameters.conditionsFailResult) {
                 case 'reject':
-                    // TODO: pass condition that has failed
-                    return Promise.reject(new ConditionFailError());
+                    return Promise.reject(new ConditionFailError({
+                        conditionName: (_b = executionState.forbiddenBy) !== null && _b !== void 0 ? _b : 'unknown',
+                        targetName: parameters.name,
+                    }));
                 default:
                     return Promise.resolve();
             }
@@ -734,11 +735,10 @@ class ActionExecution {
         return this.executionContextManager.withContext(executionContext, {
             name: parameters.name,
             values: (executionContext === null || executionContext === void 0 ? void 0 : executionContext.values.pageActions) === true ? { pageActions: false } : undefined,
-        }, (executionActionContext) => {
-            const context = this.createActionContext(executionContext, executionActionContext, parameters);
+        }, (executionActionContext, abortController) => {
+            const context = this.createActionContext(executionContext, executionActionContext, abortController, parameters);
             return Promise.resolve()
                 .then(() => {
-                // TODO: do not execute action if context.abortSignal is aborted
                 if (isTramvaiAction(action)) {
                     return action.fn.apply(context, params);
                 }
@@ -770,8 +770,9 @@ class ActionExecution {
         const actionChecker = new ActionChecker(this.actionConditionals, payload, parameters, executionState, type);
         return actionChecker.check();
     }
-    createActionContext(parentExecutionContext, actionExecutionContext, parameters) {
+    createActionContext(parentExecutionContext, actionExecutionContext, abortController, parameters) {
         return {
+            abortController,
             abortSignal: actionExecutionContext === null || actionExecutionContext === void 0 ? void 0 : actionExecutionContext.abortSignal,
             executeAction: this.runInContext.bind(this, actionExecutionContext),
             deps: parameters.deps ? this.di.getOfDeps(parameters.deps) : EMPTY_DEPS,

package/lib/index.es.js

@@ -8,9 +8,8 @@ import { LogModule } from '@tramvai/module-log';
 import { Hooks } from '@tinkoff/hook-runner';
 import { REQUEST_MANAGER_TOKEN, REQUEST, COMBINE_REDUCERS, CONTEXT_TOKEN, RESPONSE_MANAGER_TOKEN, RESPONSE, ACTION_EXECUTION_TOKEN, ROOT_EXECUTION_CONTEXT_TOKEN, LOGGER_TOKEN, EXECUTION_CONTEXT_MANAGER_TOKEN, COMMAND_LINE_EXECUTION_CONTEXT_TOKEN, PUBSUB_FACTORY_TOKEN, PUBSUB_TOKEN, ROOT_PUBSUB_TOKEN, ACTION_REGISTRY_TOKEN, ACTION_CONDITIONALS, STORE_TOKEN, ACTION_PAGE_RUNNER_TOKEN, DISPATCHER_TOKEN, DISPATCHER_CONTEXT_TOKEN, STORE_MIDDLEWARE, INITIAL_APP_STATE_TOKEN, CLEAR_CACHE_TOKEN, CREATE_CACHE_TOKEN, REGISTER_CLEAR_CACHE_TOKEN, HOOK_TOKEN, COMPONENT_REGISTRY_TOKEN, BUNDLE_MANAGER_TOKEN, ADDITIONAL_BUNDLE_TOKEN } from '@tramvai/tokens-common';
 export * from '@tramvai/tokens-common';
-import { __lazyErrorHandler } from '@tramvai/react';
+import { resolveLazyComponent, __lazyErrorHandler } from '@tramvai/react';
 import { fileSystemPagesEnabled, getAllFileSystemPages, isFileSystemPageComponent } from '@tramvai/experiments';
-import hoistNonReactStatics from 'hoist-non-react-statics';
 import pathOr from '@tinkoff/utils/object/pathOr';
 import flatten from '@tinkoff/utils/array/flatten';
 import { createEvent, createReducer, convertAction, createDispatcher, devTools, Provider } from '@tramvai/state';
@@ -78,24 +77,17 @@ class BundleManager {
         // preload `lazy` components then register actions and reducers
         if (pageComponent && bundle.components[pageComponent]) {
             const componentOrLoader = bundle.components[pageComponent];
-            const component = typeof componentOrLoader.load === 'function'
-                ? (await componentOrLoader.load()).default
-                : componentOrLoader;
-            // manually hoist static properties from preloaded component to loadable wrapper,
-            // this open access to current page component static properties outside before rendering
-            if (componentOrLoader !== component) {
-                hoistNonReactStatics(componentOrLoader, component);
-            }
+            const component = await resolveLazyComponent(componentOrLoader);
             // allow page components to register any other components
-            if (component.components) {
+            if ('components' in component) {
                 eachObj((cmp, name) => {
                     this.componentRegistry.add(name, cmp, pageComponent);
                 }, component.components);
             }
-            if (component.actions) {
+            if ('actions' in component) {
                 this.actionRegistry.add(pageComponent, component.actions);
             }
-            if (component.reducers) {
+            if ('reducers' in component) {
                 component.reducers.forEach((reducer) => {
                     this.dispatcher.registerStore(reducer);
                 });
@@ -378,6 +370,7 @@ const resolveDi = (type, status, diContainer, providers) => {
 class CommandLineRunner {
     constructor({ lines, rootDi, logger, metrics, executionContextManager, }) {
         this.executionContextByDi = new WeakMap();
+        this.abortControllerByDi = new WeakMap();
         this.lines = lines;
         this.rootDi = rootDi;
         this.log = logger('command:command-line-runner');
@@ -399,8 +392,9 @@ class CommandLineRunner {
                 // eslint-disable-next-line promise/no-nesting
                 return Promise.resolve()
                     .then(() => {
-                    return this.executionContextManager.withContext(rootExecutionContext, `command-line:${line.toString()}`, async (executionContext) => {
+                    return this.executionContextManager.withContext(rootExecutionContext, `command-line:${line.toString()}`, async (executionContext, abortController) => {
                         this.executionContextByDi.set(di, executionContext);
+                        this.abortControllerByDi.set(di, abortController);
                         await this.createLineChain(di, line);
                     });
                 })
@@ -410,6 +404,7 @@ class CommandLineRunner {
             // После завершения цепочки отдаем context выполнения
             .finally(() => {
             this.executionContextByDi.delete(di);
+            this.abortControllerByDi.delete(di);
         })
             .then(() => di));
     }
@@ -468,12 +463,15 @@ class CommandLineRunner {
         return Promise.resolve()
             .then(() => instance())
             .catch((err) => {
+            var _a;
             this.log[isSilentError(err) ? 'debug' : 'error']({
                 event: 'line-error',
                 error: err,
                 line: line.toString(),
                 command: name,
             });
+            // in case if any error happens during line execution results from other line handlers will not be used anyway
+            (_a = this.abortControllerByDi.get(di)) === null || _a === void 0 ? void 0 : _a.abort();
             this.throwError(err, di);
         });
     }
@@ -655,6 +653,7 @@ class ActionChecker {
     }
     forbid() {
         this.executionState.status = 'forbidden';
+        this.executionState.forbiddenBy = this.key;
         this.forbiddenMarker = true;
     }
     allow() {
@@ -688,7 +687,7 @@ class ActionExecution {
         }
     }
     async runInContext(executionContext, action, ...params) {
-        var _a;
+        var _a, _b;
         let parameters;
         const payload = (_a = params[0]) !== null && _a !== void 0 ? _a : DEFAULT_PAYLOAD;
         // TODO: replace type with pure context usage
@@ -705,8 +704,10 @@ class ActionExecution {
         if (!this.canExecuteAction(payload, parameters, executionState, type)) {
             switch (parameters.conditionsFailResult) {
                 case 'reject':
-                    // TODO: pass condition that has failed
-                    return Promise.reject(new ConditionFailError());
+                    return Promise.reject(new ConditionFailError({
+                        conditionName: (_b = executionState.forbiddenBy) !== null && _b !== void 0 ? _b : 'unknown',
+                        targetName: parameters.name,
+                    }));
                 default:
                     return Promise.resolve();
             }
@@ -715,11 +716,10 @@ class ActionExecution {
         return this.executionContextManager.withContext(executionContext, {
             name: parameters.name,
             values: (executionContext === null || executionContext === void 0 ? void 0 : executionContext.values.pageActions) === true ? { pageActions: false } : undefined,
-        }, (executionActionContext) => {
-            const context = this.createActionContext(executionContext, executionActionContext, parameters);
+        }, (executionActionContext, abortController) => {
+            const context = this.createActionContext(executionContext, executionActionContext, abortController, parameters);
             return Promise.resolve()
                 .then(() => {
-                // TODO: do not execute action if context.abortSignal is aborted
                 if (isTramvaiAction(action)) {
                     return action.fn.apply(context, params);
                 }
@@ -751,8 +751,9 @@ class ActionExecution {
         const actionChecker = new ActionChecker(this.actionConditionals, payload, parameters, executionState, type);
         return actionChecker.check();
     }
-    createActionContext(parentExecutionContext, actionExecutionContext, parameters) {
+    createActionContext(parentExecutionContext, actionExecutionContext, abortController, parameters) {
         return {
+            abortController,
             abortSignal: actionExecutionContext === null || actionExecutionContext === void 0 ? void 0 : actionExecutionContext.abortSignal,
             executeAction: this.runInContext.bind(this, actionExecutionContext),
             deps: parameters.deps ? this.di.getOfDeps(parameters.deps) : EMPTY_DEPS,

package/lib/index.js

@@ -12,7 +12,6 @@ var hookRunner = require('@tinkoff/hook-runner');
 var tokensCommon = require('@tramvai/tokens-common');
 var react = require('@tramvai/react');
 var experiments = require('@tramvai/experiments');
-var hoistNonReactStatics = require('hoist-non-react-statics');
 var pathOr = require('@tinkoff/utils/object/pathOr');
 var flatten = require('@tinkoff/utils/array/flatten');
 var state = require('@tramvai/state');
@@ -40,7 +39,6 @@ var tokensChildApp = require('@tramvai/tokens-child-app');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var eachObj__default = /*#__PURE__*/_interopDefaultLegacy(eachObj);
-var hoistNonReactStatics__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonReactStatics);
 var pathOr__default = /*#__PURE__*/_interopDefaultLegacy(pathOr);
 var flatten__default = /*#__PURE__*/_interopDefaultLegacy(flatten);
 var isEmpty__default = /*#__PURE__*/_interopDefaultLegacy(isEmpty);
@@ -96,24 +94,17 @@ class BundleManager {
         // preload `lazy` components then register actions and reducers
         if (pageComponent && bundle.components[pageComponent]) {
             const componentOrLoader = bundle.components[pageComponent];
-            const component = typeof componentOrLoader.load === 'function'
-                ? (await componentOrLoader.load()).default
-                : componentOrLoader;
-            // manually hoist static properties from preloaded component to loadable wrapper,
-            // this open access to current page component static properties outside before rendering
-            if (componentOrLoader !== component) {
-                hoistNonReactStatics__default["default"](componentOrLoader, component);
-            }
+            const component = await react.resolveLazyComponent(componentOrLoader);
             // allow page components to register any other components
-            if (component.components) {
+            if ('components' in component) {
                 eachObj__default["default"]((cmp, name) => {
                     this.componentRegistry.add(name, cmp, pageComponent);
                 }, component.components);
             }
-            if (component.actions) {
+            if ('actions' in component) {
                 this.actionRegistry.add(pageComponent, component.actions);
             }
-            if (component.reducers) {
+            if ('reducers' in component) {
                 component.reducers.forEach((reducer) => {
                     this.dispatcher.registerStore(reducer);
                 });
@@ -396,6 +387,7 @@ const resolveDi = (type, status, diContainer, providers) => {
 class CommandLineRunner {
     constructor({ lines, rootDi, logger, metrics, executionContextManager, }) {
         this.executionContextByDi = new WeakMap();
+        this.abortControllerByDi = new WeakMap();
         this.lines = lines;
         this.rootDi = rootDi;
         this.log = logger('command:command-line-runner');
@@ -417,8 +409,9 @@ class CommandLineRunner {
                 // eslint-disable-next-line promise/no-nesting
                 return Promise.resolve()
                     .then(() => {
-                    return this.executionContextManager.withContext(rootExecutionContext, `command-line:${line.toString()}`, async (executionContext) => {
+                    return this.executionContextManager.withContext(rootExecutionContext, `command-line:${line.toString()}`, async (executionContext, abortController) => {
                         this.executionContextByDi.set(di, executionContext);
+                        this.abortControllerByDi.set(di, abortController);
                         await this.createLineChain(di, line);
                     });
                 })
@@ -428,6 +421,7 @@ class CommandLineRunner {
             // После завершения цепочки отдаем context выполнения
             .finally(() => {
             this.executionContextByDi.delete(di);
+            this.abortControllerByDi.delete(di);
         })
             .then(() => di));
     }
@@ -486,12 +480,15 @@ class CommandLineRunner {
         return Promise.resolve()
             .then(() => instance())
             .catch((err) => {
+            var _a;
             this.log[errors.isSilentError(err) ? 'debug' : 'error']({
                 event: 'line-error',
                 error: err,
                 line: line.toString(),
                 command: name,
             });
+            // in case if any error happens during line execution results from other line handlers will not be used anyway
+            (_a = this.abortControllerByDi.get(di)) === null || _a === void 0 ? void 0 : _a.abort();
             this.throwError(err, di);
         });
     }
@@ -673,6 +670,7 @@ class ActionChecker {
     }
     forbid() {
         this.executionState.status = 'forbidden';
+        this.executionState.forbiddenBy = this.key;
         this.forbiddenMarker = true;
     }
     allow() {
@@ -706,7 +704,7 @@ class ActionExecution {
         }
     }
     async runInContext(executionContext, action, ...params) {
-        var _a;
+        var _a, _b;
         let parameters;
         const payload = (_a = params[0]) !== null && _a !== void 0 ? _a : DEFAULT_PAYLOAD;
         // TODO: replace type with pure context usage
@@ -723,8 +721,10 @@ class ActionExecution {
         if (!this.canExecuteAction(payload, parameters, executionState, type)) {
             switch (parameters.conditionsFailResult) {
                 case 'reject':
-                    // TODO: pass condition that has failed
-                    return Promise.reject(new errors.ConditionFailError());
+                    return Promise.reject(new errors.ConditionFailError({
+                        conditionName: (_b = executionState.forbiddenBy) !== null && _b !== void 0 ? _b : 'unknown',
+                        targetName: parameters.name,
+                    }));
                 default:
                     return Promise.resolve();
             }
@@ -733,11 +733,10 @@ class ActionExecution {
         return this.executionContextManager.withContext(executionContext, {
             name: parameters.name,
             values: (executionContext === null || executionContext === void 0 ? void 0 : executionContext.values.pageActions) === true ? { pageActions: false } : undefined,
-        }, (executionActionContext) => {
-            const context = this.createActionContext(executionContext, executionActionContext, parameters);
+        }, (executionActionContext, abortController) => {
+            const context = this.createActionContext(executionContext, executionActionContext, abortController, parameters);
             return Promise.resolve()
                 .then(() => {
-                // TODO: do not execute action if context.abortSignal is aborted
                 if (core.isTramvaiAction(action)) {
                     return action.fn.apply(context, params);
                 }
@@ -769,8 +768,9 @@ class ActionExecution {
         const actionChecker = new ActionChecker(this.actionConditionals, payload, parameters, executionState, type);
         return actionChecker.check();
     }
-    createActionContext(parentExecutionContext, actionExecutionContext, parameters) {
+    createActionContext(parentExecutionContext, actionExecutionContext, abortController, parameters) {
         return {
+            abortController,
             abortSignal: actionExecutionContext === null || actionExecutionContext === void 0 ? void 0 : actionExecutionContext.abortSignal,
             executeAction: this.runInContext.bind(this, actionExecutionContext),
             deps: parameters.deps ? this.di.getOfDeps(parameters.deps) : EMPTY_DEPS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-common",
-  "version": "2.11.0",
+  "version": "2.21.0",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -28,31 +28,31 @@
     "build-for-publish": "true"
   },
   "dependencies": {
-    "@tinkoff/errors": "0.2.23",
-    "@tinkoff/hook-runner": "0.3.23",
+    "@tinkoff/errors": "0.3.2",
+    "@tinkoff/hook-runner": "0.4.2",
     "@tinkoff/lru-cache-nano": "^7.8.1",
-    "@tinkoff/pubsub": "0.4.25",
-    "@tinkoff/url": "0.7.39",
-    "@tramvai/experiments": "2.11.0",
-    "@tramvai/module-cookie": "2.11.0",
-    "@tramvai/module-environment": "2.11.0",
-    "@tramvai/module-log": "2.11.0",
-    "@tramvai/tokens-child-app": "2.11.0",
-    "@tramvai/tokens-common": "2.11.0",
-    "@tramvai/tokens-render": "2.11.0",
+    "@tinkoff/pubsub": "0.5.2",
+    "@tinkoff/url": "0.8.2",
+    "@tramvai/experiments": "2.21.0",
+    "@tramvai/module-cookie": "2.21.0",
+    "@tramvai/module-environment": "2.21.0",
+    "@tramvai/module-log": "2.21.0",
+    "@tramvai/tokens-child-app": "2.21.0",
+    "@tramvai/tokens-common": "2.21.0",
+    "@tramvai/tokens-render": "2.21.0",
     "hoist-non-react-statics": "^3.3.1",
     "node-abort-controller": "^3.0.1"
   },
   "peerDependencies": {
-    "@tinkoff/dippy": "0.7.45",
+    "@tinkoff/dippy": "0.8.2",
     "@tinkoff/utils": "^2.1.2",
-    "@tramvai/cli": "2.11.0",
-    "@tramvai/core": "2.11.0",
-    "@tramvai/papi": "2.11.0",
-    "@tramvai/react": "2.11.0",
-    "@tramvai/state": "2.11.0",
-    "@tramvai/tokens-metrics": "2.11.0",
-    "@tramvai/tokens-server": "2.11.0",
+    "@tramvai/cli": "2.21.0",
+    "@tramvai/core": "2.21.0",
+    "@tramvai/papi": "2.21.0",
+    "@tramvai/react": "2.21.0",
+    "@tramvai/state": "2.21.0",
+    "@tramvai/tokens-metrics": "2.21.0",
+    "@tramvai/tokens-server": "2.21.0",
     "react": ">=16.14.0",
     "tslib": "^2.0.3"
   },