mercuryworkshop-mirror/dreamlandjs
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/dreamlandjs.git synced 2025-05-15 15:10:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: non-scoped css rules, scoped media rules, falsy attributes

Browse source
This commit is contained in:
Toshit Chawda 2024-06-21 18:19:52 -07:00
parent bd94e92985
commit f9cc927c60
No known key found for this signature in database
GPG key ID: 91480ED99E2B3D9D
3 changed files with 19 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dreamland.d.ts vendored
View file

@ -77,7 +77,7 @@ interface DLElement<T> extends HTMLElement {
}
type ComponentElement<T extends (...args: any) => any> = ReturnType<T>
type ComponentType<T extends (...args: any) => any> = ReturnType<T>["$"]
type ComponentType<T extends (...args: any) => any> = ReturnType<T>['$']
type OuterComponentTypes = {
root: Element

1
src/core.js
View file

@ -575,6 +575,7 @@ function JSXAddChild(child, cb) {
// Where properties are assigned to elements, and where the *non-reactive* syntax sugar goes
function JSXAddAttributes(elm, name, prop) {
if (!prop && elm.hasAttribute(name)) elm.removeAttribute(name)
if (!prop) return
if (name.startsWith('on:')) {

15
src/css.js
View file

@ -96,7 +96,7 @@ export function genCss(uid, str, scoped) {
let extstr = ''
for (const rule of styleElement.sheet.cssRules) {
if (!rule.selectorText) {
if (!rule.selectorText && !rule.media) {
extstr += rule.cssText
} else if (rule.selectorText?.startsWith(':')) {
rule.selectorText = `.${uid}${rule.selectorText}`
@ -109,7 +109,18 @@ export function genCss(uid, str, scoped) {
styleElement.textContent = `.${uid} {${selfstr}} @scope (.${uid}) to (:not(.${uid}).${cssBoundary} *) { ${newstr} } ${extstr}`
} else {
for (const rule of styleElement.sheet.cssRules) {
rule.selectorText = `.${uid} ${rule.selectorText}`
if (rule.selectorText)
rule.selectorText = rule.selectorText
.split(',')
.map((x) => {
x = x.trim()
if (x[0] === ':') {
return `.${uid}${x}`
} else {
return `.${uid} ${x}`
}
})
.join(', ')
newstr += rule.cssText
}