Template Repo
Template repo to fast make new $hyoo apps.
Подготовительные шаги
- Если ещё нет основного репозитория компании, в котором будут содержаться все проекты компании, создайте его. Например, имя компании lim.
- Вам нужно будет создать папку в mam с именем компании и вынести её в репозиторий. Получится mam/lim
- Нужно использовать шаблон https://github.com/Lyumih/milis_ideag для создания своего проекта. Назовите проект, например, lim_market
- После создания склонируйте проект в mam в папку компании с односложным именем.
git clone https://github.com/lim/lim_market.git lim/market
Замена в шаблоне на проект.
- У вас есть склонированный репозиторий с шаблонным проектом lim_market в mam/lim/market
- В IDE выберите поиск по папке “Find in Folder” и включите режим замены “Toggle Replace”. Вам нужно провести ряд замен в проекте
- Замените в файлах папки все вхождения “milis_ideag” на ваше “lim_market” (имя компании_проект). Это заменит все view.tree файлы
- Замените в файлах папки все вхождения “milis/ideag” на ваше “lim/market” (имя компании/проект). Это заменит все deploy.yaml файлы
- Замените в файлах папки все вхождения “Lyumih/milis_ideag” на ваше “lim/lim_market” (имя GitHub/репозиторий). Это заменит все ссылки на репозитоий на ваше
- Запушить проект, настроить GitHub Pages и проверить, что шаблон заработал.
Дополнительные настройки
- Можно поменять favicon.ico на favicon компании
- Поменять и добавить описание Open Graph (og) в index.html. Для лучшей работы SEO
After Make
Сделать $mol_template_rich, который будет более расширенным и полезным.
В нём будут добавлены:
- файлик favicon (мол иконка), который вставлен в meta.tree и в index.html
-
в index.html будет прописана og информация для сео. Нужно будет поправить на свою
-
| в /app будет создан app.view.tree с минимальным настроенным $mol_book2_catalog => $mol_page => $custom_button |
$template_logo |
- также там будет преднастроена переключение темы и $mol_source для ссылки на гитхаб
-
также кнопка login/logout (в файлике .ts) - которая демонстрирует работу переключения страниц.
-
создан компонент /ui/button (пока думаю какой конкретно?) и для него добавлен сторибук ($mol_demo). Может Hello world или ссылку на документация по молу/handbook, как это сделано для темплейтов для react/vue/nextjs.
-
создан компонент logo и добавлена иконка в meta.tree (паблик файлы, /assets). Это должно показать, как правильно добавлять ресурсы в мол
-
Добавить сторибук (mol_demo/mol_docs), добавить кастомный компонент (картинку лого и мб кнопку) и index.html, и добавить в meta.tree. Работать с сторибуком в моле легко - такая настройка даст огромный буст на старте.
-
в deploy.yaml добавить строки, чтобы он из репозитория сразу создавал app и app/demo правильно. Тогда с gh_pages будет меньше вопросов, как развернуть 2 приложения в одном deploy.yaml
-
Обновить readme.md в соответствии с расширенными компонентами.
- демонстрация CSS и css-in-ts
- Hello world