Asjsstring to Include Text In Javascript

BUILD_INCLUDE

const getStyleCss = () => {
  const css = '// BUILD_INCLUDE("./includes/css/style.min.css")[asJsString,breakstring?width=80]';
  return css;
};

Config

const bp = new BuildProcess();
const opt = {
  match: {
    kind: "buildIncludeSlash"
  }
};
const results = bp.buildInclude('','./includes/css.js', opt);

Output

const getStyleCss = () => {
  const css = '\
.mem-fs-button::after{content:\"\";background-image:url(data:image/png;base64,i\
VBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACk0lEQVR42mNgGAWjYBSMUFAlx8RQI69I\
JJanyK5qOS4S7BIjzfAaeVmGFbr/icYLtH4zNClmkOyJXpXjDEt1iLdnktp92noEhGdqfCTJjnoFV5L\
toItHpqu/JcmOOnnzgfXIciBerP0PBc/QeA8MYTeSk1aH8mKGeVo/UcxaovOPfh5pVeqhSSEDyvhT1B\
7TL2nRwjMQTzyhbdICOXyZDu08g8sT6CUaxR4BpdtWpS6aeAaXJ+Zq/mBoV5pLfY+AALU9g88TtfJaD\
C2KDbTxCH7P9FHVEyBABY9IoxiwGMkj+DzTrFhOtB2T1O7h9QRVPAICoGYHzIAZGh8w5LF5ZqbGJ7Jr\
dXRPYFPXrbKHdI80KiSBPTBd/Q3YQGygVakbxTNT1V8SZXatvCE4BvF5AgbalRYyzNb8yjBR9SZDtbw\
I7VrKTYrF4HbWVPUXwGaHPdH62pQmMczS+AxMLneBntAY7XKMglEwCkbBKBgFgwY0KIQCa3UbElu/LO\
BmEK6mCZUdGAJsZznjbYpPVnsAb/22K80j0hNs4AELWC8Q1GbDrZYH6OEU8j3cp3oW3qjrVN5AVH9it\
uY3IhuksUR1zqrl+BhmaX6B94lAMUhyp2c52kgiMZ2iycAREOJavzoY/XFsnmlSLERRM0H1OvV6iPh7\
dsS3YonpNtOsq0tM95QUQMgzNPEItT1BjGdo4hFaeIKQZyaq3ab9IDa1PIHPMzQfMqW2J4j1DFU9ArK\
oQ3kleBwLgnuAlaYHmQN0fMAitgDJrD6wYwd0fqRDeRmJnmADDx8NuokeYmt1RPMnfHDOWE1Uu0myHf\
gmdajiEdBAGKi5QRx+BBwB3EXW4BkoVvpVLxNtV6fy2tGuxigYBaNg+AAAZ7k6IXnaMaQAAAAASUVOR\
K5CYII=);background-size:cover;opacity:.4;top:0;left:0;bottom:0;right:0;positio\
n:absolute;z-index:100;-webkit-filter:grayscale(1);filter:grayscale(1)}.mem-fs-\
button-parent{width:50px;height:50px;position:fixed;top:10px;right:10px;z-index\
:101}.mem-fs-button{position:absolute;top:0;left:0;right:0;bottom:0}.mem-fs-but\
ton:hover{cursor:pointer;opacity:1;filter:grayscale(0);-webkit-filter:grayscale\
(0);-webkit-filter:drop-shadow(4px 4px 4px #d107c0);filter:drop-shadow(4px 4px \
4px #d107c0)}.mem-fs-button:hover::after{content:\"\";cursor:pointer;opacity:1;\
filter:grayscale(0);-webkit-filter:grayscale(0)}.mem-fs-button-parent .mem-fs-b\
tntooltip{visibility:hidden;width:120px;background-color:#272822;color:#fff;tex\
t-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:\
2px;right:105%;opacity:0;transition:opacity 1s}.mem-fs-button-parent:hover .mem\
-fs-btntooltip{visibility:visible;opacity:1}.mem-fs-button-parent .mem-fs-btnto\
oltip::after{content:\"\";position:absolute;top:50%;left:100%;margin-top:-5px;b\
order-width:5px;border-style:solid;border-color:transparent transparent transpa\
rent #272822}.mem-fs-game{background-color:#8d6b15}.mem-fs-no-sel{-webkit-user-\
select:none;user-select:none;-o-user-select:none;-webkit-touch-callout:none;-kh\
tml-user-select:none;-moz-user-select:none;-ms-user-select:none}.mem-fs-wrap-ct\
l{background-color:brown}div.mem-fs-ctl{display:block;width:100%;text-align:cen\
ter}div#mem-fs-game-wrap div#game{border:0!important}div#mem-ctl-wrap div.mem-f\
s-ctl{display:inline-block;margin:0 0 10px 0}div.mem-fs-toggle-ctl{display:inli\
ne-block;width:100%;text-align:center}div.mem-fs-div-tog{display:inline-block}d\
iv.mem-fs-div-tog:hover{cursor:pointer}i.mem-fs-tog{border:solid #000;border-wi\
dth:0 3px 3px 0;display:inline-block;padding:3px}i.mem-fs-tog.right{transform:r\
otate(-45deg);-webkit-transform:rotate(-45deg)}i.mem-fs-tog.left{transform:rota\
te(135deg);-webkit-transform:rotate(135deg)}i.mem-fs-tog.up{transform:rotate(-1\
35deg);-webkit-transform:rotate(-135deg)}i.mem-fs-tog.down{transform:rotate(45d\
eg);-webkit-transform:rotate(45deg)}';
  return css;
};

Include file as javascript string.
In this case we have a minified file.
The output file style.min.css is one long line. BUILD_INCLUDE can be used to inlcude the file and make it a little more readable.

Options

[asjsstring,breakString?width=80]

AsJsString

{ asJsString: true } or inline asjsstring
Determines that input is to be escaped for useage as a JavaScript string.

Breakstring

The various options of breakstring allow for the breaking of lines in different ways.
If the width option of breakstring is not set then width defaults to 80.

See: Interface for IOpt.breakstring

Breakstring Width

{breakstring: { width: 80 }} or inline breakstring?Width=80 where as 80 is the number of characters to break on, determines that each line will be broken as close to number characers as possible depending other breakstring options.

Option

breakString?width=80

Width=80 determines that each line will be broken at 80 characers.

{match:{kind: "buildIncludeSlash" }}

Matches the following

// BUILD_INCLUDE(filePath)
// BUILD_INCLUDE(filePath)[options]
// BUILD_INCLUDE(filePath)  
[options]

See Also: Class MatchBuildIncludeSlash

See Also: IOpt
See Also: regexKind for match kind options.

Asjsstring Include Text In Javascript String