@prisma-cms/front

@prisma-cms/webrtc-module

@prisma-cms/webrtc

@prisma-cms/yley

console

@prisma-cms/diagram-module

@prisma-cms/diagram

Сайт туроператора с Мастер-Туром(15)

Исследования и идеи

react-decliner

@prisma-cms

Портал по недвижимости

Не хватает многих функций, добавляем @babel/polyfill.

В режиме разработки ошибка. В боевом режиме ее нет. Но все равно не все еще работает. Постраничность не работает и прочие интерактивные вещи. Требуется отладка.

Safari полифилы

Переделать все интерфейсы основные на @material-ui/core

Добавить демку

Добавить загрузку картинок

Сейчас фрагменты берутся из сгенерированного файла. Надо брать готовую API-схему и из нее формировать фрагменты.

Формировать фрагменты из API-схемы

Добавить контексты UserLink и Avatar

Обновить react и react-scripts

Поправить уведомления в форме авторизации

Ошибка не подтвердилась. Проблема была в подключенном через yarn link пакете.

Ошибка "Пользователь не найден" на втором шаге

Не закрывается окно авторизации при клике вокруг

Разработка модуля

В react-16 появилось новое более мощное Context API. С ним можно будет сделать более гибкую и удобную систему формирования запросов на стороне клиента.

Добавить передачу фрагментов и запросов через новое Context-API

Перевести работу на новые контексты

Пока что добавлю в modules, но потом надо будет вынести в отдельный модуль

Добавить Autocomplete

Вынести Autocomplete в отдельный компонент

При работе в режиме SSR, загрузке страницы, с сервера прилетает готовый стейт для apollo-cache. После загрузки данные не подгружаются повторно. Здесь бывают логически ошибки. Когда на стороне сервера данные запрашиваются с учетом пользователя, там его еще нет. На стороне браузера данные когда заходят и появляется пользователь, данные уже в кеше и могут быть не полными. Надо изучить на предмет перезагрузки на componentDidMount. Пример.

Есть еще вариант указывать key по текущему пользователю. Тоже может быть полезным, так как если перелогиниться, данные компонент перезагрузится.

Пока вот-такой хак добавил в @prisma-cms/front. Это заставляет перерендериться все компоненты при смене пользователя. Но все равно это не заставит обновиться кеш.

UPD: Добавлен сброс кеша в базовый компонент. Надо будет перепроверить на множественные обновления.

Исследовать работу кеширования

При авторизации добавить сброс кеша

Поправить ввод с пробелами в поиске по пользователям

Сейчас когда передаешь в to абсолютную ссылку, она все равно рендерится как относительная.

Поправить абсолютные ссылки в компоненте Link

Чтобы можно было задать, например, формирование ссылок на картинки с ссылкой на домен.

Добавить контекст assetsBaseUrl

Чтобы состояние зависело от УРЛ

Добавить компонент Tabs

Скорее всего ошибка возникает при сбросе соединения в момент инициализации пользователя, в результате чего меняется объект SubscriptionProvider

Cannot read property 'team' of undefined

Модуль управления проходными

После обновления modx до версии 2.7.0 сайт выдаёт следующее сообщение:

" modAction support is deprecated since version 2.3.0. Support for modAction has been replaced with routing based on a namespace and action name. Please update the extra with the namespace console to the routing based system."

modAction support is deprecated since version 2.3.0

Имитация аудио и видео

Освоение PWA

Добавить push-уведомления

Программирование

Схема генерируется, но выходит такое сообщение. Если с бойлерплейта скачать yarn.lock и переустановить компоненты, все ОК. Не ясно какая версия какого компонента косячит. 

Cannot read property 'steps' of null при деплое

https://modxclub.ru/https://modxclub.ru/tasks при смене фильтра статусов

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

Иpучить API, определить возможности и структуру данных, которые можно получить по запросам. Провести тестирование запросов на Modx Revo. 

Изучение API системы Мастер-Тур на предмет взаимодействия с Modx Revo

Изучив возможности системы, описать структуру сайта. Завести структуру сайта в систему. 

Разработать структуру сайта с учетом возможностей API Мастер-Тур

Разработать дизайн-макет

Верстка на Bootstrap 4 + дополнительные скрипты (в рамках необходимого и достаточного, согласно дизайн-макета и общей концепции сайта).

Верстка макета

Интеграция верстки в систему

Первичная настройка modx

Интересный доклад https://habr.com/ru/company/oleg-bunin/blog/354980/

Кроссплатформенный 3D редактор https://www.blender.org/

База бесплатных 3D-моделей https://www.turbosquid.com/

3D программиорвание на js

Проблема отправки в запросе ключа города

Если нет на компе камеры и микрофона, можно имитировать так:

1. Подготовить mjpeg видеофайл. Можно, к примеру, сконвертировать так: 

2. Запустить хром с параметрами

Важно! Перед таким запуском надо полностью завершать работу браузера. Если у вас уже хоть одно окно открыто, новое окно не будет создано с видеопотоком, а просто откроется без лишних фишек. 

