Help using library about re.places HOT 5 CLOSED

Hey @joemasilotti thanks for the kind words and posting issue #1! And a legit issue, no less.

If I copy-paste the <script> tag mentioned in the README I get the following error in the console. I'm running Safari v15.2.

This is a mistake in the readme unfortunately! Try importing the core script instead, which works without modules / workers:
<script src="//cdn.jsdelivr.net/npm/[email protected]/src/re.places.core.js"></script>

If I try to use the dynamic import I get the following error in both Safari and Chrome.

And another problem with the readme! I neglected to mention that this line must be used in a module, e.g:

<script type="module">
import replaces from 'https://cdn.jsdelivr.net/npm/[email protected]/re.places.js'
// ... search logic goes here
</script>

I've put together some minimal working examples for both the standard script and the module import, both tested and working in chrome, safari and firefox.

Thanks for bringing these up, I'll push the changes up into the readme as soon as i get a chance. I'll need to include a small fix for the standard script tag usage as well, so you're not stuck with the worker-less core version. Will aim to have a fix up for tomorrow AEST.

And if you do get things up and running, any feedback would be most appreciated.

from re.places.

I'm not sure how to set up the module type script, so I can't comment on that.

But for the CDN, if I use your new import script I get the following errors:

[Error] Load cannot follow more than 20 redirections
[Error] Cross-origin script load denied by Cross-Origin Resource Sharing policy.
[Error] Failed to load resource: Load cannot follow more than 20 redirections (re.places.core.js, line 0)

from re.places.

from re.places.

Hi @joemasilotti I've just pushed an update that should (hopefully!) resolve your issue, can you try importing the latest version of the library using the following tag:

<script type="module" async src="https://cdn.jsdelivr.net/npm/[email protected]/re.places.js?global"></script>

You should then be able to use replaces in a standard script tag, no module wizardry required.

If you'd prefer to name the global variable something other than replaces (for semantics, beauty, whatever), you can specify it as a search parameter of the script src, e.g. global=groovynewname

I've updated the minimal example I put together for you to show this working: https://codepen.io/theprojectsomething/pen/eYeeNmE?editors=1010

from re.places.

Got it, thanks for the help!

from re.places.