Giter Club home page Giter Club logo

Comments (4)

davidtheclark avatar davidtheclark commented on September 22, 2024

Thanks, @jeroencornelissen. Should be fixed in 2.4.5.

from focus-trap.

vladimyr avatar vladimyr commented on September 22, 2024

@davidtheclark Actually, now it is fully broken 😢

If someone tries to use it from unpkg.com they'll get error due to require not being implemented:
https://jsbin.com/remegiyeva/edit?html,console
However if you point to dist/focus-trap.js; which should be where main points to; you get this:
https://jsbin.com/nagicadifu/edit?html,console

Bottom line, main should always point to the umd bundle 😉

from focus-trap.

davidtheclark avatar davidtheclark commented on September 22, 2024

@vladimyr Are you sure you're looking in the right place, according to https://github.com/davidtheclark/focus-trap#installation?

https://unpkg.com/[email protected]/dist/focus-trap.js and https://unpkg.com/[email protected]/dist/focus-trap.min.js exist and seem to work fine.

In 2.4.5 main actually points to index.js, not to dist/focus-trap.js.

Bottom line, main should always point to the umd bundle 😉

I don't agree, because that adds unnecessary stuff for module users.

from focus-trap.

vladimyr avatar vladimyr commented on September 22, 2024

@vladimyr Are you sure you're looking in the right place, according to https://github.com/davidtheclark/focus-trap#installation?

Yeah, you are right, I missed that one 🤦‍♂️ Although it should be probably more helpful if documentation gives you something like this:

<!-- development -->
<script src="https://unpkg.com/[email protected]/dist/focus-trap.js"></script>

<!-- production -->
<script src="https://unpkg.com/[email protected]/dist/focus-trap.min.js"></script>

because Vue does that and React used to show that <script> snippet on their homepage too... It is easier if you can just c/p it 🙂

I don't agree, because that adds unnecessary stuff for module users.

Well, technically speaking it does add umd wrapper bloat and I'm perfectly aware that at the end of the day it is your call to decide. However, just in case you missed it, all packages listed on unpkg.com homepage except react & react-dom (Vue is not listed there but points to umd bundle too) do the opposite so you are kinda going against the flow...
To be totally fair they mostly do it using unpkg field in package.json with three.js being exception by using main.

IMHO it is all about user expectations; user should be able to do following:

<script src="https://unpkg.com/[email protected]"></script>

without getting any errors and going to github/unpkg to figure out what path to append there.

from focus-trap.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.