Так же стоит учесть, что yandex.browser основан на хромиум, то есть с ним такой же фокус прокатывает, только вместо google-chrome вызываем yandex-browser.

google-chrome --use-fake-device-for-media-stream --use-file-for-fake-video-capture=test.mjpeg

Имитация видеокамеры в браузере

Тестовый поиск

Ускорение работы с API+React

По умолчанию API-запросы проксируются на порт 4000. Надо иметь возможность переопределять порт

Добавить параметром порт для API

В хроме можно открыть chrome://webrtc-internals/

Мониторинг webrtc-запросов

По истечение минут пяти на стороне сервера звонок отмечается как завершенный

При завершении звонка на стороне сервера не завершается соединение на стороне клиента

Одну для голосовых звонков и одну для видео.

Сделать для звонков две трубки

Если я с iPad звоню кому то, то соединие есть. Если мне звонят на Ipad (или Iphone)-соединения нет. Хотя вызов вижу. И запрос на включение микрофона и камеры тоже вижу. Но связи нет.

Полезная статья про coturn https://varulv.ru/coturn.html

Запуск сервера из консоли: https://stackoverflow.com/questions/25546098/installing-a-turn-server-on-ubuntu-for-webrtc

Требуется много открытых портов. Вот список https://docs.pexip.com/rp_turn/rpturn_ports.htm

Но по нему не получилось правила настроить.

Настроить свой stun-сервер

1. Надо перевести его на нормальную работу с Apollo (чтобы были запросы на сервер и рендеринг)

2. Надо чтобы фильтры устанавливались в том числе и в УРЛ (хотя это больше задача для @prisma-cms/component)

Улучшить компонент Autocomplete

Добавить выпадающий список Компании

При использовании Query компонента из apollo-react не учитывается fetchPolicy, в результате чего за раз выполняется по несколько запросов на сервер.

Настроить fetchPolicy для Query

Проблема на уровне проксирования запросов. Багрепорт здесь: https://github.com/chimurai/http-proxy-middleware/issues/231

Пока что решается путем проксирования API-запросов непосредственно на порт 4000 на уровне nginx. В таком случае мы обходим проксирования на уровне JS.

При создании callRequest запрос обрывается после 2 минут (дефолтные ограничения сервера)

https://habr.com/ru/company/Voximplant/blog/432708/

Изучить SFU

Сейчас он не скомпеллирован и не получается установить через npm.

Собрать нормальный компонент

При сохранении объекта повторно переходит в режим редактирования

К примеру, используется на https://www.shrimpy.io/

Освоить Google Authenticator

Поговорили, нажал сброс, сеанс завершился, а кнопка продолжила гореть и на клики никак не реагировала.

Поправить логику завершения сеанса связи

Формирование страницы отеля

HTC Vive

Valve теперь разрешает всем использовать свой трекер объектов https://partner.steamgames.com/vrlicensing

Трекинг SteamVR

Коды услуг вынести в справочник

Сменить тип данных этажа на Int

При деплое генерит схему, но не записывает в базу данных.

cluster.getToken is not a function

Структура должна позволять одну базу использовать для управления сразу несколькими географически распределенными точками:

1. Обособленное подразделение со своей территорией, зданиями, КПП, автостоянками и т.п.

3. Компания (арендатор).

4. Отделы подразделения.

Программирование структуры организации

В одном интерфейсе надо иметь возможность редактировать:

- Обособленные территории (подразделения), как отдельные карты

- Связки Проходная-Объект (здание, парковка и т.п.)

Надо учитывать различные типы трафика (люди, авто).

Визуальный модуль управления структурой

Добавить 3D-визуализацию

React 360

Сложности в перемещении по сцене связаны с тем, что React 360 сцена - это цилиндр со статическим бэкграундом, то есть по сути на сферу с радиусом 4 метра натягивается растровый фон и перемещаться по такой сцене нет возможности. Для реального перемещения необходимо перенимать опыт игр. Для такого более сгодится three.js

Перемещение по сцене

Развернуть основу

Программирование карточки объекта

Надо реализовать объекты недвижимости, поэтажную планировку, аренду и т.п.

Соответственно должны быть договора аренды (в перспективе и прочие варианты договоров) на площади.

Объекты недвижимости реализовать через @prisma-cms/realty-module

Платформа для взаимодействия 
-Арендатор апартаментов 
-Управляющая Компания
-Мастера (уборка, электрики, сантехники, кондиционер, бытовая техника, общий ремонт)
-Администратор платформы 


Арендатор:
Регистрируется в системе
Привязывается к определённому апартаменту (может выписаться из одного и приписаться к другому в случае переезда)
Возможность  оформить заявку на уборку апартаментов или сообщить о наличии проблемы с  электрикой, сантехникой, кондиционером, бытовой техникой или прочими  поломками в апартаментах 
Заявки делятся на бесплатные и платные
Получает соообщения о том, когда будет выполнена заявка и должен подтвердить факт выполнения (после прихода мастера)


Управляющая компания
Регистрируется (на платформе может быть много разных УК)
Регистрирует разные свои апартаменты в системе  
Апартаменты привязываются к определенной Управляющей компании 
Получает заявки от Арендаторов и распределяет их среди мастеров 
Календарь заявок 


