phlex VS tagify

The community was a delight! I can't even count how many people I connected with, and it was just great to meet people whom I had previously only interacted with online. Also got to meet a lot of those people who significantly contribute to the Rails ecosystem. Everyone I said hi to was more than willing to spare time and nerd out and share experiences. I was also thrilled to connect with Philip, who shares my enthusiasm for Phlex. He provided me with some exciting ideas for creating an even more crazy yet cohesive form object with Phlex.

Why use ActiveAdmin or RailsAdmin: Brick is not nearly as configurable -- at least yet! With Brick you can drop in your own model / controller / view template and it will use it, but on its own you can not change theming / use it to do templating tricks / etc. Currently working hard to arrive upon a straightforward and logical approach so that all of this will be possible. Looking into Arbre (used by ActiveAdmin) and Phlex for inspiration.

Phlex is an incredibly refreshing gem created by Joel Drapper. It introduces a remarkable way to build views in pure Ruby, as exemplified below:

A few months ago I came across https://www.phlex.fun and thought it was a nifty little library that could be useful for creating components. Since then I've been playing around with it in Rails, using it more seriously, and finally took it to a point where I built a Rails application with 100% Phlex components and 0% Erb. The other crazy thing is I figured out how to inline the Phlex view components into a controller, so prototyping Rails apps feels vaguely familiar to prototyping one in Sinatra.

A colleague has been using Phlex and I’ve since tried it as well. For me having it all be straight ruby, in one file, has worked and just from my personal preference something I’ve enjoyed over view_components.

phlex

You might want to take a look at Phlex, which essentially has the same syntax: https://github.com/joeldrapper/phlex

As an example, I wanted to pull in https://github.com/yairEO/tagify I ended up using it from CDN rather than as an NPM module. I looked pretty hard and found no way to pull the CSS into the assets with the Rails 7 bundling tools; they have no mechanism for importing CSS from NPM packages into the asset build directory so far as I could tell. I also couldn't get fontawesome to work at all with a rails frontend using the TailwindCSS pipeline. Fontawesome expects sass, tailwindCSS does not, and using the standard CSS import didn't seem to work - no errors, but the tags just stayed as they were and no images showed up.

The video is just an example of a treeview with searchbar that I developed some time ago. Javascript events are mapped to Matlab, and from Matlab one can style the colors, enable the highlighting or changing the delimiters for searching files, folders or the 'not' find (the searchbar was done with Tagify, a very nice JS library)

I am working on tagging for the first time and I researched a bit and found that Tagify seems like a great fit with lots of options that I can play around with. I have tried both using CDN and NPM installs of it. I have followed all the instructions from Tagify. I have also installed gulp and it is working fine from following their docs.

There are some repos on github with the fix to this https://github.com/yairEO/tagify.

Im pretty new to JS and I am trying to implement the Tagify library, it's located HERE for those of you who may not know what it is.

So let me start by saying I am completely new to Javascript but not to programming. Anyway, I am trying to implement Tagify, the github repo can be found HERE. Anyway, the search box is clearly found by Tagify because I can get the tags as I type to come up. However, it's like my whitelist is not working at all. Like the specific settings I am trying to apply to Tagify have no effect and I have no idea why. I added the event listener and it clearly triggers when I type so I can't imagine it wouldn't work. Can anyone give me some insight?

tagify: lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue repo