ranndev / ui-guide Goto Github PK
View Code? Open in Web Editor NEWA programmatic way of making highlight guide :high_brightness:
License: MIT License
A programmatic way of making highlight guide :high_brightness:
License: MIT License
1.26.3
to 1.26.4
.π¨ View failing branch.
This version is covered by your current version range and after updating it in your project the build failed.
rollup is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
3.6.0
to 3.6.1
.π¨ View failing branch.
This version is covered by your current version range and after updating it in your project the build failed.
cypress is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
Released 11/08/2019
Bugfixes:
beforeunload
handler. Fixes #2118.cy.setCookie()
with the same options
Object, Cypress now correctly sets the new cookie instead of the one passed into a previous cy.setCookie()
. Fixes #2701.cy.clearCookie()
would not act as expected when using certain baseUrls
. Fixes #5453.Failed to parse or set cookie named "xxx"
when loading certain websites. Fixes #4990.cy.visit()
to an HTTPS URL using the default port, 443. Fixes #5367.TypeError: Cannot read property 'length' of null
on some network requests. Fixes #5585..click()
. Fixes #5635.click
event during action commands. Fixes #5578..type()
to not be typed. Fixes #5622.backface-visibility: hidden;
are now accounted for when asserting on the elemtent's visibility. Fixes #2985.cannot read property 'replace' of undefined
if the error's stack was undefined
. Fixes #1669.Misc:
.click()
and .type()
commands within the console. Addresses #5553.Promise.defer
appearing in stderr when running with video recording enabled. Addresses #5611..rightclick()
and .dblclick()
have been updated to correctly reflect their accepted options. Addresses #5617.There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
A gif that shows the basic highlighting.
.d.ts
from dist.Is your feature request related to a problem? Please describe.
Currently, we have an autofocus
highlight option, but that focus can't easily get away when clicking on other elements around the page. I'm suggesting a new option that can set the focus & trap it to the target element until we removed the highlight.
Describe the solution you'd like
Instead of accepting only boolean value in autofocus
highlight option. I'd like to make it also possible to accept 'trap'
string value to enable the said feature. And I'd like it to be enabled by default.
CodeFactor found an issue: Complex Method
It's currently on:
src\ui-guide.ts:100-183
Commit 2d408e2
Important to mention:
Is your feature request related to a problem? Please describe.
This is for making it easy to do basic tasks on highlighted element, specially for adding temporary events (like asking user for a single click, checking a checkbox, type on input, etc.)
Describe the solution you'd like
We can imagine the usage of utility functions as:
uiguide.highlight('#target-element').then(uiguide.ask.click(3))
uiguide.highlight('#target-element').then(uiguide.ask.type('Hello'))
Describe the bug
The event has a name onElementsReady
but the Popper instance is also accessible on the argument π€
onElementsReady: (elements) => {
elements.popper // Is it also element?! Nah
}
Expected behavior
popper instance should not be included on the event arguments.
Describe the bug
Tried configuring the uiguide to autofocus: false
but highlighted element still automatically gains the focus.
To Reproduce
Try it in this pen https://codepen.io/rannie-peralta/pen/oNgvwQV
Expected behavior:
Prettier should format the .ts
file successfully.
A web app where users can try & play with the ui-guide library.
Currently, we only have one default theme which is only for light background.
Is your feature request related to a problem? Please describe.
The default import of package is somewhat misleading. It is returning a function that does nothing.
Describe the solution you'd like
Return the instance instead make its functions non-static.
class UIGuide {
highlight() {}
}
return new UIGuide()
1.27.6
to 1.27.7
.π¨ View failing branch.
This version is covered by your current version range and after updating it in your project the build failed.
rollup is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
2019-12-01
The new version differs by 4 commits.
c753a7f
1.27.7
1b8a3de
Update changelog
d5651be
Fix incomplete computed property deoptimization (#3267)
d7e3993
Update changelog
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
Describe the bug
While I'm working on #64 , found out that popup doesn't have an animation. Popup shown while the highlight isn't visible yet, which is not cool.
To Reproduce
Check out the https://codepen.io/rannie-peralta/pen/oNgvwQV
Expected behavior
Should animate the showing of popup
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.