Artifact
39413e74a9a5d94d352dfd1b52a303b7210914fb2d370845a529e042b4766358:
0000: 69 6d 70 6f 72 74 20 24 20 66 72 6f 6d 20 27 2e import $ from '.
0010: 2f 2e 2e 2f 63 6f 6d 6d 6f 6e 2f 75 74 69 6c 2f /../common/util/
0020: 64 6f 6d 2f 24 27 0a 69 6d 70 6f 72 74 20 6d 61 dom/$'.import ma
0030: 6b 65 45 6c 65 6d 65 6e 74 20 66 72 6f 6d 20 27 keElement from '
0040: 2e 2f 2e 2e 2f 63 6f 6d 6d 6f 6e 2f 75 74 69 6c ./../common/util
0050: 2f 64 6f 6d 2f 6d 61 6b 65 2d 65 6c 65 6d 65 6e /dom/make-elemen
0060: 74 27 0a 69 6d 70 6f 72 74 20 73 65 74 41 74 74 t'.import setAtt
0070: 72 69 62 75 74 65 20 66 72 6f 6d 20 27 2e 2f 2e ribute from './.
0080: 2e 2f 63 6f 6d 6d 6f 6e 2f 75 74 69 6c 2f 64 6f ./common/util/do
0090: 6d 2f 73 65 74 2d 61 74 74 72 69 62 75 74 65 27 m/set-attribute'
00a0: 0a 69 6d 70 6f 72 74 20 7b 20 57 49 4e 20 7d 20 .import { WIN }
00b0: 66 72 6f 6d 20 27 2e 2f 2e 2e 2f 63 6f 6d 6d 6f from './../commo
00c0: 6e 2f 67 6c 6f 62 61 6c 2d 76 61 72 69 61 62 6c n/global-variabl
00d0: 65 73 27 0a 0a 6c 65 74 20 73 74 79 6c 65 4e 6f es'..let styleNo
00e0: 64 65 0a 2f 2f 20 43 72 65 61 74 65 20 63 61 63 de.// Create cac
00f0: 68 65 20 61 6e 64 20 73 68 6f 72 74 63 75 74 20 he and shortcut
0100: 74 6f 20 74 68 65 20 63 6f 72 72 65 63 74 20 70 to the correct p
0110: 72 6f 70 65 72 74 79 0a 6c 65 74 20 63 73 73 54 roperty.let cssT
0120: 65 78 74 50 72 6f 70 0a 6c 65 74 20 62 79 4e 61 extProp.let byNa
0130: 6d 65 20 3d 20 7b 7d 0a 6c 65 74 20 6e 65 65 64 me = {}.let need
0140: 73 49 6e 6a 65 63 74 20 3d 20 66 61 6c 73 65 0a sInject = false.
0150: 0a 2f 2f 20 73 6b 69 70 20 74 68 65 20 66 6f 6c .// skip the fol
0160: 6c 6f 77 69 6e 67 20 63 6f 64 65 20 6f 6e 20 74 lowing code on t
0170: 68 65 20 73 65 72 76 65 72 0a 69 66 20 28 57 49 he server.if (WI
0180: 4e 29 20 7b 0a 20 20 73 74 79 6c 65 4e 6f 64 65 N) {. styleNode
0190: 20 3d 20 28 28 28 29 20 3d 3e 20 7b 0a 20 20 20 = ((() => {.
01a0: 20 2f 2f 20 63 72 65 61 74 65 20 61 20 6e 65 77 // create a new
01b0: 20 73 74 79 6c 65 20 65 6c 65 6d 65 6e 74 20 77 style element w
01c0: 69 74 68 20 74 68 65 20 63 6f 72 72 65 63 74 20 ith the correct
01d0: 74 79 70 65 0a 20 20 20 20 63 6f 6e 73 74 20 6e type. const n
01e0: 65 77 4e 6f 64 65 20 3d 20 6d 61 6b 65 45 6c 65 ewNode = makeEle
01f0: 6d 65 6e 74 28 27 73 74 79 6c 65 27 29 0a 20 20 ment('style').
0200: 20 20 2f 2f 20 72 65 70 6c 61 63 65 20 61 6e 79 // replace any
0210: 20 75 73 65 72 20 6e 6f 64 65 20 6f 72 20 69 6e user node or in
0220: 73 65 72 74 20 74 68 65 20 6e 65 77 20 6f 6e 65 sert the new one
0230: 20 69 6e 74 6f 20 74 68 65 20 68 65 61 64 0a 20 into the head.
0240: 20 20 20 63 6f 6e 73 74 20 75 73 65 72 4e 6f 64 const userNod
0250: 65 20 3d 20 24 28 27 73 74 79 6c 65 5b 74 79 70 e = $('style[typ
0260: 65 3d 72 69 6f 74 5d 27 29 0a 0a 20 20 20 20 73 e=riot]').. s
0270: 65 74 41 74 74 72 69 62 75 74 65 28 6e 65 77 4e etAttribute(newN
0280: 6f 64 65 2c 20 27 74 79 70 65 27 2c 20 27 74 65 ode, 'type', 'te
0290: 78 74 2f 63 73 73 27 29 0a 20 20 20 20 2f 2a 20 xt/css'). /*
02a0: 69 73 74 61 6e 62 75 6c 20 69 67 6e 6f 72 65 20 istanbul ignore
02b0: 6e 65 78 74 20 2a 2f 0a 20 20 20 20 69 66 20 28 next */. if (
02c0: 75 73 65 72 4e 6f 64 65 29 20 7b 0a 20 20 20 20 userNode) {.
02d0: 20 20 69 66 20 28 75 73 65 72 4e 6f 64 65 2e 69 if (userNode.i
02e0: 64 29 20 6e 65 77 4e 6f 64 65 2e 69 64 20 3d 20 d) newNode.id =
02f0: 75 73 65 72 4e 6f 64 65 2e 69 64 0a 20 20 20 20 userNode.id.
0300: 20 20 75 73 65 72 4e 6f 64 65 2e 70 61 72 65 6e userNode.paren
0310: 74 4e 6f 64 65 2e 72 65 70 6c 61 63 65 43 68 69 tNode.replaceChi
0320: 6c 64 28 6e 65 77 4e 6f 64 65 2c 20 75 73 65 72 ld(newNode, user
0330: 4e 6f 64 65 29 0a 20 20 20 20 7d 20 65 6c 73 65 Node). } else
0340: 20 64 6f 63 75 6d 65 6e 74 2e 68 65 61 64 2e 61 document.head.a
0350: 70 70 65 6e 64 43 68 69 6c 64 28 6e 65 77 4e 6f ppendChild(newNo
0360: 64 65 29 0a 0a 20 20 20 20 72 65 74 75 72 6e 20 de).. return
0370: 6e 65 77 4e 6f 64 65 0a 20 20 7d 29 29 28 29 0a newNode. }))().
0380: 20 20 63 73 73 54 65 78 74 50 72 6f 70 20 3d 20 cssTextProp =
0390: 73 74 79 6c 65 4e 6f 64 65 2e 73 74 79 6c 65 53 styleNode.styleS
03a0: 68 65 65 74 0a 7d 0a 0a 2f 2a 2a 0a 20 2a 20 4f heet.}../**. * O
03b0: 62 6a 65 63 74 20 74 68 61 74 20 77 69 6c 6c 20 bject that will
03c0: 62 65 20 75 73 65 64 20 74 6f 20 69 6e 6a 65 63 be used to injec
03d0: 74 20 61 6e 64 20 6d 61 6e 61 67 65 20 74 68 65 t and manage the
03e0: 20 63 73 73 20 6f 66 20 65 76 65 72 79 20 74 61 css of every ta
03f0: 67 20 69 6e 73 74 61 6e 63 65 0a 20 2a 2f 0a 65 g instance. */.e
0400: 78 70 6f 72 74 20 64 65 66 61 75 6c 74 20 7b 0a xport default {.
0410: 20 20 73 74 79 6c 65 4e 6f 64 65 2c 0a 20 20 2f styleNode,. /
0420: 2a 2a 0a 20 20 20 2a 20 53 61 76 65 20 61 20 74 **. * Save a t
0430: 61 67 20 73 74 79 6c 65 20 74 6f 20 62 65 20 6c ag style to be l
0440: 61 74 65 72 20 69 6e 6a 65 63 74 65 64 20 69 6e ater injected in
0450: 74 6f 20 44 4f 4d 0a 20 20 20 2a 20 40 70 61 72 to DOM. * @par
0460: 61 6d 20 7b 20 53 74 72 69 6e 67 20 7d 20 63 73 am { String } cs
0470: 73 20 2d 20 63 73 73 20 73 74 72 69 6e 67 0a 20 s - css string.
0480: 20 20 2a 20 40 70 61 72 61 6d 20 7b 20 53 74 72 * @param { Str
0490: 69 6e 67 20 7d 20 6e 61 6d 65 20 2d 20 69 66 20 ing } name - if
04a0: 69 74 27 73 20 70 61 73 73 65 64 20 77 65 20 77 it's passed we w
04b0: 69 6c 6c 20 6d 61 70 20 74 68 65 20 63 73 73 20 ill map the css
04c0: 74 6f 20 61 20 74 61 67 6e 61 6d 65 0a 20 20 20 to a tagname.
04d0: 2a 2f 0a 20 20 61 64 64 28 63 73 73 2c 20 6e 61 */. add(css, na
04e0: 6d 65 29 20 7b 0a 20 20 20 20 62 79 4e 61 6d 65 me) {. byName
04f0: 5b 6e 61 6d 65 5d 20 3d 20 63 73 73 0a 20 20 20 [name] = css.
0500: 20 6e 65 65 64 73 49 6e 6a 65 63 74 20 3d 20 74 needsInject = t
0510: 72 75 65 0a 20 20 7d 2c 0a 20 20 2f 2a 2a 0a 20 rue. },. /**.
0520: 20 20 2a 20 49 6e 6a 65 63 74 20 61 6c 6c 20 70 * Inject all p
0530: 72 65 76 69 6f 75 73 6c 79 20 73 61 76 65 64 20 reviously saved
0540: 74 61 67 20 73 74 79 6c 65 73 20 69 6e 74 6f 20 tag styles into
0550: 44 4f 4d 0a 20 20 20 2a 20 69 6e 6e 65 72 48 54 DOM. * innerHT
0560: 4d 4c 20 73 65 65 6d 73 20 73 6c 6f 77 3a 20 68 ML seems slow: h
0570: 74 74 70 3a 2f 2f 6a 73 70 65 72 66 2e 63 6f 6d ttp://jsperf.com
0580: 2f 72 69 6f 74 2d 69 6e 73 65 72 74 2d 73 74 79 /riot-insert-sty
0590: 6c 65 0a 20 20 20 2a 2f 0a 20 20 69 6e 6a 65 63 le. */. injec
05a0: 74 28 29 20 7b 0a 20 20 20 20 69 66 20 28 21 57 t() {. if (!W
05b0: 49 4e 20 7c 7c 20 21 6e 65 65 64 73 49 6e 6a 65 IN || !needsInje
05c0: 63 74 29 20 72 65 74 75 72 6e 0a 20 20 20 20 6e ct) return. n
05d0: 65 65 64 73 49 6e 6a 65 63 74 20 3d 20 66 61 6c eedsInject = fal
05e0: 73 65 0a 20 20 20 20 63 6f 6e 73 74 20 73 74 79 se. const sty
05f0: 6c 65 20 3d 20 4f 62 6a 65 63 74 2e 6b 65 79 73 le = Object.keys
0600: 28 62 79 4e 61 6d 65 29 0a 20 20 20 20 20 20 2e (byName). .
0610: 6d 61 70 28 6b 20 3d 3e 20 62 79 4e 61 6d 65 5b map(k => byName[
0620: 6b 5d 29 0a 20 20 20 20 20 20 2e 6a 6f 69 6e 28 k]). .join(
0630: 27 5c 6e 27 29 0a 20 20 20 20 2f 2a 20 69 73 74 '\n'). /* ist
0640: 61 6e 62 75 6c 20 69 67 6e 6f 72 65 20 6e 65 78 anbul ignore nex
0650: 74 20 2a 2f 0a 20 20 20 20 69 66 20 28 63 73 73 t */. if (css
0660: 54 65 78 74 50 72 6f 70 29 20 63 73 73 54 65 78 TextProp) cssTex
0670: 74 50 72 6f 70 2e 63 73 73 54 65 78 74 20 3d 20 tProp.cssText =
0680: 73 74 79 6c 65 0a 20 20 20 20 65 6c 73 65 20 73 style. else s
0690: 74 79 6c 65 4e 6f 64 65 2e 69 6e 6e 65 72 48 54 tyleNode.innerHT
06a0: 4d 4c 20 3d 20 73 74 79 6c 65 0a 20 20 7d 2c 0a ML = style. },.
06b0: 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 52 65 6d 6f . /**. * Remo
06c0: 76 65 20 61 20 74 61 67 20 73 74 79 6c 65 20 6f ve a tag style o
06d0: 66 20 69 6e 6a 65 63 74 65 64 20 44 4f 4d 20 6c f injected DOM l
06e0: 61 74 65 72 2e 0a 20 20 20 2a 20 40 70 61 72 61 ater.. * @para
06f0: 6d 20 7b 53 74 72 69 6e 67 7d 20 6e 61 6d 65 20 m {String} name
0700: 61 20 72 65 67 69 73 74 65 72 65 64 20 74 61 67 a registered tag
0710: 6e 61 6d 65 0a 20 20 20 2a 2f 0a 20 20 72 65 6d name. */. rem
0720: 6f 76 65 28 6e 61 6d 65 29 20 7b 0a 20 20 20 20 ove(name) {.
0730: 64 65 6c 65 74 65 20 62 79 4e 61 6d 65 5b 6e 61 delete byName[na
0740: 6d 65 5d 0a 20 20 20 20 6e 65 65 64 73 49 6e 6a me]. needsInj
0750: 65 63 74 20 3d 20 74 72 75 65 0a 20 20 7d 0a 7d ect = true. }.}
0760: 0a .