@tramvai/cli 5.53.80 → 6.62.0

package/src/library/babel/plugins/fill-declare-action-name.ts

@@ -1,110 +0,0 @@
-import type { Plugin } from './types.h';
-
-function hashCode(s: string) {
-  let h = 0;
-  let i = 0;
-  // eslint-disable-next-line no-bitwise
-  if (s.length > 0) while (i < s.length) h = ((h << 5) - h + s.charCodeAt(i++)) | 0;
-  return h.toString(36);
-}
-
-export const fillDeclareActionName: Plugin<{ declareActionName: string | null }> = (babel) => {
-  const { types: t } = babel;
-
-  return {
-    pre() {
-      this.declareActionName = null;
-    },
-    visitor: {
-      Program: {
-        enter(enterPath) {
-          enterPath.traverse({
-            ImportDeclaration: (path) => {
-              if (this.declareActionName) return; // нет смысла идти дальше
-              if (path.node.source.value !== '@tramvai/core') return;
-
-              const specifier = path.node.specifiers.find(
-                (s) =>
-                  t.isImportSpecifier(s) &&
-                  'name' in s.imported &&
-                  s.imported.name === 'declareAction'
-              );
-
-              if (specifier) {
-                this.declareActionName = specifier.local.name;
-              }
-            },
-            // тут смотрим на const {declareAction} = require('@tramvai/core')
-            VariableDeclarator: (path) => {
-              if (this.declareActionName) return; // нет смысла идти дальше
-
-              if (
-                !t.isCallExpression(path.node.init) ||
-                !t.isIdentifier(path.node.init.callee) ||
-                path.node.init.callee.name !== 'require'
-              ) {
-                return;
-              }
-
-              const [argument] = path.node.init.arguments;
-
-              if (!argument || ('value' in argument && argument.value !== '@tramvai/core')) return;
-              if (!t.isObjectPattern(path.node.id)) return;
-
-              const declareActionNameProperty = path.node.id.properties.find(
-                (p) => 'key' in p && 'name' in p.key && p.key.name === 'declareAction'
-              );
-
-              if (
-                declareActionNameProperty &&
-                'value' in declareActionNameProperty &&
-                'name' in declareActionNameProperty.value
-              ) {
-                this.declareActionName = declareActionNameProperty.value.name;
-              }
-            },
-          });
-        },
-      },
-      CallExpression(path) {
-        if (!this.declareActionName) return;
-        if ('name' in path.node.callee && path.node.callee.name !== this.declareActionName) return;
-
-        const args = path.node.arguments;
-
-        if (args.length !== 1) return;
-        if (!t.isObjectExpression(args[0])) return;
-
-        const nameProperty = args[0].properties.find(
-          (p) => 'key' in p && 'name' in p.key && p.key.name === 'name'
-        );
-
-        if (nameProperty) return;
-
-        let additionalDebugName: string;
-
-        // @ts-expect-error easier to write this rather than adding if statements and type assertions
-        const potentialVariableName = path.parentPath.node.id?.name as string | undefined;
-
-        if (!potentialVariableName) {
-          additionalDebugName = this.file.opts.generatorOpts.sourceFileName ?? '';
-        } else {
-          additionalDebugName = potentialVariableName;
-        }
-
-        const filePath = this.file.opts.filename;
-        const cwd = this.file.opts.cwd ?? '';
-        const projectFilePath = filePath.replace(cwd, '');
-        const { line, column } = path.node.loc.start;
-
-        const sid = hashCode(`${projectFilePath}:${line}:${column}`);
-
-        const name = `${additionalDebugName}__${sid}`;
-
-        args[0].properties.unshift(t.objectProperty(t.identifier('name'), t.stringLiteral(name)));
-      },
-    },
-  };
-};
-
-export default fillDeclareActionName;

package/src/library/babel/plugins/lazy-component/__snapshots__/lazy-component.spec.ts.snap

