@celery/ui-components - npm Package Compare versions

Comparing version 2.0.0-16 to 2.0.0-20

Brocfile.js

@@ -1,5 +0,4 @@
-// Smoke test to make sure the LESS compiles correctly
-
 var funnel = require('broccoli-funnel');
 var mergeTrees = require('broccoli-merge-trees');
+var CompileStyledown = require('broccoli-styledown');
 var compileLess = require('broccoli-less-single');
@@ -31,2 +30,20 @@
 
-module.exports = mergeTrees([componentsLess, mixinsLess, styleguideLess]);
+var styleguideMd = funnel('styleguide', {
+  include: ['**/*.md']
+});
+
+var styledownAssets = funnel('styleguide', {
+  include: ['**/*.css', '**/*.js'],
+});
+
+var styleguideHtml = new CompileStyledown([components, styleguideMd], {
+  configMd: 'config.md'
+});
+
+module.exports = mergeTrees([
+  componentsLess,
+  mixinsLess,
+  styleguideLess,
+  styleguideHtml,
+  styledownAssets
+]);

package.json

 {
   "name": "@celery/ui-components",
-  "version": "2.0.0-16",
+  "version": "2.0.0-20",
   "description": "Shared UI Components and Styles",
@@ -9,5 +9,3 @@ "main": "components/index.less",
     "build": "rm -rf build && broccoli build build",
-    "build-watch": "broccoli-timepiece build",
-    "styleguide": "styledown components/**/*.less styleguide/config.md > styleguide/index.html",
-    "styleguide-watch": "watch 'npm run styleguide' components mixins styleguide --wait=1"
+    "build-watch": "broccoli-timepiece build"
   },
@@ -31,2 +29,3 @@ "repository": {
     "broccoli-merge-trees": "^0.2.2",
+    "broccoli-styledown": "^0.1.0",
     "broccoli-timepiece": "^0.3.0",
@@ -33,0 +32,0 @@ "flexboxgrid": "^6.2.0",

README.md

@@ -9,4 +9,4 @@ UI Components
 * `npm install`
-* `npm run build && npm run styleguide`
-* Open `styleguide/index.html` in browser
+* `npm run build`
+* Open `build/index.html` in browser
 
@@ -30,4 +30,2 @@ ## Usage
 npm run build-watch
-// In another process
-npm run styleguide-watch
 ```
@@ -37,3 +35,3 @@
 
-Open the styleguide by opening `styleguide/index.html` in your browser.
+Open the styleguide by opening `build/index.html` in your browser.
 
@@ -40,0 +38,0 @@ Don't forget to document things in the comments of the index files. Use [Styledown syntax](https://github.com/styledown/styledown/blob/master/docs/Documenting.md).

styleguide/config.md

@@ -6,17 +6,17 @@ # Styleguide options
     <meta name='viewport' content='width=device-width, initial-scale=1' />
-    <script src='./styledown.js'></script>
+    <script src='styledown.js'></script>
     <link rel='stylesheet' href='../node_modules/normalize.css/normalize.css' />
     <link rel='stylesheet' href='../node_modules/flexboxgrid/dist/flexboxgrid.css' />
-    <link rel='stylesheet' href='./styledown.css' />
-    <link rel='stylesheet' href='../build/components.css' />
-    <link rel='stylesheet' href='../build/app.css' />
+    <link rel='stylesheet' href='styledown.css' />
+    <!-- <link rel='stylesheet' href='components.css' /> -->
+    <link rel='stylesheet' href='app.css' />
 
 ### Body
 
-    <h1>Celery Components</h1>
+    h1 Celery Components
 
-    <h2>Requirements</h2>
+    h2 Requirements
 
-    <p>All components assume usage of <a href="https://necolas.github.io/normalize.css/" target="_blank">normalize.css</a> and the <a href="#border-box-reset">Border Box Reset</a>.</p>
+    p All components assume usage of <a href="https://necolas.github.io/normalize.css/" target="_blank">normalize.css</a>&nbsp;and the <a href="#border-box-reset">Border Box Reset</a>.
 
-    <div class='sg-container' sg-content></div>
+    .sg-container(sg-content)

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

55173

28.19%

Number of package files

57

35.71%

Lines of code

295

5.36%

Worsened metrics

Dev dependency count

11

10%

Number of lines in readme file

45

-4.26%

Number of low supply chain risk alerts

1

Infinity%

No dependency changes