dls-graphics - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

build/index.js

@@ -39,4 +39,6 @@ import fs from 'fs'
 
-      const data = await processContent(file, content, { extractCss: false })
-      const dataSeparate = await processContent(file, content, {
+      const { data: dataSingle } = await processContent(file, content, {
+        extractCss: false
+      })
+      const { data: dataSeparate, css } = await processContent(file, content, {
         extractCss: true
@@ -46,5 +48,13 @@ })
       const variable = camelCase(basename(file, extname(file)))
-      exportsSingle.push(renderExport({ variable, data: stringify(data) }))
+      exportsSingle.push(
+        renderExport({ context: { variable, data: stringify(dataSingle) } })
+      )
       exportsSeparate.push(
-        renderExport({ variable, data: stringify(dataSeparate) })
+        renderExport({
+          context: {
+            variable,
+            data: stringify(dataSeparate),
+            css: css ? css.replace(/'/g, "\\'") : null
+          }
+        })
       )
@@ -61,3 +71,4 @@ })
 async function processContent (file, content, { extractCss }) {
-  const { svg, css, data } = await process(content, { extractCss })
+  const result = await process(content, { extractCss })
+  const { svg, css } = result
   const base = basename(file, extname(file))
@@ -72,5 +83,5 @@ const outputDir = extractCss ? SEPARATE_DIR : DIST_DIR
 
-  return data
+  return result
 }
 
 build()

build/svg.js

@@ -70,6 +70,2 @@ import Svgo from 'svgo'
 
-    if (css) {
-      data.css = css
-    }
-
     return {
@@ -76,0 +72,0 @@ svg,

CHANGELOG.md

 > ⚠️ - Breaking Changes
 
+## 0.1.2
+
+- ⚠️ Adjuted the output of separate data. Move CSS content to individual export statements.
+
 ## 0.1.1
@@ -4,0 +8,0 @@

dist/separate/index.js

@@ -35,4 +35,4 @@ export const forbidden = {
 		viewBox: '0 0 64 64'
-	},
-	css: '@keyframes spin-359eb{0%{transform:rotate(0deg)}to{transform:rotate(450deg)}}@keyframes scale-359eb{0%{animation-timing-function:cubic-bezier(.33,0,.2,1);stroke-dashoffset:163.99}60%{animation-timing-function:cubic-bezier(.33,0,.33,1);stroke-dashoffset:27.33;transform:rotate(-90deg)}to{stroke-dashoffset:163.99;transform:rotate(180deg)}}@keyframes simple-spin-359eb{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.dls-loading,_:-ms-lang(x){animation:simple-spin-359eb 1s linear infinite}.dls-loading circle,_:-ms-lang(x){stroke-dashoffset:136.66}'
+	}
 }
+export const loadingCss = '@keyframes spin-359eb{0%{transform:rotate(0deg)}to{transform:rotate(450deg)}}@keyframes scale-359eb{0%{animation-timing-function:cubic-bezier(.33,0,.2,1);stroke-dashoffset:163.99}60%{animation-timing-function:cubic-bezier(.33,0,.33,1);stroke-dashoffset:27.33;transform:rotate(-90deg)}to{stroke-dashoffset:163.99;transform:rotate(180deg)}}@keyframes simple-spin-359eb{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.dls-loading,_:-ms-lang(x){animation:simple-spin-359eb 1s linear infinite}.dls-loading circle,_:-ms-lang(x){stroke-dashoffset:136.66}'

package.json

 {
   "name": "dls-graphics",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Graphics materials for Baidu Light DLS.",
@@ -5,0 +5,0 @@ "scripts": {

README.md

@@ -52,5 +52,6 @@ # dls-graphics
 ```js
-import { loading } from 'dls-graphics/dist/separate'
+import { loading, loadingCss } from 'dls-graphics/dist/separate'
 
 console.log(loading)
+console.log(loadingCss)
 /*
@@ -64,5 +65,6 @@ {
     viewBox: '0 0 64 64'
-  },
-  css: '@keyframes spin-359eb{0%{transform:rotate(0deg)}to{transform...'
+  }
 }
+
+@keyframes spin-359eb{0%{transform:rotate(0deg)}to{transform...
 */
@@ -69,0 +71,0 @@ ```

No alert changes

Improved metrics

Total package byte prevSize

37103

increased by1.2%

Lines of code

312

increased by2.63%

Number of lines in readme file

82

increased by2.5%

No dependency changes