@@ -1,313 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`lazy-component base: base 1`] = `
-
-import { lazy } from '@tramvai/react';
-
-lazy(() => import('./cmp'))
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { lazy } from '@tramvai/react';
-lazy({
-  chunkName() {
-    return 'cmp';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () => import(/* webpackChunkName: "cmp" */ './cmp'),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./cmp');
-  },
-});
-
-
-`;
-
-exports[`lazy-component comments: comments 1`] = `
-
-import { lazy } from '@tramvai/react';
-
-lazy(() => import(/* webpackChunkName: 'main' */'./inner/first'))
-lazy(() => import(/* stupid comments */'./inner/second'))
-lazy(() => import(/* webpackPreload: true */'./inner/third'))
-
-lazy(() => import(/* webpackPrefetch: true, webpackChunkName: "component"  */'./cmp'))
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { lazy } from '@tramvai/react';
-lazy({
-  chunkName() {
-    return 'main';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () => import(/* webpackChunkName: "main" */ './inner/first'),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./inner/first');
-  },
-});
-lazy({
-  chunkName() {
-    return 'inner-second';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () =>
-    import(
-      /* webpackChunkName: "inner-second" */
-      /* stupid comments */
-      './inner/second'
-    ),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./inner/second');
-  },
-});
-lazy({
-  chunkName() {
-    return 'inner-third';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () =>
-    import(
-      /* webpackChunkName: "inner-third" */
-      /* webpackPreload: true */
-      './inner/third'
-    ),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./inner/third');
-  },
-});
-lazy({
-  chunkName() {
-    return 'component';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () =>
-    import(/* webpackPrefetch: true, webpackChunkName: "component" */ './cmp'),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./cmp');
-  },
-});
-
-
-`;
-
-exports[`lazy-component dynamic: dynamic 1`] = `
-
-import { lazy } from '@tramvai/react';
-
-lazy((props) => import(\`./inner/\${props.name}.js\`))
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { lazy } from '@tramvai/react';
-lazy({
-  chunkName(props) {
-    return \`inner-\${props.name}-js\`.replace(/[^a-zA-Z0-9_!§$()=\\-^°]+/g, '-');
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: (props) =>
-    import(
-      /* webpackChunkName: "inner-[request]" */ \`./inner/\${props.name}.js\`
-    ),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve(props) {
-    return require.resolveWeak(\`./inner/\${props.name}.js\`);
-  },
-});
-
-
-`;
-
-exports[`lazy-component hmr: hmr 1`] = `
-
-import { lazy } from '@tramvai/react';
-
-const MainPage = lazy(() => import('./inner/first'));
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { lazy } from '@tramvai/react';
-const MainPage = lazy(
-  (_c = {
-    chunkName() {
-      return 'inner-first';
-    },
-    requireSync(props) {
-      return __webpack_require__(this.resolve(props));
-    },
-    isReady(props) {
-      const key = this.resolve(props);
-      return !!__webpack_modules__[key];
-    },
-    importAsync: () =>
-      import(/* webpackChunkName: "inner-first" */ './inner/first'),
-    requireAsync(props) {
-      const key = this.resolve(props);
-      return this.importAsync(props).then((resolved) => {
-        return resolved;
-      });
-    },
-    resolve() {
-      return require.resolveWeak('./inner/first');
-    },
-  })
-);
-_c2 = MainPage;
-var _c, _c2;
-$RefreshReg$(_c, 'MainPage$lazy');
-$RefreshReg$(_c2, 'MainPage');
-
-
-`;
-
-exports[`lazy-component long import: long import 1`] = `
-
-import { lazy } from '@tramvai/react';
-
-lazy(() => import('./inner/path/cmp'))
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { lazy } from '@tramvai/react';
-lazy({
-  chunkName() {
-    return 'inner-path-cmp';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () =>
-    import(/* webpackChunkName: "inner-path-cmp" */ './inner/path/cmp'),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./inner/path/cmp');
-  },
-});
-
-
-`;
-
-exports[`lazy-component not lazy: not lazy 1`] = `
-
-const lazy = (imp) => console.log(imp);
-const load = lazy(() => import('./cmp'));
-
-(async () => {
-  const {default: cmp} = await import('./cmp');
-
-  console.log((cmp as any).actions)
-})();
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-const lazy = (imp) => console.log(imp);
-const load = lazy(() => import('./cmp'));
-(async () => {
-  const { default: cmp } = await import('./cmp');
-  console.log(cmp.actions);
-})();
-
-
-`;
-
-exports[`lazy-component tramvai react but not lazy: tramvai react but not lazy 1`] = `
-
-import { withError } from '@tramvai/react';
-
-export const compose = () => {
-  return (cmp) => {
-    withError()(cmp);
-  }
-}
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { withError } from '@tramvai/react';
-export const compose = () => {
-  return (cmp) => {
-    withError()(cmp);
-  };
-};
-
-
-`;

