Feedback tool similar to Google's.
This is a very early alpha version, with a couple of known issues, a complete rewrite. Should be more performant and less buggy (hopefully).
npm i @ivoviz/feedback.js
Import and create an instance of Feedback
:
import { Feedback } from '@ivoviz/feedback.js';
.
.
.
const feedback = new Feedback();
feedback.open();
At the moment only two functions are exposed: open
and close
, although the latter shouldn't be needed.
Import the stylesheet:
@import "~@ivoviz/feedback.js/dist/lib/feedback.css";
There are two optional parameters, FeedbackOptions
and HTML2CanvasOptions
.
Currently, the only options supported by FeedbackOptions
are:
endpoint
: The url where you want to post the form data. The data will be sent as json
:
{
"description": "some text",
"screenshot": "base64 png"
}
allowedTags
(optional): A string array containing the name of the nodes you want to be able to be highlighted on mouseover.
You can read about HTML2CanvasOptions
here: http://html2canvas.hertzen.com/configuration.
- Missing tooltips for buttons
- Missing loading animations while sending data or creating screenshot
- Missing icons
- Default texts should be written appropriately
- Not many options at the moment
# Install (dev) dependencies
npm install
# Build Javascript files from TypeScript
./node_modules/.bin/tsc
# Build css from sass
./node_modules/.bin/node-sass lib/feedback.scss dist/lib/feedback.css