Comments (3)
Skypack is super easy to use:
<script type="module">
import confetti from 'https://cdn.skypack.dev/canvas-confetti';
confetti();
</script>
It'd be great if we could use something like this without needing any tweaks to the asset pipeline or webpacker out of the box.
from madmin.
Played with this today. We can easily add SlimSelect and Flatpickr this way.
<%= stylesheet_link_tag "https://cdn.skypack.dev/flatpickr/dist/flatpickr.min.css", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "https://cdn.skypack.dev/slim-select/dist/slimselect.min.css", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "https://cdn.skypack.dev/trix/dist/trix.css", "data-turbo-track": "reload" %>
<%= javascript_include_tag "https://cdn.skypack.dev/trix/dist/trix.js", "data-turbo-track": "reload" %>
<script type="module">
import { Application } from 'https://cdn.skypack.dev/stimulus'
const application = Application.start()
import stimulusFlatpickr from 'https://cdn.skypack.dev/stimulus-flatpickr'
application.register("flatpickr", stimulusFlatpickr)
import stimulusSlimselect from 'https://cdn.skypack.dev/stimulus-slimselect'
application.register("slimselect", stimulusSlimselect)
</script>
This doesn't solve the problem of needing ActiveStorage, ActionText, and other JS from Rails. It does reduce dependencies on gems like slimselect-rails for the asset pipeline & directly installing the packages with webpacker. I think that's a win.
We may just need to add madmin.js that will include Turbo(links) and other Rails dependencies. That would be fairly simple.
from madmin.
Added Rails, ActiveStorage, and ActionText using Skypack matching the Ruby gem version number. This should make this work nicely.
from madmin.
Related Issues (20)
- ActionText seems not to be supported HOT 2
- Is it possible to search attributes of a Resource's assocations? HOT 1
- Madmin breaks application boot when a migration adds a field and a madmin attribute is added before running the migration. HOT 2
- Relationships are unnecessarily preloaded
- forms + typography have stopped resolving HOT 6
- Skypack CDN failing to return Stimulus packages HOT 4
- Selecting associated models HOT 2
- AmbiguousColumn ERROR in `views/madmin/fields/has_many/_form.html.erb`
- Application and route helpers stopped working after upgrading to version 1.2.7 HOT 2
- Madmin errors - Users and notifications HOT 2
- Update tailwindcss-stimulus-components HOT 2
- [email protected] is missing in unpkg HOT 4
- to_param causing issues HOT 2
- A way to add a class to all form fields?
- Import map not resolving actiontext
- Menu is not working since tailwindcss-stimulus-components v4.1.0
- Not working with CSP HOT 5
- uninitialized constant Madmin::ActiveRecord::Enum HOT 3
- Where would I setup specific form helpers for different field types? HOT 1
- NoMethodError: undefined method pagy_link_proc HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from madmin.