windicss-runtime-dom: processor with config breaks
UPDATE: seems to be an issue of plugins in config, hex colors seems to be ok actually do you get it in browser console aswell? if i add config to options like shown below, i get. without config everything is fine
Uncaught TypeError: can't access property "handler", e is null
source config parsed with following loading script
require(require('path').resolve(windi.config.js))
module.exports = {
plugins: [
require('windicss/plugin/typography'),
require('windicss/plugin/forms'),
require('windicss/plugin/aspect-ratio'),
require('windicss/plugin/line-clamp'),
require('windicss/plugin/filters'),
require('windicss/plugin/scroll-snap'),
],
};
to
window.windicssRuntimeOptions = {
extractInitial: false,
preflight: false,
mockClasses: true,
config: {
"plugins":[
null,
{
},
{
"config":{
"theme":{
"aspectRatio":{
}
},
"variants":{
"aspectRatio":[
"responsive"
]
}
}
},
{
"config":{
"theme":{
"lineClamp":{
}
},
"variants":{
"lineClamp":[
"responsive"
]
}
}
},
{
"config":{
"theme":{
"filter":{
"none":"none",
"grayscale":"grayscale(1)",
"invert":"invert(1)",
"sepia":"sepia(1)"
},
"backdropFilter":{
"none":"none",
"blur":"blur(20px)"
},
"blur":{
"none":"none"
}
},
"variants":{
"filter":[
"responsive"
],
"backdropFilter":[
"responsive"
]
}
}
},
{
"config":{
"theme":{
"snapMargin":{
},
"snapPadding":{
}
},
"variants":{
"snapMargin":[
"responsive"
],
"snapPadding":[
"responsive"
]
}
}
}
]
}
}
About this issue
- Original URL
- State: open
- Created 3 years ago
- Comments: 15
@MpMeetPatel Thanks so much. Ported the issue over to the core repo, to see all team’s opinion of whether to merge it into core or to leave it as an additional integration maintained by the community. Hope this is all fine for you.
However, if we merge it in core, I guess we would have to split parts into core and parts into this runtime-dom package. Thanks a lot for your time and your ideas.