Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-09 03:04:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

More work on live css, basically works

Browse Source
This commit is contained in:
Kovid Goyal 2018-07-30 13:03:20 +05:30
parent 8c1a3e0467
commit eebafd9454
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/pyj/live_css.pyj
View File

@ -145,60 +145,62 @@ def get_style_properties(style, all_properties, node_style, is_ancestor):
val = None val = None
if property and val and (not is_ancestor or INHERITED_PROPS[property]): if property and val and (not is_ancestor or INHERITED_PROPS[property]):
properties.push(v'[property, val, style.getPropertyPriority(property), get_color(property, val)]') properties.push(v'[property, val, style.getPropertyPriority(property), get_color(property, val)]')
if not all_properties.hasOwnProperty(property): if not all_properties[property]:
all_properties[property] = v'[node_style.getPropertyValue(property), get_color(property, cval)]' cval = node_style.getPropertyValue(property)
cval
all_properties[property] = v'[cval, get_color(property, cval)]'
i += 1 i += 1
return properties return properties
def process_rules(node, cssRules, address, sheet, sheet_index, matching_selectors, all_properties, node_style, is_ancestor, ans): def get_sheet_rules(sheet):
for rule_index in range(cssRules.length): if sheet.disabled or not sheet.cssRules:
rule = cssRules[rule_index] return v'[]'
rule_address = address.concat([rule_index]) sheet_media = sheet.media and sheet.media.mediaText
if sheet_media and sheet_media.length and not window.matchMedia(sheet_media).matches:
return v'[]'
return sheet.cssRules
def process_rules(node, rules, address, sheet, sheet_index, all_properties, node_style, is_ancestor, ans):
for rule_index in range(rules.length):
rule = rules[rule_index]
rule_address = address.concat(v'[rule_index]')
if rule.type is CSSRule.MEDIA_RULE: if rule.type is CSSRule.MEDIA_RULE:
process_rules(node, rule.cssRules, rule_address, sheet, sheet_index, matching_selectors, all_properties, node_style, is_ancestor, ans) process_rules(node, rule.cssRules, rule_address, sheet, sheet_index, all_properties, node_style, is_ancestor, ans)
continue continue
if rule.type is not CSSRule.STYLE_RULE: if rule.type is not CSSRule.STYLE_RULE:
continue continue
# As a performance improvement, instead of running the match on every
# rule, we simply check if its selector is one of the matching
# selectors returned by getMatchedCSSRules. However,
# getMatchedCSSRules ignores rules in media queries that dont apply, so we check them manually
st = rule.selectorText st = rule.selectorText
if st and (matching_selectors.hasOwnProperty(st) or (rule_address.length > 1 and node.matches(st))): if not node.matches(st):
type = 'sheet' continue
href = sheet.href type = 'sheet'
if href is None: href = sheet.href
href = get_sourceline_address(sheet.ownerNode) if not href:
type = 'elem' href = get_sourceline_address(sheet.ownerNode)
parts = st.split(',') # We only want the first matching selector type = 'elem'
if parts.length > 1: # Technically, we should check for the highest specificity
for q in parts: # matching selector, but we cheat and use the first one
if node.matches(q): parts = st.split(',')
st = q if parts.length > 1:
break for q in parts:
properties = get_style_properties(rule.style, all_properties, node_style, is_ancestor) if node.matches(q):
if properties.length > 0: st = q
data = {'selector':st, 'type':type, 'href':href, 'properties':properties, 'rule_address':rule_address, 'sheet_index':sheet_index} break
ans.push(data) properties = get_style_properties(rule.style, all_properties, node_style, is_ancestor)
if properties.length > 0:
data = {'selector':st, 'type':type, 'href':href, 'properties':properties, 'rule_address':rule_address, 'sheet_index':sheet_index}
ans.push(data)
def get_matched_css(node, is_ancestor, all_properties): def get_matched_css(node, is_ancestor, all_properties):
# WebKit sets parentStyleSheet == null for rules returned by getMatchedCSSRules so we cannot use them directly
rules = node.ownerDocument.defaultView.getMatchedCSSRules(node, '')
if not rules:
rules = v'[]'
matching_selectors = {}
for rule in rules:
matching_selectors[rule.selectorText] = True
ans = v'[]' ans = v'[]'
node_style = window.getComputedStyle(node) node_style = window.getComputedStyle(node)
sheets = document.styleSheets sheets = document.styleSheets
for sheet_index in range(sheets.length): for sheet_index in range(sheets.length):
sheet = sheets[sheet_index] sheet = sheets[sheet_index]
if sheet.disabled or not sheet.cssRules: process_rules(node, get_sheet_rules(sheet), v'[]', sheet, sheet_index, all_properties, node_style, is_ancestor, ans)
continue
process_rules(node, sheet.cssRules, [], sheet, sheet_index, matching_selectors, all_properties, node_style, is_ancestor, ans)
if node.getAttribute('style'): if node.getAttribute('style'):
properties = get_style_properties(node.style, all_properties, node_style, is_ancestor) properties = get_style_properties(node.style, all_properties, node_style, is_ancestor)