Comments (8)
A SyntaxTree mutation visitor would probably be the easiest solution for this.
from phlexing.
@marcoroth @joeldrapper This dovetails into a separate project I've been slowly working on to transform HTML that has certain configurable directives…for example, in a Vue-style configuration, <div v-text="someValue"></div>
would render out as <div v-text="someValue">Expanded with the value text</div>
.
I had been using Nokogiri for this, but now I'm musing on the idea of using Phlexing to compile the HTML to Phlex and then using something like what you're describing to handle the directives so when the Phlex template runs it can expand out that content.
Any thoughts?
from phlexing.
(Could be tricky with things like lists, where a single <template>
tag with directives in its content would need to be duplicated and expanded out for n items in an array.)
from phlexing.
@jaredcwhite maybe I'm not understanding 100% what you are trying to do, but it seems kinda overkill to me to use phlexing (or phlex for that matter) as an intermediate format for those kind of transformations. Unless you already have those transformations written and implemented based on a Ruby AST.
from phlexing.
I agree. I think you’ll find it's easier to use Nokogiri than SyntaxTree for this kind of thing @jaredcwhite. If PhlexML is the final target, you can always do the transformations in Nokogiri first, then run it through Phlexing.
from phlexing.
If PhlexML is the final target, you can always do the transformations in Nokogiri first, then run it through Phlexing.
Interesting…I could essentially inject ERB into the markup via Nokogiri prior to the Phlexing stage. I'll give that a try!
from phlexing.
@marcoroth @joeldrapper OK, this looks like it can work! I just need to use special delimiters (eg.,{{{{%= value %}}}}
) and gsub back to angle brackets (so Nokogiri doesn't turn them into entities), class_eval a template method with the Phlexing conversion at "compile time", and then renders at run time simply execute the straightforward Phlex template.
This is rad!!
from phlexing.
@jaredcwhite depening what you are doing you might also find Phlexing::ERBTransformer
or Phlexing::Parser
helpful so you don't need to replace the output tags with weird markers
from phlexing.
Related Issues (20)
- Uppercase tag names
- ivars and locals used in ERB attribute interpolation are not respected when generating the `initialize` method
- `<header>` gets treated as `<head>`
- ERB in attributes always outputs parens HOT 1
- ERB attribute interpolation with one static and one dynamic string HOT 5
- More than one ERB interpolation in HTML attribute
- Rails `t` and `translate` helpers
- Style tags gets minified/transformed
- More than one ERB string interpolation in HTML attribute HOT 1
- ERB interpolation within `<style>` tag doesn't work
- Stray `text` calls on method calls that render or capture for `Phlex::DeferredRender HOT 1
- Wrong boolean attributes conversion HOT 4
- SVG tags are a special case HOT 1
- Support case-sensitive HTML elements
- https://phlexing.fun is not reachable HOT 2
- Converter doesn't handle non-standard HTML attributes
- Methods that take a block shouldn't be called with `plain`
- Integrate Monaco Editor
- Copy to clipboard button copies old code, not what is in text box HOT 2
- `form_with` short-circuits output HOT 2
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 phlexing.