Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/theme generator improvement #29

Merged
merged 32 commits into from
Jun 17, 2024
Merged

Conversation

aliceinapple
Copy link
Member

@aliceinapple aliceinapple commented Jun 13, 2024

Resilves #28

  • Добавила возможность добавлять страницы в игнор (указывая их id)
  • Добавила возможность генерировать тему только с определенной страницы (тоже по id)
  • Добавила возможность указывать префикс, чтобы в генерации учавствовали только определенные узлы

  • Нейминги для радиусов и высоты линии сделала по аналогии с размерами шрифтов
  • Нейминги для теней, шрифтов и весов шрифтов оставила как есть (для весов и самих шрифтов нейминги вроде как логичные, на счет теней вопрос, сейчас у них нейминги генерируются в соответствии с цветом)

Структура для кнопок и инпутов
Посмотрела несколько вариантов разных макетов и сделала генерацию структуры в цветах для кнопок и инпутов в соответствии с графой "Архив" в ридми, это будет самый удобный вариант для генерации

@aliceinapple aliceinapple self-assigned this Jun 13, 2024
@aliceinapple aliceinapple linked an issue Jun 13, 2024 that may be closed by this pull request
3 tasks
Copy link
Member

@Nelfimov Nelfimov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Отличная работа!

Давай попробуем перевести все в ESM, а так же покрыть тестами. Я вижу так:

  • либо покрываем тестом каждую функцию класс (юнит тесты)
  • либо в качестве теста прогоняем генератором какой нибудь дизайн старого проекта (напр. drum-in), делаем снэпшот (можно в виде строки значений каждого объекта) и сравниваем с ним (интеграционный). Примеры можешь посмотреть в гиперионе генераторе или тулзах.

В идеале сделать оба варианта, но если уйдет много времени - давай что-то одно сделаем.

.yarnrc.yml Show resolved Hide resolved
package.json Outdated Show resolved Hide resolved
@aliceinapple
Copy link
Member Author

@Nelfimov

После перехода на ESM, когда запускаю скрипт - получаю ошибку:

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for /Users/macbookair15/WebstormProjects/figma/theme/theme-cli/src/index.ts
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:160:9)
    at defaultGetFormat (node:internal/modules/esm/get_format:203:36)
    at defaultLoad (node:internal/modules/esm/load:143:22)
    at async nextLoad (node:internal/modules/esm/hooks:750:22)
    at async nextLoad (node:internal/modules/esm/hooks:750:22)
    at async nextLoad (node:internal/modules/esm/hooks:750:22)
    at async Hooks.load (node:internal/modules/esm/hooks:383:20)
    at async handleMessage (node:internal/modules/esm/worker:199:18) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}

Пробовала также разные другие скрипты, например такой node --loader ts-node/esm src/index.ts, получаю другую ошибку:

node:internal/process/esm_loader:34
      internalBinding('errors').triggerUncaughtException(
                                ^
Error: Cannot find package 'commander' imported from /Users/macbookair15/WebstormProjects/figma/theme/theme-cli/src/index.ts
    at packageResolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:757:9)
    at moduleResolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:798:18)
    at Object.defaultResolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:912:11)
    at /Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:218:35
    at entrypointFallback (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:168:34)
    at /Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:217:14
    at addShortCircuitFlag (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:409:21)
    at resolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:197:12)
    at nextResolve (node:internal/modules/esm/hooks:750:28)
    at Hooks.resolve (node:internal/modules/esm/hooks:238:30)

Node.js v21.7.3

@TorinAsakura
Copy link
Member

@aliceinapple Ноду откати на 19

@aliceinapple
Copy link
Member Author

@TorinAsakura @Nelfimov

@aliceinapple Ноду откати на 19

Все равно остается проблема с импортом пакетов (пробовала еще 18 ноду)

/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:757
  throw new ERR_MODULE_NOT_FOUND(packageName, fileURLToPath(base));
        ^
CustomError: Cannot find package 'commander' imported from /Users/macbookair15/WebstormProjects/figma/theme/theme-cli/src/index.ts
    at packageResolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:757:9)
    at moduleResolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:798:18)
    at Object.defaultResolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/dist-raw/node-internal-modules-esm-resolve.js:912:11)
    at /Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:218:35
    at entrypointFallback (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:168:34)
    at /Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:217:14
    at addShortCircuitFlag (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:409:21)
    at resolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/esm.ts:197:12)
    at resolve (/Users/macbookair15/WebstormProjects/figma/.yarn/__virtual__/ts-node-virtual-1eb244db5c/0/cache/ts-node-npm-10.9.2-3f3890b9ac-a91a15b3c9.zip/node_modules/ts-node/src/child/child-loader.ts:15:39)
    at nextResolve (node:internal/modules/esm/hooks:654:28)
macbookair15@MacBook-Air-Macbook theme-cli % node -v
v19.9.0

@Nelfimov
Copy link
Member

@aliceinapple добавил новый скрипт на swc. Так же пришлось бампнуть commander. Проверено на 22 ноде. Для 19 придется менять --import swc-node/register/esm-register на --loader swc-node/register/esm

@Nelfimov Nelfimov merged commit f28e447 into master Jun 17, 2024
5 checks passed
@Nelfimov Nelfimov deleted the feat/theme-generator-improvement branch June 17, 2024 16:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Доработка генератора
3 participants