brownhci/WebGazer

Integrating WebGazer with React

Open

#101 aberto em 19 de dez. de 2018

Ver no GitHub
 (7 comments) (0 reactions) (0 assignees)HTML (520 forks)batch import
help wanted

Métricas do repositório

Stars
 (3.412 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

I was trying to build some gaze tracking models for use in js when I stumbled on your project. I am currently trying to incorporate webgazer.js into a React App and later into a chrome extension if the proof of concept works. I built webgazer from source, then moved the /src directory into my app and imported webgazer into my app.

First I receive a bunch of errors that many variables are not defined. I assume that this is because react expects every variable to be explicitly defined with var, const or let.

I fixed all of those issues but then got this error

This got me wondering if I am not correctly incorporating the library. Do you have any suggestions on this integration or idea why it's not working out of box?

Thanks in advance!

Guia do colaborador

Direção de pesquisa
Revise o código fonte do webgazer.js para identificar variáveis globais e exportações de módulo que precisam ser definidas para compatibilidade com React. Verifique se há necessidade de um pacote npm adequado ou de um componente wrapper. Consulte os comentários na issue para sugestões da comunidade. Possivelmente crie um componente wrapper React que inicializa o webgazer e lida com o ciclo de vida.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70