139 lines
6.9 KiB
TypeScript
139 lines
6.9 KiB
TypeScript
import { makeMap } from './makeMap'
|
|
|
|
/**
|
|
* On the client we only need to offer special cases for boolean attributes that
|
|
* have different names from their corresponding dom properties:
|
|
* - itemscope -> N/A
|
|
* - allowfullscreen -> allowFullscreen
|
|
* - formnovalidate -> formNoValidate
|
|
* - ismap -> isMap
|
|
* - nomodule -> noModule
|
|
* - novalidate -> noValidate
|
|
* - readonly -> readOnly
|
|
*/
|
|
const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`
|
|
export const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs)
|
|
|
|
/**
|
|
* The full list is needed during SSR to produce the correct initial markup.
|
|
*/
|
|
export const isBooleanAttr = /*#__PURE__*/ makeMap(
|
|
specialBooleanAttrs +
|
|
`,async,autofocus,autoplay,controls,default,defer,disabled,hidden,` +
|
|
`loop,open,required,reversed,scoped,seamless,` +
|
|
`checked,muted,multiple,selected`
|
|
)
|
|
|
|
/**
|
|
* Boolean attributes should be included if the value is truthy or ''.
|
|
* e.g. `<select multiple>` compiles to `{ multiple: '' }`
|
|
*/
|
|
export function includeBooleanAttr(value: unknown): boolean {
|
|
return !!value || value === ''
|
|
}
|
|
|
|
const unsafeAttrCharRE = /[>/="'\u0009\u000a\u000c\u0020]/
|
|
const attrValidationCache: Record<string, boolean> = {}
|
|
|
|
export function isSSRSafeAttrName(name: string): boolean {
|
|
if (attrValidationCache.hasOwnProperty(name)) {
|
|
return attrValidationCache[name]
|
|
}
|
|
const isUnsafe = unsafeAttrCharRE.test(name)
|
|
if (isUnsafe) {
|
|
console.error(`unsafe attribute name: ${name}`)
|
|
}
|
|
return (attrValidationCache[name] = !isUnsafe)
|
|
}
|
|
|
|
export const propsToAttrMap: Record<string, string | undefined> = {
|
|
acceptCharset: 'accept-charset',
|
|
className: 'class',
|
|
htmlFor: 'for',
|
|
httpEquiv: 'http-equiv'
|
|
}
|
|
|
|
/**
|
|
* CSS properties that accept plain numbers
|
|
*/
|
|
export const isNoUnitNumericStyleProp = /*#__PURE__*/ makeMap(
|
|
`animation-iteration-count,border-image-outset,border-image-slice,` +
|
|
`border-image-width,box-flex,box-flex-group,box-ordinal-group,column-count,` +
|
|
`columns,flex,flex-grow,flex-positive,flex-shrink,flex-negative,flex-order,` +
|
|
`grid-row,grid-row-end,grid-row-span,grid-row-start,grid-column,` +
|
|
`grid-column-end,grid-column-span,grid-column-start,font-weight,line-clamp,` +
|
|
`line-height,opacity,order,orphans,tab-size,widows,z-index,zoom,` +
|
|
// SVG
|
|
`fill-opacity,flood-opacity,stop-opacity,stroke-dasharray,stroke-dashoffset,` +
|
|
`stroke-miterlimit,stroke-opacity,stroke-width`
|
|
)
|
|
|
|
/**
|
|
* Known attributes, this is used for stringification of runtime static nodes
|
|
* so that we don't stringify bindings that cannot be set from HTML.
|
|
* Don't also forget to allow `data-*` and `aria-*`!
|
|
* Generated from https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
|
|
*/
|
|
export const isKnownHtmlAttr = /*#__PURE__*/ makeMap(
|
|
`accept,accept-charset,accesskey,action,align,allow,alt,async,` +
|
|
`autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,` +
|
|
`border,buffered,capture,challenge,charset,checked,cite,class,code,` +
|
|
`codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,` +
|
|
`coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,` +
|
|
`disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,` +
|
|
`formaction,formenctype,formmethod,formnovalidate,formtarget,headers,` +
|
|
`height,hidden,high,href,hreflang,http-equiv,icon,id,importance,integrity,` +
|
|
`ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,` +
|
|
`manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,` +
|
|
`open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,` +
|
|
`referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,` +
|
|
`selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,` +
|
|
`start,step,style,summary,tabindex,target,title,translate,type,usemap,` +
|
|
`value,width,wrap`
|
|
)
|
|
|
|
/**
|
|
* Generated from https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute
|
|
*/
|
|
export const isKnownSvgAttr = /*#__PURE__*/ makeMap(
|
|
`xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,` +
|
|
`arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,` +
|
|
`baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,` +
|
|
`clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,` +
|
|
`color-interpolation-filters,color-profile,color-rendering,` +
|
|
`contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,` +
|
|
`descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,` +
|
|
`dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,` +
|
|
`fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,` +
|
|
`font-family,font-size,font-size-adjust,font-stretch,font-style,` +
|
|
`font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,` +
|
|
`glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,` +
|
|
`gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,` +
|
|
`horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,` +
|
|
`k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,` +
|
|
`lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,` +
|
|
`marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,` +
|
|
`mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,` +
|
|
`name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,` +
|
|
`overflow,overline-position,overline-thickness,panose-1,paint-order,path,` +
|
|
`pathLength,patternContentUnits,patternTransform,patternUnits,ping,` +
|
|
`pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,` +
|
|
`preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,` +
|
|
`rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,` +
|
|
`restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,` +
|
|
`specularConstant,specularExponent,speed,spreadMethod,startOffset,` +
|
|
`stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,` +
|
|
`strikethrough-position,strikethrough-thickness,string,stroke,` +
|
|
`stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,` +
|
|
`stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,` +
|
|
`systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,` +
|
|
`text-decoration,text-rendering,textLength,to,transform,transform-origin,` +
|
|
`type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,` +
|
|
`unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,` +
|
|
`v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,` +
|
|
`vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,` +
|
|
`writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,` +
|
|
`xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xml:base,xml:lang,` +
|
|
`xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
|
|
)
|