https://github.com/thoughtspile/grafarso

https://github.com/thoughtspile/grafarso

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/thoughtspile/grafarso
• Owner: thoughtspile
• Created: 2016-11-01T10:46:08.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-11-03T19:02:09.000Z (about 8 years ago)
• Last Synced: 2024-11-15T15:20:54.601Z (2 months ago)
• Language: JavaScript
• Size: 934 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# grafarso — сокет для графара

Просто возьмите скрипт из [./build/grafarso.js](build/grafarso.js) и вставьте на страницу.

## API

`grafarso.to(url)` — подключиться в роли преподавателя.

`grafarso.from(url)` — подключиться в роли преподавателя.

`grafarso.register(id, callback)` — основная синхронизация. `id` — уникальный идентификатор,  `callback`:

- принимает параметры и по ним обновляет графар.

- не принимает параметры-функции (функцию нельзя передать по сокету).

- не работает с DOM (иначе receiver возьмет состояние интерфеса студента).

Предлагаемый сценарий:

1. Обернуть функцию с обновлением, сохранить результат:

  `const up = grafarso.register('up_1', (val) => grafar.constant(val).into(level));`

2. При обновлении интерфейса вызывать обернутую функцию:

  `up(Number(document.getElementById('control').value));`.

`grafarso.registerPan(id, Panel)` — синхронизировать панель Panel по

уникальному идентификатору id.

Также посмотрите примеры: [преподаватель (с комментариями)](public/index.html), [студент](public/receiver.html).

## Для разработчиков

- `npm run dev` вотчит и запускает на `:3000`

- `npm run build` собирает в `./build/grafarso.js`