package/src/library/babel/plugins/lazy-component/__snapshots__/legacy-universal-replace.spec.ts.snap

@@ -1,114 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`legacy-universal-replace not universal: not universal 1`] = `
-
-const lazy = (imp) => console.log(imp);
-const load = lazy(() => import('./cmp'));
-
-(async () => {
-  const {default: cmp} = await import('./cmp');
-
-  console.log((cmp as any).actions)
-})();
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-const lazy = (imp) => console.log(imp);
-const load = lazy(() => import('./cmp'));
-(async () => {
-  const { default: cmp } = await import('./cmp');
-  console.log(cmp.actions);
-})();
-
-
-`;
-
-exports[`legacy-universal-replace platform legacy: platform legacy 1`] = `
-
-import asyncUniversal, {asyncUniversalPack} from '@tinkoff/platform-legacy/utils/decorators/asyncUniversal';
-
-asyncUniversal(import('./cmp'))
-
-export const packed = asyncUniversalPack({});
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import asyncUniversal, {
-  asyncUniversalPack,
-} from '@tinkoff/platform-legacy/utils/decorators/asyncUniversal';
-import { lazy as _lazy } from '@tramvai/react';
-_lazy({
-  chunkName() {
-    return 'cmp';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () => import(/* webpackChunkName: "cmp" */ './cmp'),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./cmp');
-  },
-});
-export const packed = asyncUniversalPack({});
-
-
-`;
-
-exports[`legacy-universal-replace react-universal: react-universal 1`] = `
-
-import universal from 'react-universal-component';
-
-universal(import('./cmp'))
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import { lazy as _lazy } from '@tramvai/react';
-_lazy({
-  chunkName() {
-    return 'cmp';
-  },
-  requireSync(props) {
-    return __webpack_require__(this.resolve(props));
-  },
-  isReady(props) {
-    const key = this.resolve(props);
-    return !!__webpack_modules__[key];
-  },
-  importAsync: () => import(/* webpackChunkName: "cmp" */ './cmp'),
-  requireAsync(props) {
-    const key = this.resolve(props);
-    return this.importAsync(props).then((resolved) => {
-      return resolved;
-    });
-  },
-  resolve() {
-    return require.resolveWeak('./cmp');
-  },
-});
-
-
-`;
-
-exports[`legacy-universal-replace tramvai-react: tramvai-react 1`] = `
-
-import universal from 'react-universal-component';
-
-export const lazy = (loader) => universal(loader);
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import universal from '@loadable/component';
-export const lazy = (loader) => universal(loader);
-
-
-`;

package/src/library/babel/plugins/lazy-component/lazy-component.spec.ts

@@ -1,46 +0,0 @@
-import path from 'path';
-import pluginTester from 'babel-plugin-tester';
-import babelConfig from '../../index';
-
-pluginTester({
-  plugin: {}, // плагин уже есть в основном конфиге, если подключить ещё тут то babel упадёт
-  pluginName: 'lazy-component',
-  filename: path.join(__dirname, '..', '__fixtures__', 'lazy-component', 'test'),
-  babelOptions: babelConfig({
-    typescript: true,
-    generateDataQaTag: false,
-    loader: false,
-    hot: true,
-    browsersListTargets: ['defaults'],
-  }),
-  tests: {
-    'not lazy': {
-      fixture: 'not-lazy.ts',
-      snapshot: true,
-    },
-    'tramvai react but not lazy': {
-      fixture: 'not-lazy-import.ts',
-      snapshot: true,
-    },
-    base: {
-      fixture: 'base.ts',
-      snapshot: true,
-    },
-    'long import': {
-      fixture: 'long-import.ts',
-      snapshot: true,
-    },
-    dynamic: {
-      fixture: 'dynamic.ts',
-      snapshot: true,
-    },
-    comments: {
-      fixture: 'comments.ts',
-      snapshot: true,
-    },
-    hmr: {
-      fixture: 'lazy+hmr.ts',
-      snapshot: true,
-    },
-  },
-});

package/src/library/babel/plugins/lazy-component/lazy-component.ts

