javascript Mar 13 2019 at 13:04

arkit — архитектурные диаграммы для JavaScript, TypeScript и Flow

1 min

7.4K

JavaScript*Node.JS*TypeScript*Data visualization*Infographics

+21

Comments 24

VolCh Mar 13 2019 at 13:26

Увы, упало

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Циклические зависимости должно разруливать?

JustDont Mar 13 2019 at 13:40

У меня на мою мешанину импортов с легкостью петли нарисовало. У меня правда очень мелкий код пока что.

javascript Mar 13 2019 at 13:49

Я также тестировал на ReactDOM:

javascript Mar 13 2019 at 13:49

Уффф, интересно. А можно посмотреть лог, если запустить LEVEL=trace npx arkit?

VolCh Mar 13 2019 at 17:37

перестало вылетать с https://habr.com/en/post/443560/#comment_19878226, но теперь пишет componentsByName[component.name].push is not a function

javascript Mar 13 2019 at 13:52

А вообще циклические зависимости не должны мешать, он просто нарисует связь в обе стороны.

frostspb Mar 13 2019 at 14:00

с проектом на nuxt.js она отрисовала серверные зависимости норм, а вот уже всё остальное не очень. Всё что в папке pages она не смогла слинковать

javascript Mar 13 2019 at 14:24

А можно посмотреть пару исходников? Точнее как устроены импорты.

frostspb Mar 13 2019 at 17:00

import furyBasePage from '~/components/base/page.vue'
import furyActionButton from '~/components/base/actionButton.vue'
В ~/components/base/page.vue используются компоненты vuetify подключенные в nuxt VuetifyLoader'ом

javascript Mar 13 2019 at 17:14

Видимо он не распознаёт тильду.
А где прописано куда она ведёт? В webpack.config?

frostspb Mar 13 2019 at 17:40

webpack config инкапсулирован в недрах nuxt.js
Причем. пути еще могут и без / выглядеть. Типа так ~assets/style/variables.styl

javascript Mar 13 2019 at 18:03

Записал поддержку webpack resolve alias в roadmap. Спасибо!

frostspb Mar 13 2019 at 21:12

С меня звёздочка на гитхабе =)

javascript Mar 13 2019 at 23:13

По рукам! :-)

javascript Mar 15 2019 at 16:15

Заработало в 1.4.0

javascript Mar 15 2019 at 16:15

Заработало в 1.4.0

RouR Mar 13 2019 at 14:05

какие альтернативы вы пробовали

Я написал либу для C#. Экспорт в Graphviz.
Но была немного другая задача, получить архитектурную диаграмму микросервисов, кто куда какие DTO отправляет.
Поскольку Graphviz сам рисует и выбирает где какой блок разместить, то получилось не красиво, и не наглядно.

javascript Mar 13 2019 at 14:25

arkit использует PlantUML, который в свою очередь dot и старый добрый Graphviz :-)

zhka Mar 13 2019 at 15:44

После запуска выводит HTML с телом:

<pre>Payload Too Large</pre>

Что я делаю не так?

javascript Mar 13 2019 at 15:50

Всё так, это express экономит. Попробуйте, пожалуйста, ещё раз.

zhka Mar 13 2019 at 16:25

Запустил с LEVEL=trace… а там
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed — JavaScript heap out of memory
Отправил трейс в личку.

Попробовал указать при запуске
NODE_OPTIONS='--max_old_space_size=4096'
при этом просто вылетает с сообщением
Invalid string length

javascript Mar 13 2019 at 16:27

Это в версии arkit@1.3.14?

zhka Mar 13 2019 at 16:33

Да

KasperGreen Mar 11 2020 at 08:42

На React проекте показывает в основном одиночные объекты. Не справилась софтинка