salesforce-ux / design-system-starter-kit Goto Github PK

Run npm install gives me the error: npm ERR! code ELIFECYCLE and
npm ERR! errno 1.

Hi Salesforce Team,

In the documentation it outlines that we can use Node V4.2+ for the project,
currently i'm running
Node: v4.4.0 & NPM: 3.10.9

Upon installing everything and running npm run dev I get:

[16:56:12] Plumber found unhandled error:
 TypeError in plugin 'gulp-autoprefixer'
Message:
    this is not a typed array.
Details:
    fileName: ~/design-system-starter-kit/src/styles/index.css
Stack:
TypeError: this is not a typed array.
    at Function.from (native)
    at ~/design-system-starter-kit/node_modules/gulp-autoprefixer/index.js:25:27
    at process._tickCallback (node.js:369:9)
[16:56:12] Finished 'scripts' after 1.41 s

I did a quick search and it appears that the version of the autoprefixer used uses a feature is only available on node V4.5+
sindresorhus/gulp-autoprefixer#83

I guess there's need to update documentation to outline V4.5 minimun or downgrade the autoprefixer version to 3+ in order for it to be compatible; Thoughts?

Version 10.1.0 of eslint-config-standard just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As eslint-config-standard is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Twig seems like a great candidate: http://twig.sensiolabs.org/documentation

And we could use gulp-twig for that. https://www.npmjs.com/package/gulp-twig

A v2 of this feature could include gulp-data that allows developers to plug JSON data onto their templates: https://www.npmjs.com/package/gulp-data

Thanks to @jina for suggesting this feature.

I have been tinkering with the starter kit and have run into a problem with source maps. The source maps are created via the gulp task just fine, however, they refer to the compiled CSS rather than the source Sass. Is this by design? It would seem to be more useful with source maps referring to the source Sass.

I'm absolutely terrible with Gulp, so any help correcting this so the source maps refer to source Sass would be pretty awesome.

Cheers.

It appears that the newest npm has issues with gulp < 4.0.0. Then once you update gulp to 4.0.0, there are some breaking changes around the handling of task events. There has been an introduction of two new functions gulp.series() and gulp.parallel(). These new functions have taken the place of the need for a sequence mechanism like we have in our "build" task. Basically the gulp file breaks without using these new functions for sequencing tasks
Cheers 🥂

Hi,

I'm new to this and probably missed a step somewhere but I'm having difficulties in loading the styles and icons. Do I need to do anything extra apart from what mentioned in readme?

This is what I see.

Thanks in advance!
Diraj

WOW AWESOME work !

First I want to congratulate you for this awesome work. This started kit is very important for everybody want try fast another UI to their project.

I just have a litle problem with small screen seems not optimized:

Hi, can you help me troubleshoot this? I am having issues getting the repo hosted on a heroku app. I'm not making any changes before deploying, but maybe there is some heroku config I am not considering?

Steps to recreate:

1. fork the repository
2. click "deploy to heroku" from the readme

upon navigating to the app, I see:

logs:

2020-04-30T17:33:40.239542+00:00 app[web.1]:           UI: http://localhost:3001
2020-04-30T17:33:40.239930+00:00 app[web.1]:  UI External: http://localhost:3001
2020-04-30T17:33:40.240111+00:00 app[web.1]:  ---------------------------------------
2020-04-30T17:33:40.240453+00:00 app[web.1]: [Browsersync] Serving files from: dist
2020-04-30T17:33:40.326247+00:00 app[web.1]: [Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)
2020-04-30T17:33:52.416283+00:00 heroku[router]: at=error code=H20 desc="App boot timeout" method=GET path="/" host=tb-deployment-test.herokuapp.com request_id=9ac64566-2fbe-4fae-a908-584c2c168520 fwd="168.149.242.219" dyno= connect= service= status=503 bytes= protocol=https
2020-04-30T17:34:27.911286+00:00 app[web.1]: Error waiting for process to terminate: No child processes
2020-04-30T17:34:28.006932+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-30T17:35:45.107731+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=tb-deployment-test.herokuapp.com request_id=7c8991e3-5283-4bb2-a8d7-c0e116289ed9 fwd="168.149.242.219" dyno= connect= service= status=503 bytes= protocol=https
2020-04-30T17:35:45.453191+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=tb-deployment-test.herokuapp.com request_id=fb920332-ea7c-4ea7-a4dc-76af77682fba fwd="168.149.242.219" dyno= connect= service= status=503 bytes= protocol=https

Would love any hints or insights you have! Thanks

I'm doing several screens to show different ways of displaying the same data. So It's pretty useful for me to have that data in shared.json. The problem is I need to restart the whole thing when I change the data. So I want changes in shared.json to be watched as well.

Version 1.0.6 of stylelint-config-slds just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As stylelint-config-slds is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Our code examples use /assets/ in our svg urls, but this starter kit does not work with that. Might be worth aligning this.