@@ -1,91 +0,0 @@
-import type { NodePath } from '@babel/traverse';
-import type { CallExpression, Import } from '@babel/types';
-import type { Plugin } from '../types.h';
-import { resolveMethod } from './properties/resolve';
-import { requireSyncMethod } from './properties/requireSync';
-import { isReadyMethod } from './properties/isReady';
-import { importAsyncMethod } from './properties/importAsync';
-import { requireAsyncMethod } from './properties/requireAsync';
-import { chunkNameMethod } from './properties/chunkName';
-
-interface InnerState {
-  tramvaiReactLazyLocal: string;
-}
-
-export const lazyComponentPlugin: Plugin<InnerState> = (api) => {
-  const { types: t } = api;
-
-  return {
-    pre() {
-      this.tramvaiReactLazyLocal = null;
-    },
-    visitor: {
-      // находим импорты `import { lazy } from '@tramvai/react'` т.к. будем преобразовывать импорты только для них
-      ImportDeclaration(path) {
-        if (path.get('source').node.value === '@tramvai/react') {
-          const specifiers = path.get('specifiers');
-
-          for (const specifier of specifiers) {
-            if (
-              t.isImportSpecifier(specifier.node) &&
-              t.isIdentifier(specifier.node.imported) &&
-              specifier.node.imported.name === 'lazy'
-            ) {
-              // учитываем что локальная переменная в файле может быть названа по-другому
-              this.tramvaiReactLazyLocal = specifier.node.local.name;
-              break;
-            }
-          }
-        }
-      },
-      CallExpression(path) {
-        if (!this.tramvaiReactLazyLocal) {
-          // если импорт lazy не был найден, то нет смысла работать с файлом дальше
-          return;
-        }
-
-        // проверяет только вызовы lazy
-        if (path.get('callee').isIdentifier({ name: this.tramvaiReactLazyLocal })) {
-          const imports: NodePath<Import>[] = [];
-
-          // ищем импорты внутри вызова lazy
-          path.traverse({
-            Import(importPath) {
-              imports.push(importPath);
-            },
-          });
-
-          if (imports.length !== 1) {
-            return;
-          }
-
-          // локальное имя для lazy из @tramvai/react
-          const lazyCallPath = path;
-          // ссылка на вызов импорта - чтобы можно было получить аргументы импорта
-          const importPath = imports[0].parentPath as NodePath<CallExpression>;
-          // ссылка на функцию, которая была передана в lazy
-          const funcPath = importPath.parentPath;
-
-          if (!funcPath.isFunctionExpression() && !funcPath.isArrowFunctionExpression()) {
-            return;
-          }
-
-          const properties = [
-            chunkNameMethod,
-            requireSyncMethod,
-            isReadyMethod,
-            importAsyncMethod,
-            requireAsyncMethod,
-            resolveMethod,
-          ].map((init) => init(api));
-
-          const opts = { lazyCallPath, funcPath, importPath };
-
-          funcPath.replaceWith(t.objectExpression(properties.map((factory) => factory(opts))));
-        }
-      },
-    },
-  };
-};
-
-export default lazyComponentPlugin;

package/src/library/babel/plugins/lazy-component/legacy-universal-replace.spec.ts

@@ -1,33 +0,0 @@
-import path from 'path';
-import pluginTester from 'babel-plugin-tester';
-import babelConfig from '../../index';
-
-pluginTester({
-  plugin: {}, // плагин уже есть в основном конфиге, если подключить ещё тут то babel упадёт
-  pluginName: 'legacy-universal-replace',
-  filename: path.join(__dirname, '..', '__fixtures__', 'legacy-universal-replace', 'test'),
-  babelOptions: babelConfig({
-    typescript: true,
-    generateDataQaTag: false,
-    loader: false,
-    browsersListTargets: ['defaults'],
-  }),
-  tests: {
-    'not universal': {
-      fixture: 'not-universal.ts',
-      snapshot: true,
-    },
-    'react-universal': {
-      fixture: 'react-universal.ts',
-      snapshot: true,
-    },
-    'platform legacy': {
-      fixture: 'platform-legacy.ts',
-      snapshot: true,
-    },
-    'tramvai-react': {
-      fixture: 'tramvai/react/index.es.ts',
-      snapshot: true,
-    },
-  },
-});