Tippy.js popperInstance not working in v6 - popper.js

I am using Tippy and Popper for a Cytoscape tooltip. I based my code off of this demo which seems to be made for Tippy v5 and won't work in tippy v6. Specifically, the instance.popperInstance is always null. I have read this migration guide which simply says the popperInstance API has changed and references the entire Popper docs which seemingly has no mention of anything useful.
If anyone has any knowledge of Tippy v6 or Popper, help would be much appreciated.

To my current knowledge, the instance.popperInstance simply does not exist in v6. There are various other workarounds to this issue but essentially it is a deprecated property.
Though this may not be the most satisfactory answer, I believe it is sufficient and am accepting it for now until someone potentially comes and gives a more fleshed out one.

Related

What is the status of toastr.options.target and the functionality it targets?

I need to place the toastr inside a specific container, but I can't find this concept represented in the API. I found an old question where it was mentioned that options has an undocumented property target that do seem to work properly, the question was closed, referenced generally to stackoverflow and the property is still undocumented.
I'm using typescript and the typings for toastr, so the fact that target does not exist in ToastrOptions becomes very explicit.
While it would be trivial to hack around this or just to get rid of the errors in typescript, I'd like to stay clean and would appreciate some clarity on the lack of this feature or the lack of documentation.
Is target supposed to be documented or is the lack of support for placing the toastr in a specific container a conscious design choice?

Polymer and Google Closure Compiler

Will Polymer support Google Closure Compiler? What are the reasons why Polymer did not support Google Closure Compiler from the very beginning?
Well I can't answer why there wasn't support for the compiler from the beginning because I don't work on Polymer itself, but I do know that there are people working to make Polymer work better with the compiler now. In the short term, we're looking to add externs like these:
https://github.com/Polymer/paper-checkbox/tree/master/externs
for existing elements and are looking into adding an externs generator so that we don't have to manage these manually. Longer term, we are hoping to have full support for compiling Polymer elements and ensuring that they work well with other compiled code. Would externs address your use case in the short term? Maybe we can try to prioritize certain elements or at least give you some idea of when they'll be done.
A polymer-aware compiler pass looks like it's in the works: https://github.com/google/closure-compiler/wiki/Polymer-Pass

Using PURE.js to fed the HTML with JSON

Can i use pure.js and jquery to display my HTML content via Json?
The reason is to check if anybody has used this method before and have been successful.
url for ref: http://beebole.com/pure/documentation/get-started/
I am not sure if you still are looking for an answer to this question but simply, yes, you can use pure.js with jQuery to display content from JSON objects. It is very well integrated with jQuery and it also works well with AJAX calls.
I've been using pure.js for several years and personally think it is one of best JavaScript template engines. But, it has some limitations so may not be good to solve all the problems.
I included some pure.js usage examples in some my answers e.g.
is it possible to insert new html with pure.js
jQuery iterate through JSON dictionary
If you made any attempts to integrate pure.js with jQuery and ran into problem, please share your code and we should be able to help you more.
I hope that will help.

Using syntax highlighter with Tumblr

I'm trying to use Syntax Highlighter with my blog at http://a.shinynew.me. This is a tumblog.
I cannot seem to get it to work. I have followed his basic instructions for installation using the CDN hosted versions, but nothing happens on the page and nothing gets thrown in either firebug or chrome dev tools. All referenced resources are loaded.
I was hoping someone could clue me in to how to use Syntax Highlighter with Tumblr, and if not, what a suitable alternative might be.
I'm going to switch the answer on this to a better answer which is Gist from GitHub. Embeds perfectly with beautiful syntax highlighting and minimal markup.
https://gist.github.com/
Try this.

How to check if mootools.js is actually being used within a web site?

I inherited a web site project that includes mootools.js (about 40k) in most of the scripts. However, I have not seen, intuitively, where it is being used and given the nature of this porject, ahem, I'm thinking it might not be being used at all!
I'm "under the gun" to ship this tonight (yup, it's a pre-Thanksgiving release). I have not used mootools.js so I'm not sure what to grep for or if there's a sure tell way to determine this. I don't want to have to JSLint it (or do I LOL). Any suggestions would be appreciated. Thanks.
Mootools grafts itself onto some of the native js stuff, so it might be hard to do just by code inspection unless you are very familiar with what MooTools gives you.
Remove it, run your automated tests.
Cause you have those, right?...
Remove it and see if anyone complains.
(You could try it on a test machine first, if you're not feeling brave.)
You can check your source code on some MooTools methods, for example, addEvent().
If it is used so here is the Mootols :)
Just check from the home page of http://mootools.net/
I also was interested on one site why they use jquery and mootools. So, I found addEvent() method. It is Mootols method.
You must have a dev version of the site. Just pull it out and go over pages see if stuff breaks. Mostly you will get unknown function type stuff, if there is any dependencies. Firebug is your friend.
1, Open firebug
2, Click the DOM tab
3, Check if the Mootools object exists (It will say the current version of mootools next to it).
Hope this helps
:)