94cstyles / atom-react-native-css

Style React-Native components with css and built in support for SASS

Hi ~

atom-react-native-css's Issues

Failed to load the atom-react-native-css package

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.7.2
System: Mac OS X 10.11.3
Thrown From: atom-react-native-css package, v0.0.4

Stack Trace

Failed to load the atom-react-native-css package

At The `libsass` binding was not found in /Users/Bing/.atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-47/binding.node
This usually happens because your node version has changed.
Run `npm rebuild node-sass` to build the binding for your current node version.

Error: The `libsass` binding was not found in /Users/Bing/.atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-47/binding.node
This usually happens because your node version has changed.
Run `npm rebuild node-sass` to build the binding for your current node version.
    at Object.sass.getBinaryPath (/Users/Bing/.atom/packages/atom-react-native-css/node_modules/node-sass/lib/extensions.js:158:11)
    at Object.<anonymous> (/Users/Bing/.atom/packages/atom-react-native-css/node_modules/node-sass/lib/index.js:16:36)
    at Module._compile (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Applications/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Object.<anonymous> (/Users/Bing/.atom/packages/atom-react-native-css/lib/compile.js:7:12)
    at Module._compile (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Applications/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Object.<anonymous> (/Users/Bing/.atom/packages/atom-react-native-css/lib/index.js:5:15)
    at Module._compile (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Applications/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Package.module.exports.Package.requireMainModule (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:715:27)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:117:28
    at Package.module.exports.Package.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:92:15)
    at Package.module.exports.Package.load (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:106:12)
    at PackageManager.module.exports.PackageManager.loadPackage (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:457:14)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:402:19
    at Config.module.exports.Config.transact (/Applications/Atom.app/Contents/Resources/app.asar/src/config.js:312:16)
    at PackageManager.module.exports.PackageManager.loadPackages (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:397:19)

Commands

Config

{
  "core": {
    "disabledPackages": [
      "symbols-view"
    ]
  }
}

Installed Packages

# User
Quick-JavaScript, v0.11.0
atom-ctags, v4.5.0
atom-react-native-autocomplete, v0.0.5
atom-react-native-css, v0.0.4
atom-ternjs, v0.13.2
autocomplete-ctags, v0.4.0
autocomplete-emp-lua, v0.8.0
color-picker, v2.1.1
language-javascript-jsx, v0.3.7
language-lua, v0.9.4
minimap, v4.21.0
react-es6-snippets, v0.3.0
react-snippets, v0.3.0

# Dev
No dev packages

plugin don't find *.scss source

Error
/Users/febobo/Documents/web/react-native-ui/example/src/components/Button/styles.scss Could not find the file

my file is true

but *.css no problem

Cannot find module 'atom-package-deps'

Atom Version: 1.6.0
System: Mac OS X 10.11.4
Thrown From: atom-react-native-css package, v0.0.5

Stack Trace

Failed to activate the atom-react-native-css package

At Cannot find module 'atom-package-deps'

Error: Cannot find module 'atom-package-deps'
    at Module._resolveFilename (module.js:336:15)
    at Function.Module._resolveFilename (/Applications/Atom.app/Contents/Resources/app.asar/src/module-cache.js:383:52)
    at Function.Module._load (module.js:286:25)
    at Module.require (module.js:365:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Object.module.exports.activate (/Users/william/.atom/packages/atom-react-native-css/lib/index.js:64:9)
    at Package.module.exports.Package.activateNow (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:181:20)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:155:32
    at Package.module.exports.Package.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:92:15)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:148:26
    at Package.module.exports.Package.activate (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:145:34)
    at PackageManager.module.exports.PackageManager.activatePackage (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:526:21)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:338:19
    at /Applications/Atom.app/Contents/Resources/app.asar/src/config.js:631:20
    at Function.module.exports.Emitter.simpleDispatch (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/event-kit/lib/emitter.js:25:14)
    at Emitter.module.exports.Emitter.emit (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/event-kit/lib/emitter.js:125:28)
    at Config.module.exports.Config.emitChangeEvent (/Applications/Atom.app/Contents/Resources/app.asar/src/config.js:816:29)
    at Config.module.exports.Config.setRawValue (/Applications/Atom.app/Contents/Resources/app.asar/src/config.js:608:19)
    at Config.module.exports.Config.set (/Applications/Atom.app/Contents/Resources/app.asar/src/config.js:227:14)
    at Config.module.exports.Config.removeAtKeyPath (/Applications/Atom.app/Contents/Resources/app.asar/src/config.js:377:12)
    at Package.module.exports.Package.enable (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:77:26)
    at PackageManager.module.exports.PackageManager.enablePackage (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:165:14)
    at HTMLButtonElement.<anonymous> (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/settings-view/lib/package-card.js:314:27)
    at HTMLButtonElement.jQuery.event.dispatch (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/jquery/dist/jquery.js:4435:9)
    at HTMLButtonElement.elemData.handle (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/jquery/dist/jquery.js:4121:28)

Commands

     -3:32.7.0 settings-view:check-for-package-updates (atom-workspace.workspace.scrollbars-visible-when-scrolling.theme-one-dark-syntax.theme-one-dark-ui)
     -1:20.5.0 core:copy (atom-notification.fatal.icon.icon-bug.native-key-bindings.has-detail.has-close.has-stack)

Config

{
  "core": {
    "customFileTypes": {
      "source.ini": [
        ".buckconfig",
        ".flowconfig"
      ],
      "source.json": [
        ".arcconfig"
      ],
      "source.python": [
        "BUCK"
      ]
    },
    "destroyEmptyPanes": false,
    "disabledPackages": [
      "linter-tidy",
      "autocomplete",
      "autocomplete-snippets",
      "wrap-guide",
      "linter-jscs"
    ]
  },
  "atom-react-native-css": {}
}

Installed Packages

# User
atom-color-highlight, v3.0.9
atom-react-native-autocomplete, v0.0.6
atom-react-native-css, v0.0.5
auto-update-packages, v1.0.1
autocomplete-paths, v1.0.2
bezier-curve-editor, v0.7.2
color-picker, v2.1.1
docblockr, v0.7.3
emmet, v2.4.3
jquery-snippets, v11.0.0
language-javascript-jsx, v0.3.7
linter, v1.11.4
linter-csslint, v1.3.2
linter-php, v1.2.0
minimap, v4.21.0
nucleon, v1.0.4
pigments, v0.25.0
project-manager, v2.7.6
react, v0.14.2
release-notes, v0.53.0
wordpress-api, v1.2.2

# Dev
No dev packages

Support import Sass files

Currently, the plugin doesn't work well with @import in scss files.
You have to save the scss file with @importin order to compile. (saving the imported file doesn't compile JS).

Uncaught Error: undefined:2945:6: property missing ':'

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.8.0
System: Ubuntu 16.04
Thrown From: atom-react-native-css package, v1.1.2

Stack Trace

Uncaught Error: undefined:2945:6: property missing ':'

At /home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:72

Error: undefined:2945:6: property missing ':'
    at error (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:62:15)
    at declaration (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:223:33)
    at declarations (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:252:19)
    at rule (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:560:21)
    at rules (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:117:70)
    at atmedia (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:380:35)
    at atrule (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:534:10)
    at rules (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:117:58)
    at stylesheet (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:81:21)
    at Object.module.exports [as parse] (/home/daniel/.atom/packages/atom-react-native-css/node_modules/css/lib/parse/index.js:564:20)
    at Object.module.exports.refreshWordList (/home/daniel/.atom/packages/css-spy/lib/provider.coffee:45:25)
    at FSWatcher.<anonymous> (/home/daniel/.atom/packages/css-spy/lib/css-spy.coffee:34:22)
    at emitTwo (events.js:87:13)
    at FSWatcher.emit (events.js:172:7)
    at FSEvent.FSWatcher._handle.onchange (fs.js:1310:12)

Commands

     -1:13.4.0 editor:move-to-end-of-screen-line (atom-text-editor.editor.is-focused)
  3x -1:13.2.0 core:move-left (atom-text-editor.editor.is-focused)
     -1:11.2.0 core:save (atom-text-editor.editor.is-focused.autocomplete-active)
 10x -1:02.3.0 core:move-left (atom-text-editor.editor.is-focused)
     -0:53.1.0 core:select-left (atom-text-editor.editor.is-focused)
     -0:52.1.0 core:delete (atom-text-editor.editor.is-focused)
     -0:51.6.0 editor:move-to-end-of-screen-line (atom-text-editor.editor.is-focused)
  4x -0:51.5.0 core:move-left (atom-text-editor.editor.is-focused)
     -0:50.7.0 core:delete (atom-text-editor.editor.is-focused)
     -0:50.2.0 core:save (atom-text-editor.editor.is-focused)
  2x -0:29.2.0 core:move-left (atom-text-editor.editor.is-focused)
     -0:24.1.0 core:save (atom-text-editor.editor.is-focused)
  2x -0:22.9.0 core:delete (atom-text-editor.editor.is-focused)
  2x -0:22.5.0 core:save (atom-text-editor.editor.is-focused)
     -0:03.3.0 core:move-left (atom-text-editor.editor.is-focused)
     -0:01.5.0 core:save (atom-text-editor.editor.is-focused)

Config

{}

Installed Packages

# User
atom-beautify, v0.29.8
atom-react-native-css, v1.1.2
autoclose-html, v0.23.0
css-comb, v2.4.3
css-spy, v0.5.1
editorconfig, v1.4.1
highlight-selected, v0.11.2
hyperclick, v0.0.36
js-hyperclick, v1.4.2
jsformat, v0.9.3
language-babel, v2.28.0
language-slim, v0.5.0
linter, v1.11.10
linter-eslint, v7.2.2
linter-flow, v5.4.0
merge-conflicts, v1.4.4
minimap, v4.24.6
minimap-highlight-selected, v4.4.0
pigments, v0.29.2
react, v0.15.0

# Dev
No dev packages

[lib-sass] Failed to load the atom-react-native-css package

cd ~/.atom/packages/atom-react-native-css/ && npm rebuild node-sass wasn't help (still get the error at start)

Atom Version: 1.4.0
System: Mac OS X 10.11.2
Thrown From: atom-react-native-css package, v0.0.2

Stack Trace

Failed to load the atom-react-native-css package

At The `libsass` binding was not found in /Users/xxsnakerxx/.atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-46/binding.node
This usually happens because your node version has changed.
Run `npm rebuild node-sass` to build the binding for your current node version.

Error: The `libsass` binding was not found in /Users/xxsnakerxx/.atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-46/binding.node
This usually happens because your node version has changed.
Run `npm rebuild node-sass` to build the binding for your current node version.
    at Object.sass.getBinaryPath (/Users/xxsnakerxx/.atom/packages/atom-react-native-css/node_modules/node-sass/lib/extensions.js:158:11)
    at Object.<anonymous> (/Users/xxsnakerxx/.atom/packages/atom-react-native-css/node_modules/node-sass/lib/index.js:16:36)
    at Module._compile (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Applications/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Object.<anonymous> (/Users/xxsnakerxx/.atom/packages/atom-react-native-css/index.js:6:12)
    at Module._compile (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Applications/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Package.module.exports.Package.requireMainModule (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:721:27)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:117:28
    at Package.module.exports.Package.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:92:15)
    at Package.module.exports.Package.load (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:106:12)
    at PackageManager.module.exports.PackageManager.loadPackage (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:443:14)
    at PackageManager.module.exports.PackageManager.loadPackages (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:393:14)
    at AtomEnvironment.module.exports.AtomEnvironment.startEditorWindow (/Applications/Atom.app/Contents/Resources/app.asar/src/atom-environment.js:684:21)
    at module.exports (/Applications/Atom.app/Contents/Resources/app.asar/src/initialize-application-window.js:28:10)
    at setupWindow (file:///Applications/Atom.app/Contents/Resources/app.asar/static/index.js:86:5)
    at window.onload (file:///Applications/Atom.app/Contents/Resources/app.asar/static/index.js:41:9)

Commands

Config

{
  "core": {
    "disabledPackages": [
      "dash",
      "language-gfm",
      "language-gfm",
      "language-gfm"
    ]
  }
}

Installed Packages

# User
atom-react-native-autocomplete, v0.0.3
atom-react-native-css, v0.0.2
atom-ternjs, v0.12.2
auto-detect-indentation, v0.4.2
autocomplete-paths, v1.0.2
colornamer, v0.3.1
docblockr, v0.7.3
file-icons, v1.6.13
highlight-line, v0.11.0
highlight-selected, v0.11.1
js-hyperclick, v1.4.1
language-babel, v2.7.3
language-javascript-jsx, v0.3.7
language-mako, v0.6.0
line-ending-converter, v1.3.2
linter, v1.11.3
linter-eslint, v5.2.7
minimap, v4.19.0
minimap-find-and-replace, v4.4.0
minimap-highlight-selected, v4.3.1
minimap-pigments, v0.1.7
pigments, v0.19.6
pretty-json, v0.4.1
project-manager, v2.7.3
react, v0.12.10
redux-snippets, v0.2.1
term3, v0.21.0

# Dev
No dev packages

Compilation error

Error: Command failed: /bin/sh -c find /Users/xdyang/Desktop/React Native/FirstIOSDemo/FirstIOSDemo -type f -name *.scss
find: Native/FirstIOSDemo/FirstIOSDemo: No such file or directory

Issue with font-family

Hi,
When a font-family contains 'em' (like semibold), the plugin generates broken JS.

Example:
font-family: ProximaNova-Semibold; generates "fontFamily": "ProximaNova-Sibold",

Failed to activate the atom-react-native-css package

I've tried to update my packagr from Atom editor then I've got this error

Atom Version: 1.6.0
System: Mac OS X 10.10.5
Thrown From: atom-react-native-css package, v0.0.5

Stack Trace

Failed to activate the atom-react-native-css package

At Cannot find module 'atom-package-deps'

Error: Cannot find module 'atom-package-deps'
    at Module._resolveFilename (module.js:336:15)
    at Function.Module._resolveFilename (/Applications/Atom.app/Contents/Resources/app.asar/src/module-cache.js:383:52)
    at Function.Module._load (module.js:286:25)
    at Module.require (module.js:365:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at Object.module.exports.activate (/Users/b/.atom/packages/atom-react-native-css/lib/index.js:64:9)
    at Package.module.exports.Package.activateNow (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:181:20)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:155:32
    at Package.module.exports.Package.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:92:15)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:148:26
    at Package.module.exports.Package.activate (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:145:34)
    at PackageManager.module.exports.PackageManager.activatePackage (/Applications/Atom.app/Contents/Resources/app.asar/src/package-manager.js:526:21)
    at /Applications/Atom.app/Contents/Resources/app.asar/node_modules/settings-view/lib/package-manager.js:385:60
    at exit (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/settings-view/lib/package-manager.js:73:16)
    at triggerExitCallback (/Applications/Atom.app/Contents/Resources/app.asar/src/buffered-process.js:213:47)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/buffered-process.js:220:18
    at Socket.<anonymous> (/Applications/Atom.app/Contents/Resources/app.asar/src/buffered-process.js:98:18)
    at emitOne (events.js:82:20)
    at Socket.emit (events.js:169:7)
    at Pipe._onclose (net.js:469:12)

Commands

     -6:06.9.0 core:backspace (atom-text-editor.editor.is-focused)
  2x -6:05.0 core:move-left (atom-text-editor.editor.is-focused)
  2x -5:59.4.0 core:save (atom-text-editor.editor.is-focused.autocomplete-active)
     -4:34.8.0 core:copy (atom-text-editor.editor.is-focused)
     -2:16.8.0 core:move-left (atom-text-editor.editor.is-focused)
  2x -2:16.5.0 core:backspace (atom-text-editor.editor.is-focused)
     -2:15.9.0 core:move-right (atom-text-editor.editor.is-focused)
     -2:12.9.0 autocomplete-plus:confirm (atom-text-editor.editor.is-focused.autocomplete-active)
  7x -2:12.5.0 core:move-left (atom-text-editor.editor.is-focused)
     -2:08.1.0 core:save (atom-text-editor.editor.is-focused.autocomplete-active)
     -1:49 autocomplete-plus:confirm (atom-text-editor.editor.is-focused.autocomplete-active)
  4x -1:47.2.0 core:move-right (atom-text-editor.editor.is-focused.autocomplete-active)
     -1:44.9.0 core:backspace (atom-text-editor.editor.is-focused)
     -1:44.7.0 core:save (atom-text-editor.editor.is-focused)
     -0:14.2.0 settings-view:check-for-package-updates (atom-workspace.workspace.scrollbars-visible-when-scrolling.theme-atom-dark-syntax.theme-one-dark-ui)

Config

{
  "core": {
    "themes": [
      "one-dark-ui",
      "atom-dark-syntax"
    ]
  }
}

Installed Packages

# User
atom-react-native-autocomplete, v0.0.6
atom-react-native-css, v0.0.5
color-picker, v2.1.1
emmet, v2.4.3
language-babel, v2.16.0
language-javascript-jsx, v0.3.7
react, v0.14.2

# Dev
No dev packages

Could not find the file

app/modules/fengyunbang/styles/styles.scss15:19
LFUTF-8SCSSdev+1, -1
Error
/work/work/aipai-react-native/app/modules/fengyunbang/styles/styles.scss Could not find the file

Support for node-sass --include-path

My typical workflow is to install bootstrap with npm and then use node-sass --include-path node_modules/ so I can easily import individual files, like @import "bootstrap/scss/mixins";

How can I accomplish this with this plugin?

Text Shadow Offset wrong compiled

In the SCSS:
text-shadow-offset: "JS({width: 0, height: 0})";

In the JS:
"textShadowOffset": ""JS({width: 0, height: 0})""

It should be compiling this:
"textShadowOffset":{width: 0, height: 0}

React states that textShadowOffset cannot be a string.

Upgrade to 1.0.1 fails to install dependencies

After upgrading to 1.0.1 to fix issue #11, I now get this error.

Error: spawn cmd.exe ENOENT
    at exports._errnoException (util.js:856:11)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32)
    at onErrorNT (internal/child_process.js:344:16)
    at doNTCallback2 (node.js:465:9)
    at process._tickCallback (node.js:379:17)

I tried restarting Atom in case it needed that restart to install, but to no avail.

Not sure if this is fully an atom issue or not.

Uncaught Error: fontWeight value in ["normal", "bold", "100", "200", "300", "400", "500", "600", ...

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.8.0
System: Mac OS X 10.11.5
Thrown From: atom-react-native-css package, v1.1.2

Stack Trace

Uncaught Error: fontWeight value in ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"]

At /Users/jussielo/.atom/packages/atom-react-native-css/lib/compile.js:78

Error: fontWeight value in ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"]
    at Object.compile.formatJSS (/Users/jussielo/.atom/packages/atom-react-native-css/lib/compile.js:78:23)
    at /Users/jussielo/.atom/packages/atom-react-native-css/lib/compile.js:110:37
    at Array.forEach (native)
    at /Users/jussielo/.atom/packages/atom-react-native-css/lib/compile.js:108:43
    at Array.forEach (native)
    at /Users/jussielo/.atom/packages/atom-react-native-css/lib/compile.js:104:36
    at Array.forEach (native)
    at compile.parseJSS (/Users/jussielo/.atom/packages/atom-react-native-css/lib/compile.js:101:43)
    at /Users/jussielo/.atom/packages/atom-react-native-css/lib/index.js:106:13

Commands

     -4:19.5.0 find-and-replace:show (atom-text-editor.editor.is-focused)
     -4:05.6.0 core:save (atom-text-editor.editor.is-focused)
     -4:05.0 editor:consolidate-selections (atom-text-editor.editor.is-focused)
     -4:05.0 core:cancel (atom-text-editor.editor.is-focused)
     -4:03.1.0 find-and-replace:show (atom-text-editor.editor.is-focused)
     -4:00.8.0 editor:consolidate-selections (atom-text-editor.editor.mini.is-focused)
     -4:00.8.0 core:cancel (atom-text-editor.editor.mini.is-focused)
     -3:59 find-and-replace:show (atom-text-editor.editor.is-focused)
     -3:58 core:confirm (atom-text-editor.editor.mini.is-focused)
     -3:56.8.0 core:select-all (atom-text-editor.editor.mini.is-focused)
     -3:55.9.0 editor:consolidate-selections (atom-text-editor.editor.mini.is-focused)
     -3:55.9.0 core:cancel (atom-text-editor.editor.mini.is-focused)
     -1:24.5.0 emmet:expand-abbreviation-with-tab (atom-text-editor.editor.is-focused)
  3x -0:07.9.0 editor:newline (atom-text-editor.editor.is-focused)
     -0:02.3.0 core:backspace (atom-text-editor.editor.is-focused)
     -0:00.9.0 core:save (atom-text-editor.editor.is-focused)

Config

{
  "core": {}
}

Installed Packages

# User
atom-beautify, vundefined
atom-minify, v0.7.5
atom-react-native-autocomplete, v0.0.27
atom-react-native-css, v1.1.2
auto-detect-indentation, v1.1.0
autoclose-html, v0.23.0
autocomplete-php, v0.3.7
color-picker, v2.1.1
emmet, v2.4.3
file-icons, v1.7.15
highlight-selected, v0.11.2
language-javascript-jsx, v0.3.7
linter, v1.11.14
minimap, v4.24.6
open-recent, v5.0.0
php-cs-fixer, v2.5.6
pigments, v0.29.3
project-manager, v2.9.7
save-session, v0.16.0

# Dev
No dev packages

Plugin try to install node-sass everytime I launch Atom

The libsass binding was not found(win 10)

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.6.2
System: Unknown Windows Version
Thrown From: atom-react-native-css package, v0.0.9

Stack Trace

Uncaught Error: The libsass binding was not found in C:\Users\cc.atom\packages\atom-react-native-css\node_modules\node-sass\vendor\win32-ia32-46\binding.node
This usually happens because your node version has changed.
Run npm rebuild node-sass to build the binding for your current node version.

At C:\Users\cc\.atom\packages\atom-react-native-css\node_modules\node-sass\lib\extensions.js:158

Error: The `libsass` binding was not found in C:\Users\cc\.atom\packages\atom-react-native-css\node_modules\node-sass\vendor\win32-ia32-46\binding.node
This usually happens because your node version has changed.
Run `npm rebuild node-sass` to build the binding for your current node version.
    at Object.sass.getBinaryPath (C:\Users\cc\.atom\packages\atom-react-native-css\node_modules\node-sass\lib\extensions.js:158:11)
    at Object.<anonymous> (C:\Users\cc\.atom\packages\atom-react-native-css\node_modules\node-sass\lib\index.js:16:36)
    at Module._compile (C:\Users\cc\AppData\Local\atom\app-1.6.2\resources\app.asar\src\native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (C:\Users\cc\AppData\Local\atom\app-1.6.2\resources\app.asar\src\compile-cache.js:208:21)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (C:\Users\cc\AppData\Local\atom\app-1.6.2\resources\app.asar\src\native-compile-cache.js:50:27)
    at compile.parseJSS (C:\Users\cc\.atom\packages\atom-react-native-css\lib\compile.js:47:77)
    at C:\Users\cc\.atom\packages\atom-react-native-css\lib\index.js:64:37

Commands

     -3:44.8.0 core:save (atom-text-editor.editor.is-focused)
     -3:40.9.0 editor:select-to-first-character-of-line (atom-text-editor.editor.is-focused)
  3x -3:40.6.0 core:backspace (atom-text-editor.editor.is-focused)
     -3:38.6.0 core:save (atom-text-editor.editor.is-focused)
     -3:38.2.0 editor:newline (atom-text-editor.editor.is-focused)
     -3:37 autocomplete-plus:confirm (atom-text-editor.editor.is-focused.autocomplete-active)
     -3:37 snippets:expand (atom-text-editor.editor.is-focused.autocomplete-active)
     -3:36.2.0 core:undo (atom-text-editor.editor.is-focused)
     -3:35.2.0 editor:select-to-first-character-of-line (atom-text-editor.editor.is-focused)
     -3:35 core:backspace (atom-text-editor.editor.is-focused)
     -3:34.5.0 core:save (atom-text-editor.editor.is-focused)
     -3:34.1.0 editor:select-to-first-character-of-line (atom-text-editor.editor.is-focused)
  2x -3:33.8.0 core:backspace (atom-text-editor.editor.is-focused)
     -3:33.4.0 core:save (atom-text-editor.editor.is-focused)
     -3:32.7.0 editor:newline (atom-text-editor.editor.is-focused)
  2x -3:32.5.0 core:save (atom-text-editor.editor.is-focused)

Config

{
  "core": {},
  "atom-react-native-css": {
    "enableSass": true
  }
}

Installed Packages

# User
atom-react-native-autocomplete, v0.0.7
atom-react-native-css, v0.0.9
autocomplete-paths, v1.0.2
badass-react-snippets, v0.2.1
file-icons, v1.7.1
js-hyperclick, v1.4.1
language-babel, v2.17.0
language-javascript-jsx, v0.3.7
linter, v1.11.4
linter-eslint, v7.1.3
linter-xo, v0.13.0
react, v0.15.0
terminal-plus, v0.14.5

# Dev
No dev packages

试了 这个解决方法,但还是提示相同错误。

prettier-atom integration

Thanks for making this atom module.
I would love if the auto generated style component would be formatted with prettier - maybe only if it's installed?

Anyways, this would be a rich feature many would love, as prettier is a very popular and useful tool nowadays.

Is Your Plug-In Unexpectedly Generating New Files?

Please see this issue:

facebook/create-react-app#518

I guess I'm the second person this is happening to, but I uninstalled your plug-in to see if that's what was causing it, and the problem persisted, which means that your plug-in is probably not at fault.

font-weight convert error

the source .css file like this:

and converted .js file like this:

but I got a Error!

And then I change converted .js file manual to:

It's work fine, So I think maybe convert font-weight to string is correct!

My project package.json is:
{
"name": "ComponentDemo",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start"
},
"dependencies": {
"react": "^15.0.2",
"react-native": "^0.26.1"
}
}

win7, scss文件生成js出错Uncaught Error: Missing binding

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.7.3
System: Unknown Windows Version
Thrown From: atom-react-native-css package, v1.0.1

Stack Trace

Uncaught Error: Missing binding C:\Users\Administrator.atom\packages\atom-react-native-css\node_modules\node-sass\vendor\win32-ia32-47\binding.node
Node Sass could not find a binding for your current environment: Windows 32-bit with Node.js 5.x

Found bindings for the following environments:

• Windows 64-bit with Node.js 5.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass to build the binding for your current environment.

At C:\Users\Administrator\.atom\packages\atom-react-native-css\node_modules\node-sass\lib\index.js:14

Error: Missing binding C:\Users\Administrator\.atom\packages\atom-react-native-css\node_modules\node-sass\vendor\win32-ia32-47\binding.node
Node Sass could not find a binding for your current environment: Windows 32-bit with Node.js 5.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 5.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to build the binding for your current environment.
    at Object.<anonymous> (C:\Users\Administrator\.atom\packages\atom-react-native-css\node_modules\node-sass\lib\index.js:14:11)
    at Module._compile (C:\Users\Administrator\AppData\Local\atom\app-1.7.3\resources\app.asar\src\native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (C:\Users\Administrator\AppData\Local\atom\app-1.7.3\resources\app.asar\src\compile-cache.js:208:21)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (C:\Users\Administrator\AppData\Local\atom\app-1.7.3\resources\app.asar\src\native-compile-cache.js:50:27)
    at compile.parseJSS (C:\Users\Administrator\.atom\packages\atom-react-native-css\lib\compile.js:80:77)
    at C:\Users\Administrator\.atom\packages\atom-react-native-css\lib\index.js:64:37

Commands

Config

{
  "core": {
    "customFileTypes": {
      "source.ini": [
        ".buckconfig",
        ".flowconfig"
      ],
      "source.json": [
        ".arcconfig",
        "BUCK.autodeps"
      ],
      "source.python": [
        "BUCK"
      ]
    },
    "disabledPackages": [
      "nuclide"
    ]
  },
  "atom-react-native-css": {
    "enableSass": true
  }
}

Installed Packages

# User
atom-react-native-autocomplete, v0.0.24
atom-react-native-css, v1.0.1
docblockr, v0.7.3
js-hyperclick, v1.4.2
language-javascript-jsx, v0.3.7

# Dev
No dev packages

cover my index.js file

when I save my index.css,my index.js is also transform react-native style.

The original is coverd

装完插件后使用没反应的？

RT

Uncaught Error: ENOENT: no such file or directory, open '~/work/projects/code/sso/app/assets/styl...

[Enter steps to reproduce:]

1. ...
2. ...

Atom: 1.14.4 x64
Electron: 1.3.13
OS: Mac OS X 10.11.6
Thrown From: atom-react-native-css package 1.1.3

Stack Trace

Uncaught Error: ENOENT: no such file or directory, open '/Users/ram/work/projects/code/sso/app/assets/stylesheets/application.css'

At fs.js:640

Error: ENOENT: no such file or directory, open '/Users/ram/work/projects/code/sso/app/assets/stylesheets/application.css'
    at Error (native)
    at Object.fs.openSync (fs.js:640:18)
    at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:168:20)
    at Object.fs.readFileSync (fs.js:508:33)
    at Object.fs.readFileSync (ELECTRON_ASAR.js:501:29)
    at Object.parseCSS (/packages/atom-react-native-css/lib/compile.js:90:28)
    at /packages/atom-react-native-css/lib/index.js:121:23

Commands

     -3:53.5.0 editor:move-to-end-of-screen-line (input.hidden-input)
     -3:53.2.0 core:move-left (input.hidden-input)
  4x -3:52.8.0 core:select-left (input.hidden-input)
     -3:14.8.0 core:paste (input.hidden-input)
     -3:14.3.0 core:save (input.hidden-input)
     -1:16.8.0 find-and-replace:show (input.hidden-input)
     -1:15.2.0 core:confirm (input.hidden-input)
     -1:14.3.0 editor:consolidate-selections (input.hidden-input)
     -1:14.3.0 core:cancel (input.hidden-input)
     -1:13.8.0 editor:consolidate-selections (input.hidden-input)
     -1:13.8.0 core:cancel (input.hidden-input)
     -0:45 tree-view:move (span.name.icon.css3-icon.medium-blue)
     -0:36.5.0 core:confirm (input.hidden-input)
     -0:22.4.0 core:paste (input.hidden-input)
     -0:19.8.0 editor:newline (input.hidden-input)
     -0:16 core:save (input.hidden-input)

Non-Core Packages

align-by 0.1.0 
atom-beautify 0.29.17 
atom-material-syntax 1.0.2 
atom-material-syntax-light 0.4.6 
atom-material-ui 1.3.9 
atom-react-native-autocomplete 0.0.27 
atom-react-native-css 1.1.3 
atom-react-preview 2.0.0 
color-picker 2.2.5 
copy-as-rtf 0.9.3 
emmet 2.4.3 
file-icons 2.0.16 
gist-it 0.9.2 
language-javascript-jsx 0.3.7 
lcov-info 0.12.0 
linter 1.11.23 
linter-rubocop 0.5.3 
pigments 0.39.0 
project-manager 3.3.3 
rails-partials 0.9.2 
rails-snippets 2.12.0 
react 0.16.2 
react-es6-snippets 0.3.0 
react-snippets 0.7.0 
ruby-syntax-replacer 0.5.1 
sort-lines 0.14.0 
Sublime-Style-Column-Selection 1.7.3 
toggle-quotes 1.0.0 

Uncaught Error: ENOENT: no such file or directory, open '~/Sites/booking_app/app/assets/styleshee...

[Enter steps to reproduce:]

1. ...
2. ...

Atom: 1.15.0 x64
Electron: 1.3.13
OS: Mac OS X 10.11
Thrown From: atom-react-native-css package 1.1.3

Stack Trace

Uncaught Error: ENOENT: no such file or directory, open '/Users/rene/Sites/booking_app/app/assets/stylesheets/application.css'

At fs.js:640

Error: ENOENT: no such file or directory, open '/Users/rene/Sites/booking_app/app/assets/stylesheets/application.css'
    at Error (native)
    at Object.fs.openSync (fs.js:640:18)
    at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:168:20)
    at Object.fs.readFileSync (fs.js:508:33)
    at Object.fs.readFileSync (ELECTRON_ASAR.js:501:29)
    at Object.parseCSS (/packages/atom-react-native-css/lib/compile.js:90:28)
    at /packages/atom-react-native-css/lib/index.js:121:23

Commands

     -7:54 core:paste (input.hidden-input)
  2x -7:53.3.0 core:save (input.hidden-input)
  3x -7:06.5.0 core:undo (input.hidden-input)
     -7:03.9.0 core:save (input.hidden-input)
     -1:20.5.0 tree-view:move (span.name.icon.icon-file-text)
     -1:15.5.0 core:confirm (input.hidden-input)
     -0:57.3.0 editor:newline (input.hidden-input)
     -0:51.5.0 core:paste (input.hidden-input)
     -0:50.2.0 core:undo (input.hidden-input)
     -0:48.4.0 editor:newline (input.hidden-input)
     -0:48.1.0 core:paste (input.hidden-input)
  2x -0:42.6.0 core:undo (input.hidden-input)
     -0:39.9.0 core:paste (input.hidden-input)
     -0:08.8.0 core:save (input.hidden-input)

Non-Core Packages

atom-alchemy 0.1.0 
atom-linter-node-dependencies 1.5.0 
atom-material-syntax 1.0.2 
atom-material-ui 1.3.9 
atom-node-v8-inspector 0.1.1 
atom-react-native-autocomplete 0.0.27 
atom-react-native-css 1.1.3 
atom-react-snippets 0.2.2 
atom-sass 0.4.0 
atom-sassc-live 1.0.8 
atom-sort-sass 0.2.1 
Atom-Syntax-highlighting-for-Sass 0.5.0 
autocomplete-ruby 0.2.6 
bdd-react-snippets 0.6.0 
bootstrap-sass-snippets 2.1.1 
build 0.67.0 
build-dart-sass 0.3.1 
build-sass 0.10.1 
busy 0.7.0 
busy-signal 1.3.0 
colorblind-wombat-dark-syntax 0.6.0 
context-git 0.15.5 
git-commit 1.5.3 
git-control 0.8.2 
git-controlhub 0.3.0 
git-diff-details 1.4.0 
git-log 0.4.1 
git-projects 1.17.0 
git-status 0.3.4 
git-time-machine 1.5.9 
intentions 1.1.2 
language-javascript-jsx 0.3.7 
lint-sass-vue 1.0.4 
linter 2.1.2 
linter-9e-sass 0.5.1 
linter-ruby 1.2.5 
linter-sass-lint 1.7.4 
linter-ui-default 1.2.1 
node-debug 0.1.7 
node-requirer 0.1.12 
node-requirer-mikuso 0.1.5 
open-git-modified-files 0.2.4 
rails-finder 0.7.0 
rails-model-schema 0.9.0 
rails-open 0.4.3 
rails-rspec 0.3.2 
rails-snippets 2.14.0 
react 0.16.2 
react-es6-snippets 0.3.0 
react-es7-snippets 0.3.11 
react-redux-atom-snippets 0.7.2 
react-redux-component-snippets 0.0.3 
react-redux-snippets 0.1.5 
react-snippets 0.7.2 
ruby-bundler 0.3.0 
ruby-define-method 0.2.2 
ruby-quick-test 0.4.0 
ruby-syntax-replacer 0.5.1 
ruby-test 1.0.1 
ruby-test-switcher 1.2.3 
sass-autocompile 0.13.3 
sass-comment 1.4.0 
sass-compiler 0.4.0 
Sass-Syntax-Highlight 0.1.1 
source-preview-react 0.2.0 
toggle-node-modules 1.1.2 
tree-view-git-branch 0.1.2 
tree-view-git-status 1.3.1 

Uncaught Error: Missing binding $ATOM_HOME/packages/atom-react-native-css/node_modules/node-sass/...

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.7.3
System: Mac OS X 10.11.3
Thrown From: atom-react-native-css package, v1.1.0

Stack Trace

Uncaught Error: Missing binding /Users/cestaff/.atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-47/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 5.x

Found bindings for the following environments:

• OS X 64-bit with Node.js 4.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass to build the binding for your current environment.

At /Users/cestaff/.atom/packages/atom-react-native-css/node_modules/node-sass/lib/index.js:14

Error: Missing binding /Users/cestaff/.atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-47/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 5.x

Found bindings for the following environments:
  - OS X 64-bit with Node.js 4.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to build the binding for your current environment.
    at Object.<anonymous> (/Users/cestaff/.atom/packages/atom-react-native-css/node_modules/node-sass/lib/index.js:14:11)
    at Module._compile (/Users/cestaff/Downloads/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Users/cestaff/Downloads/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (/Users/cestaff/Downloads/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at compile.parseJSS (/Users/cestaff/.atom/packages/atom-react-native-css/lib/compile.js:79:77)
    at /Users/cestaff/.atom/packages/atom-react-native-css/lib/index.js:106:13

Commands

     -4:12.8.0 editor:newline (atom-text-editor.editor.is-focused)
     -4:11.4.0 autocomplete-plus:confirm (atom-text-editor.editor.is-focused.autocomplete-active)
     -4:11.4.0 autocomplete-plus:activate (atom-text-editor.editor.is-focused)
     -4:08.2.0 core:save (atom-text-editor.editor.is-focused)
     -3:51.9.0 editor:toggle-line-comments (atom-text-editor.editor.is-focused)
     -3:51.1.0 core:save (atom-text-editor.editor.is-focused)
     -3:17.1.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -0:18.2.0 editor:toggle-line-comments (atom-text-editor.editor.is-focused)
  2x -0:17 core:save (atom-text-editor.editor.is-focused)
     -0:11.9.0 editor:toggle-line-comments (atom-text-editor.editor.is-focused)
  2x -0:11.5.0 core:save (atom-text-editor.editor.is-focused)

Config

{
  "core": {},
  "atom-react-native-css": {
    "enableSass": true
  }
}

Installed Packages

# User
atom-jade, v0.3.0
atom-react-native-css, v1.1.0
autoclose-html, v0.18.0
language-haml, v0.23.15
language-vue, v0.11.0
linter-ruby, v1.0.2

# Dev
No dev packages

Uncaught Error: Missing binding /Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-nativ...

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.7.3
System: Mac OS X 10.11.1
Thrown From: atom-react-native-css package, v1.1.0

Stack Trace

Uncaught Error: Missing binding /Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-47/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 5.x

Found bindings for the following environments:

• OS X 64-bit with Node.js 4.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass to build the binding for your current environment.

At /Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-native-css/node_modules/node-sass/lib/index.js:14

Error: Missing binding /Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-native-css/node_modules/node-sass/vendor/darwin-x64-47/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 5.x

Found bindings for the following environments:
  - OS X 64-bit with Node.js 4.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to build the binding for your current environment.
    at Object.<anonymous> (/Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-native-css/node_modules/node-sass/lib/index.js:14:11)
    at Module._compile (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:103:30)
    at Object.defineProperty.value [as .js] (/Applications/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:208:21)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (/Applications/Atom.app/Contents/Resources/app.asar/src/native-compile-cache.js:50:27)
    at compile.parseJSS (/Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-native-css/lib/compile.js:79:77)
    at /Volumes/Macintosh HD/Dropbox/Apps/atom/packages/atom-react-native-css/lib/index.js:106:13

Commands

     -0:06.0 core:backspace (atom-text-editor.editor.is-focused)
     -0:02.2.0 core:save (atom-text-editor.editor.is-focused)

Config

{
  "core": {
    "disabledPackages": [
      "atom-terminal",
      "autocomplete-wordpress-hooks",
      "language-javascript-jsx",
      "react-snippets",
      "angularjs",
      "angularjs-snippets",
      "atom-ng-attr-hint",
      "react",
      "terminal-panel",
      "language-prolog"
    ],
    "themes": [
      "atom-material-ui",
      "atom-material-syntax"
    ]
  },
  "atom-react-native-css": {
    "enableSass": true
  }
}

Installed Packages

# User
atom-beautify, v0.29.7
atom-jade, v0.3.0
atom-less, v0.1.10
atom-material-syntax, v0.4.6
atom-material-ui, v1.2.11
atom-react-native-autocomplete, v0.0.24
atom-react-native-css, v1.1.0
atom-xcode, v0.1.3
autocomplete-paths, v1.0.2
color-picker, v2.1.1
emmet, v2.4.3
file-icons, v1.7.11
flex-tool-bar, v0.10.0
jade-autocompile, v0.8.3
jquery-snippets, v11.0.0
jslint, v1.5.1
language-babel, v2.20.10
markdown-preview-plus, v2.4.0
minimap, v4.23.5
minimap-find-and-replace, v4.5.1
pigments, v0.26.3
project-manager, v2.9.7
simplified-chinese-menu, v3.4.11
source-preview-jade, v0.1.1
source-preview-pug, v0.2.0
tool-bar, v0.4.0
tool-bar-main, v0.0.9
wordpress-api, v1.2.2

# Dev
No dev packages

Uncaught ReferenceError: error is not defined

1. ...Upgade from 1.6.0 to 1.7.1 of Atom
2. ...Start Atom

Atom Version: 1.7.1
System: Microsoft Windows 10 Home
Thrown From: atom-react-native-css package, v1.0.0

Stack Trace

Uncaught ReferenceError: error is not defined

At C:\Users\Robert Wuttke\.atom\packages\atom-react-native-css\lib\index.js:129

ReferenceError: error is not defined
    at Object.error (C:\Users\Robert Wuttke\.atom\packages\atom-react-native-css\lib\index.js:129:29)
    at exec (C:\Users\Robert Wuttke\.atom\packages\atom-react-native-css\lib\index.js:152:30)
    at exithandler (child_process.js:232:5)
    at ChildProcess.errorhandler (child_process.js:244:5)
    at emitOne (events.js:77:13)
    at ChildProcess.emit (events.js:169:7)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)
    at onErrorNT (internal/child_process.js:344:16)
    at doNTCallback2 (node.js:465:9)
    at process._tickCallback (node.js:379:17)

Commands

Config

{
  "core": {
    "customFileTypes": {
      "source.ini": [
        ".buckconfig",
        ".flowconfig"
      ],
      "source.json": [
        ".arcconfig"
      ],
      "source.python": [
        "BUCK"
      ]
    },
    "disabledPackages": [
      "nuclide"
    ],
    "projectHome": "E:\\git",
    "themes": [
      "atom-dark-ui",
      "atom-dark-syntax"
    ]
  },
  "atom-react-native-css": {
    "enableSass": true
  }
}

Installed Packages

# User
atom-react-native-autocomplete, v0.0.7
atom-react-native-css, v1.0.0
browser-plus, v0.0.60
color-picker, v2.1.1
file-icons, v1.7.1
format-graphql, v0.1.2
formatter-coffeescript, v0.1.1
haskell-grammar, v0.4.0
highlight-selected, v0.11.2
jquery-snippets, v11.0.0
language-babel, v2.17.1
language-batch, v0.3.3
language-gradle, v0.0.3
language-graphql, v0.2.0
language-ini, v1.16.0
language-javascript-jsx, v0.3.7
language-jison, v2.2.0
language-ocaml, v1.1.2
language-swift, v0.4.0
language-thrift, v1.0.2
linter, v1.11.4
meteor-api, v2.20.0
minimap, v4.21.0
minimap-git-diff, v4.2.0
navigate, v0.1.15
node_modules, vundefined
react, v0.15.0
react-snippets, v0.4.2
Stylus, v3.0.0
terminal-plus, v0.14.5
tool-bar, v0.4.0

# Dev
No dev packages

auto modify files is confusing

Hi,
your plugin looks amazing but it's quite confusing.
Imagine I was starting a new reactJS (not react native) project and each time I was editing App.css, App.js was erased and replaced by the css formated by your plugin. It tooks me minutes to understand from where it cames (disabling each plugin one by one and restarting atom each time)

Wouldn't it be better to define a shortcut and disable auto editing by default ?

Problem with font-weight

If I set this on CSS

font-weight: 600

or this

font-weight: "600"

I get errors running the App. The first one maps to 600 while the second one maps to "\"600\"".
Need a way to have it mapping to "600".

The only solution so far to bypass this problem is:

font-weight: "JS('600')"

Support for a CLI tool

It would be great to be able to use all the capabilities of this plugin but outside the context of atom. I would put it in my package.json scripts to watch for changes. This way you can offer more flexibility to users

If I were you, I would offer the ability to use all the options node-sass accepts and then any options your CLI tool would also need to accept.

【Bug】 升级v1.1.1后有问题，padding和margin都出问题了！！！

请看看。。。

Compilation errors

Hi,
I have severals errors :

letter-spacing : .7px is compiled into "letterSpacing" : ".7px" (should be 0.7 without px),
margin-top: -20px is compiled into "marginTop": "-20px" (should be 20 without px).

Uncaught Error: ENOENT: no such file or directory, open '~/Sites/booking_app/app/assets/styleshee...

[Enter steps to reproduce:]

1. ...
2. ...

Atom: 1.15.0 x64
Electron: 1.3.13
OS: Mac OS X 10.11
Thrown From: atom-react-native-css package 1.1.3

Stack Trace

Uncaught Error: ENOENT: no such file or directory, open '/Users/rene/Sites/booking_app/app/assets/stylesheets/application.css'

At fs.js:640

Error: ENOENT: no such file or directory, open '/Users/rene/Sites/booking_app/app/assets/stylesheets/application.css'
    at Error (native)
    at Object.fs.openSync (fs.js:640:18)
    at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:168:20)
    at Object.fs.readFileSync (fs.js:508:33)
    at Object.fs.readFileSync (ELECTRON_ASAR.js:501:29)
    at Object.parseCSS (/packages/atom-react-native-css/lib/compile.js:90:28)
    at /packages/atom-react-native-css/lib/index.js:121:23

Commands

     -7:54 core:paste (input.hidden-input)
  2x -7:53.3.0 core:save (input.hidden-input)
  3x -7:06.5.0 core:undo (input.hidden-input)
     -7:03.9.0 core:save (input.hidden-input)
     -1:20.5.0 tree-view:move (span.name.icon.icon-file-text)
     -1:15.5.0 core:confirm (input.hidden-input)
     -0:57.3.0 editor:newline (input.hidden-input)
     -0:51.5.0 core:paste (input.hidden-input)
     -0:50.2.0 core:undo (input.hidden-input)
     -0:48.4.0 editor:newline (input.hidden-input)
     -0:48.1.0 core:paste (input.hidden-input)
  2x -0:42.6.0 core:undo (input.hidden-input)
     -0:39.9.0 core:paste (input.hidden-input)
     -0:08.8.0 core:save (input.hidden-input)

Non-Core Packages

atom-alchemy 0.1.0 
atom-linter-node-dependencies 1.5.0 
atom-material-syntax 1.0.2 
atom-material-ui 1.3.9 
atom-node-v8-inspector 0.1.1 
atom-react-native-autocomplete 0.0.27 
atom-react-native-css 1.1.3 
atom-react-snippets 0.2.2 
atom-sass 0.4.0 
atom-sassc-live 1.0.8 
atom-sort-sass 0.2.1 
Atom-Syntax-highlighting-for-Sass 0.5.0 
autocomplete-ruby 0.2.6 
bdd-react-snippets 0.6.0 
bootstrap-sass-snippets 2.1.1 
build 0.67.0 
build-dart-sass 0.3.1 
build-sass 0.10.1 
busy 0.7.0 
busy-signal 1.3.0 
colorblind-wombat-dark-syntax 0.6.0 
context-git 0.15.5 
git-commit 1.5.3 
git-control 0.8.2 
git-controlhub 0.3.0 
git-diff-details 1.4.0 
git-log 0.4.1 
git-projects 1.17.0 
git-status 0.3.4 
git-time-machine 1.5.9 
intentions 1.1.2 
language-javascript-jsx 0.3.7 
lint-sass-vue 1.0.4 
linter 2.1.2 
linter-9e-sass 0.5.1 
linter-ruby 1.2.5 
linter-sass-lint 1.7.4 
linter-ui-default 1.2.1 
node-debug 0.1.7 
node-requirer 0.1.12 
node-requirer-mikuso 0.1.5 
open-git-modified-files 0.2.4 
rails-finder 0.7.0 
rails-model-schema 0.9.0 
rails-open 0.4.3 
rails-rspec 0.3.2 
rails-snippets 2.14.0 
react 0.16.2 
react-es6-snippets 0.3.0 
react-es7-snippets 0.3.11 
react-redux-atom-snippets 0.7.2 
react-redux-component-snippets 0.0.3 
react-redux-snippets 0.1.5 
react-snippets 0.7.2 
ruby-bundler 0.3.0 
ruby-define-method 0.2.2 
ruby-quick-test 0.4.0 
ruby-syntax-replacer 0.5.1 
ruby-test 1.0.1 
ruby-test-switcher 1.2.3 
sass-autocompile 0.13.3 
sass-comment 1.4.0 
sass-compiler 0.4.0 
Sass-Syntax-Highlight 0.1.1 
source-preview-react 0.2.0 
toggle-node-modules 1.1.2 
tree-view-git-branch 0.1.2 
tree-view-git-status 1.3.1