Мастер 
Регистрируется в системе 
Привязывается к определенной Управляющей компании 
Получает заявки на выполнение работ 
Календарь занятости 
Должен подтвердить получение заявки, начало выполнения и окончание
Более сложный вариант:
Мастеров  может быть несколько. Сначала заявку получает тот, кто свободен в  ближайшее время в геолокации максимально близкой к адресу апартаментов.  Если первый мастер не акцептировал заявку (например, в течении 5  минут/часа) или отклонил, то заявку получает следующий 


Хорошо бы ещё сделать возможность удаленного управления «доступом в апартаменты»
Например на основе «умного замка»:
https://nuki.io/en/blog/nuki-news/the-nuki-keypad-airbnb-integration-has-arrived/

Решение для управляющих компаний

Изучение A-Frame

https://modxclub.ru/topics/a-frame.-sobytiya.html

События onClick

Перемещение к объекту https://www.npmjs.com/package/aframe-travel-node

Управление кнопками (только по осям x/y): 

<a-entity
  camera
  look-controls
  wasd-controls
/>

Перемещение камеры

Устаревший пример, но вполне может лечь в основу: https://github.com/kenta88/react-imago3d

Более мощный продукт, но сейчас в процессе разработки новой версии: https://github.com/archilogic-com/3dio-js

Редактор зданий

https://github.com/aframevr/aframe/issues/3450

three.js игнорирует свойства x и y в передаваемом параметре rotation, так как эти свойства берутся из самого устройства (вертим головой или устройством). Можно задать только параметр z, что позволяет наклонить камеру вбок вокруг своей оси.

Поворот камеры

Используется new THREE.Raycaster()

event передается с координатами x/y

this.raycaster.setFromCamera(event, this.camera);

Определение объекта по наведению

<a-entity id="player" collider-check>
  <a-entity
    raycaster="objects: .collidable; showLine: true; far: 100"
    line="color: orange; opacity:0.5"
    position="0 1 0"
    rotation="0 0 0"
  ></a-entity>
</a-entity>

Лучевой указатель RayCaster

Хорошая вводная статья: https://habr.com/ru/post/334580/

Основы 3D-анимации и пространства

Формирование страницы тура

Разместить объект в заданные координаты канваса

Поиск оптимального пути из точки в точку

С ошибкой разваливаются запросы типа number_starts_with и number_contains. Вроде как решено в призма-докере версии 1.15.3

Not supported: ScalarFilter для числовых полей

На базе @prisma-cms можно создавать легко много проектов. При этом надо иметь возможность в одном месте получать уведомления о действиях на отдельных проектах. Надо как-то настроить сбор данных со всех проектов. 

Вариант с пуш-уведомлениями с целевых проектов не очень интересен. Надо именно сбор информации с целевых проектов, при чем чтобы любой мог подписаться на любой проект. Надо сделать это на базе раздела Проекты

Продумать систему мониторинга проектов

Мониторинг

Добавить в контекст API-схему

По логике надо, чтобы схема с сервера запрашивалась только один раз (при инициализации приложения).

Но сейчас, при сохранении любого объекта (то есть при сбросе кеша при этом), опять с сервера запрашивается схема. Может это и не страшно, но вообще управлять запросами какие сбрасывать а какаие нет при сохранении объекта было бы не плохо.

Переосмыслить сброс кеша

API яндекс.метрики

Переделать форму авторизации

Поправить SSR /parkings

Пример: https://github.com/karbon14/demo-concept

Авторизация через метамаск

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

Переезд сайта

Переделать весь фронт на конструктор

Добавить выбор языка

Используемый компонент более гибкий, чем предполагалось. Он может быть вызван в нескольких местах и в итоге будет суммируемый набор лексиконов

Переработать локализации

Генерация иконок для манифеста

Новый роутинг с шаблонизацией

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

Поправить форму сброса пароля

Получаем эту ошибку при запуске SSR с NODE_ENV=production

SSR ReferenceError: HTMLTableElement is not defined

Open street map

https://github.com/Overv/openstreetmap-tile-server

FreeCode.Academy

Исследования и идеи

Исследования и идеи

Портал по недвижимости

Портал по недвижимости

@prisma-cms

@prisma-cms

react-decliner

react-decliner

https://github.com/Fi1osof/react-decliner

@prisma-cms/webrtc

@prisma-cms/webrtc

https://github.com/prisma-cms/webrtc

@prisma-cms/webrtc-module

@prisma-cms/webrtc-module

https://github.com/prisma-cms/webrtc-module

Сайт туроператора с Мастер-Туром(15)

Сайт туроператора с Мастер-Туром(15)

@prisma-cms/front

@prisma-cms/front

https://github.com/prisma-cms/front

@prisma-cms/diagram

@prisma-cms/diagram

https://github.com/prisma-cms/diagram

@prisma-cms/diagram-module

@prisma-cms/diagram-module

console

console

https://modx.com/extras/package/console

@prisma-cms/yley

@prisma-cms/yley