@codesandbox/sandpack-client
Version:
<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/143581035-ebee5ba2-9cb1-4fe8-a05b-2f44bd69bb4b.gif" alt="Component toolkit for live running code editing experiences" />
1 lines • 4 kB
JavaScript
(this.csbJsonP=this.csbJsonP||[]).push([["vue-style-compiler"],{"./src/sandbox/eval/transpilers/vue/v2/style-compiler/loader.ts":function(e,t,n){"use strict";n.r(t);var s=n("../../node_modules/@babel/runtime/helpers/defineProperty.js"),r=n.n(s),o=n("../../node_modules/@babel/runtime/helpers/asyncToGenerator.js"),c=n.n(o),i=n("./node_modules/postcss/lib/postcss.js"),a=n.n(i),u=n("../../node_modules/postcss-import/index.js"),l=n.n(u),p=n("../../node_modules/path-browserify/index.js"),d=n("./src/sandbox/eval/utils/is-dependency-path.ts");var f=n("./node_modules/postcss/lib/postcss.js").plugin("trim",(function(e){return function(e){e.walk((function(e){"rule"!==e.type&&"atrule"!==e.type||(e.raws.before=e.raws.after="\n")}))}})),y=n("./node_modules/postcss/lib/postcss.js"),m=n("./node_modules/postcss-selector-parser/dist/index.js"),b=y.plugin("add-id",(function(e){return function(t){var n=Object.create(null);t.each((function t(s){s.selector?s.selector=m((function(t){t.each((function(t){var n=null;t.each((function(e){if("combinator"===e.type&&">>>"===e.value)return e.value=" ",e.spaces.before=e.spaces.after="",!1;if("tag"===e.type&&"/deep/"===e.value){var t=e.next();return"combinator"===t.type&&" "===t.value&&t.remove(),e.remove(),!1}"pseudo"!==e.type&&"combinator"!==e.type&&(n=e)})),t.insertAfter(n,m.attribute({attribute:e.id}))}))})).process(s.selector).result:"atrule"===s.type&&("media"===s.name?s.each(t):"keyframes"===s.name&&(n[s.params]=s.params=s.params+"-"+e.id))})),Object.keys(n).length&&t.walkDecls(e=>{/-?animation-name$/.test(e.prop)&&(e.value=e.value.split(",").map(e=>n[e.trim()]||e.trim()).join(",")),/-?animation$/.test(e.prop)&&(e.value=e.value.split(",").map(e=>{var t=e.split(/\s+/),s=t[0];return n[s]?[n[s]].concat(t.slice(1)).join(" "):e}).join(","))})}}));function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,s)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return O.apply(this,arguments)}function O(){return(O=c()((function*(e,t,n){if(Object(d.a)(t)){try{const n=yield e.resolveTranspiledModuleAsync(Object(p.join)(t,"package.json")),s=JSON.parse(n.module.code);if(s.style){const n=Object(p.join)(t,s.style);return e.resolveTranspiledModuleAsync(n)}}catch(e){}return e.resolveTranspiledModuleAsync(t)}const s="/"===t.charAt(0)?t:Object(p.join)(n,t);return e.resolveTranspiledModuleAsync(s)}))).apply(this,arguments)}t.default=function(e,t){return g.apply(this,arguments)};function g(){return(g=c()((function*(e,t){const n=t.options;let s=t.options.__vueOptions__;s||(s=j({},t.options.vue));const r=[l()({resolve:(i=c()((function*(e,n){try{return(yield h(t,e.replace(/^~/,""),n)).module.path}catch(e){return null}})),function(e,t){return i.apply(this,arguments)}),load:(o=c()((function*(e){return(yield t.resolveTranspiledModuleAsync(e)).module.code})),function(e){return o.apply(this,arguments)})}),f];var o,i;const u={to:t.path,from:t.path};n.scoped&&r.push(b({id:n.id})),t.sourceMap&&!1!==s.cssSourceMap&&(u.map={inline:!1,annotation:!1});const p=yield a()(r).process(e||"",u);if(p.messages){const e=p.messages;yield Promise.all(e.map(e=>"dependency"===e.type?t.addDependency(e.file):Promise.resolve()))}const d=p.map&&p.map.toJSON();return{transpiledCode:p.css,sourceMap:d}}))).apply(this,arguments)}},"./src/sandbox/eval/utils/is-dependency-path.ts":function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));const s=e=>/^(\w|@\w|@-)/.test(e)},11:function(e,t){},12:function(e,t){},13:function(e,t){},14:function(e,t){},15:function(e,t){},16:function(e,t){}}]);