Comments (3)
@LittleSantaClaus glad the workaround was helpful. Let me know, of you need any other help on the new generator. Will be happy to help
from teleport-code-generators.
@LittleSantaClaus can we know your requirements please. Right now, we don't have a export with vite
yet. So, i am just curios onhow this is obstructing.
And on a side note. We can extend it by passing attrs
for script. Just like how we are passing for style nodes in UIDL
https://github.com/teleporthq/teleport-code-generators/blob/development/packages/teleport-types/src/uidl.ts#L127-L130
export interface UIDLStyleInlineAsset {
type: 'style'
content: string
attrs?: Record<string, UIDLStaticValue>
}
from teleport-code-generators.
I'm trying to set up a custom generator for a vite+vue 3 project.
Unfortunately, passing attrs
is not implemented for assets in this place, so I started looking for workarounds
But in the end I found a better solution - to describe this import in a strategy rather than a UIDL.
Because it seems that this script
tag is a generator configuration, not a specific project.
I think this issue can be closed. Thanks!
const strategy = {
entry: {
// ...
options: {
customTags: [
{
targetTag: 'body',
tagName: 'script',
attributes: [
{ attributeKey: 'type', attributeValue: 'module' },
{ attributeKey: 'src', attributeValue: '/src/main.js' }
]
}
]
}
}
}
from teleport-code-generators.
Related Issues (20)
- Guide on how to setup editor locally HOT 3
- Component styles are missing in the generated code in `NextJS` if the component has state declarations
- How to get UIDL from form components? HOT 1
- Accordian and navbar throws an error in nextjs generated code
- Scripts in Components throws an Error in nextjs exported code. HOT 6
- support multiple value for one style in UIDLElementNode? HOT 3
- `lottieplayer` is being added to all next projects by default
- `lottie-node` styles are not propagating in `nextjs` because of `styled-jsx`.
- Configure the `nextjs` projects to use `next-sitemap` generator
- (vue-export): Fix `Invalid Host Header` for Vuejs exports
- Export any project as a `tailwind` project
- Presentation page not displaying `height: calc(...)` in an obvious way HOT 1
- Section containnig lottie files displaying differently on preview and downloaded react project. HOT 1
- TypeError: ReactGenerator.generateComponent is not a function HOT 1
- Use GitHub actions to build CMS projects HOT 1
- Navbar js not executing correctly for downloaded react project (works in preview) HOT 1
- Support for UIDLElementNode as UIDLAttributeValue
- generateComponent dont update elementType on mapping elements
- Can't use component from external package with dash-case tagname HOT 1
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 teleport-code-generators.