Быстрый старт

Pulse — движок для разработки интерактивных CLM-презентаций и их доставки в PWA одним файлом .pulse.

Рабочий процесс

фронтенд-разработчик → папка презентации → .pulse → маркетолог → PWA → офлайн-показ
                                                                    ↓
                                                         локальная аналитика

Программист отвечает за HTML, CSS и JavaScript презентации. Маркетолог не редактирует код: он получает готовый .pulse, импортирует его в PWA и может обновить пакет новым файлом той же презентации.

Установка

Нужны Node.js 18+ и npm.

git clone https://github.com/Helgechka/pulse-clm.git
cd pulse-clm
npm install

Создание презентации

npm run new:deck -- product-demo medical

Команда создаст папку presentations/product-demo/. Проверь deck.json:

{
  "id": "product-demo",
  "version": "1.0.0",
  "title": "Product demo",
  "theme": "medical",
  "entry": "entry.js",
  "styles": "styles.css"
}

id должен оставаться неизменным во всех обновлениях, а version должна быть семантической версией: 1.0.0, 1.1.0, 2.0.0.

Добавление слайда

npm run new:slide -- product-demo pricing "Стоимость"

Слайд появится в presentations/product-demo/slides/ и автоматически подхватится студией.

<section class="slide" data-id="pricing" data-title="Стоимость">
  <h2 class="reveal">Стоимость</h2>
  <button data-go="contacts" data-track="open_contacts">Контакты</button>
</section>

Локальная разработка

npm run dev

Студия откроется на http://localhost:5180. Перед передачей файла выполни:

npm run validate
npm test
npm run pack -- product-demo

Готовый файл появится здесь:

dist-packages/product-demo-1.0.0.pulse

Установка на устройство

1. Передай .pulse маркетологу удобным защищённым каналом.
2. В PWA открой «Мои презентации».
3. Нажми «Добавить .pulse» и выбери файл.
4. Выбери установленную презентацию.
5. Введи название клиента и начни показ.

Интернет для импорта и показа не требуется. Подробнее — в разделе «Пакеты .pulse».