unionups / ember-cli-bootstrap-sass Goto Github PK

View Code? Open in Web Editor NEW

19.0 19.0 12.0 251 KB

Include bootstrap-sass and bootstrap-for-ember into an ember-cli app

JavaScript 100.00%

ember-cli-bootstrap-sass's People

Contributors

Stargazers

Watchers

Forkers

bbooth yankeeinlondon jbrown domchristie flemse intuitivepixel abuiles louy mansona ltvco kwekut plos

ember-cli-bootstrap-sass's Issues

Handlebars 2.0 required for Ember 1.9.0

Ember 1.9.0 which has just been released requires Handlebars = 2.0. However ember-cli-bootstrap-sass ships with templates compiled for Handlebars 1.3.0.

I think what's required is a refresh of bootstrap-for-ember that compiles templates for Handlebars 2.0 and then a refresh of this plugin.

Cannot GET /tree_merger-tmp_dest_dir-RTKQc5eu.tmp/app/styles/ember-app.css.map

Network showing up this request with a 404 error

Performance warnings with ember-cli 0.1.1

On latest ember-cli master (0.1.1+) there are lots of warnings concerning perfomance on server startup. Everything works, though. Here is the output of ember server:

Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\css\bs-growl-notifications.min.css` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-core.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-alert.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-alert.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-badge.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-badge.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-basic.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-basic.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-breadcrumbs.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-breadcrumbs.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-button.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-button.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-core.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-core.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-growl-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-growl-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-items-action-bar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-items-action-bar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-label.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-label.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-list-group.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-list-group.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-modal.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-modal.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-nav.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-nav.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-popover.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-popover.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-progressbar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-progressbar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-wizard.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-wizard.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap-sass-official\assets\javascripts\bootstrap.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap-sass-official\assets\fonts\bootstrap\glyphicons-halflings-regular.eot` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap-sass-official\assets\fonts\bootstrap\glyphicons-halflings-regular.svg` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap-sass-official\assets\fonts\bootstrap\glyphicons-halflings-regular.ttf` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap-sass-official\assets\fonts\bootstrap\glyphicons-halflings-regular.woff` into a subdirectory.

Installation error: no compatible broccoli-sass-source-maps version

$ npm install --save-dev ember-cli-bootstrap-sass
npm ERR! Darwin 14.0.0
npm ERR! argv "/Users/pete/.nvm/versions/node/v0.12.0/bin/node" "/Users/pete/.nvm/versions/node/v0.12.0/bin/npm" "install" "--save-dev" "ember-cli-bootstrap-sass"
npm ERR! node v0.12.0
npm ERR! npm  v2.5.1
npm ERR! code ETARGET

npm ERR! notarget No compatible version found: broccoli-sass-source-maps@'>=0.7.0 <0.8.0'
npm ERR! notarget Valid install targets:
npm ERR! notarget ["0.6.2","0.6.3","1.0.0-beta.1","1.0.0-beta.4"]
npm ERR! notarget
npm ERR! notarget This is most likely not a problem with npm itself.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.

Thanks

importBootstrapJS not including files

I installed this addon but when I try to add the JS files via:

var app = new EmberApp({
  'ember-cli-bootstrap-sass': {
    'importBootstrapJS': true
  }
});

No files are included. Am I missing some config?

Ember-for-Bootstrap gathering dust

As much as a componentized version of bootstrap is desirable I think depending on this library is a bad idea unless they regain some momentum or interest in their project.

Furthermore, I took the contingency option mentioned in your documentation regarding turning bootstrap's JS on but it is at the moment causing a number of errors for me. At least for the navigation bars. Haven't troubleshooted this enough though so maybe this issue should just be about the former concern although I am interested if you feel the "beta" status of this addon has been tested with JS enabled.

`libsass` bindings not found. Try reinstalling `node-sass`?

I have this error here after installing your library. To mention that I use scss myself for the project, and everything compiles just fine without ember-cli-bootstrap-sass.

Stack

$ ember serve
`libsass` bindings not found. Try reinstalling `node-sass`?
Error: `libsass` bindings not found. Try reinstalling `node-sass`?
    at getBinding (/Users/username/Project/cs-web/client/node_modules/ember-cli-bootstrap-sass/node_modules/node-sass/lib/index.js:22:11)
    at Object.<anonymous> (/Users/username/Project/cs-web/client/node_modules/ember-cli-bootstrap-sass/node_modules/node-sass/lib/index.js:188:23)
    at Module._compile (module.js:397:26)
    at Object.Module._extensions..js (module.js:404:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (/Users/username/Project/cs-web/client/node_modules/ember-cli-bootstrap-sass/node_modules/broccoli-sass-source-maps/index.js:5:12)
    at Module._compile (module.js:397:26)

Bootstrap sass not compiling into app.css

ember version: 0.2.3
node: 0.12.2
npm: 2.7.6

I ran the commands
ember new app
cd app
npm install --save-dev ember-cli-bootstrap-sass
mv app/styles/app.css app/styles/app.scss
add the line @import: 'bootstrap';
run
ember serve
When the app compiles, I get dist/assets/app.scss (rather than app.css) and all it contains is @import: 'bootstrap';.
What am I missing?

"broccoli-asset-rev": "^2.0.2",
    "ember-cli": "0.2.3",
    "ember-cli-app-version": "0.3.3",
    "ember-cli-babel": "^5.0.0",
    "ember-cli-bootstrap-sass": "^0.2.11",
    "ember-cli-content-security-policy": "0.4.0",
    "ember-cli-dependency-checker": "0.0.8",
    "ember-cli-htmlbars": "0.7.4",
    "ember-cli-ic-ajax": "0.1.1",
    "ember-cli-inject-live-reload": "^1.3.0",
    "ember-cli-qunit": "0.3.10",
    "ember-cli-uglify": "1.0.1",
    "ember-data": "1.0.0-beta.16.1",
    "ember-export-application-global": "^1.0.2"

http://stackoverflow.com/questions/29857506/ember-cli-bootstrap-sass-doesnt-compile-correctly

Deploy to Heroku

Hi guys,

When deploying to Heroku everything seems to be OK but once I try to load the app in the browser I'm getting:

Uncaught TypeError: undefined is not a function

I narrowed down my dependencies and realized that's because of ember-cli-bootstrap-sass

Any ideas of why? Not sure if there's a workaround for this.

Thanks!

Computed Properties are cached by default

Using ember 1.11.0-beta.1+canary.d2d1490d, no need to call cacheable() on computed properties anymore, otherwise you get this:

(warning) DEPRECATION: ComputedProperty.cacheable() is deprecated. All computed properties are cacheable  by default.

'undefined is not a function' error when deployed

When I do I build and deploy, on my server the app returns the following error:

undefined is not a function

But this doesn't happen locally using 'ember serve'.

I turned off the build's JS minification and found that the error happens here where it's trying to compile the handlebars template for the ItemPaneView.

  Bootstrap.ItemPaneView = Ember.View.extend({
    template: Ember.Handlebars.compile(['{{#if view.content.template}}', '{{bsItemPanePartial view.content.template}}', '{{/if}}'].join("\n")),
    corrItem: (function() {
      var view, _i, _len, _ref;
      if (this.get('parentView').get('corrItemsView') != null) {
        _ref = this.get('parentView').get('corrItemsView')._childViews;
        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
          view = _ref[_i];
          if (view.content === this.get('content')) {
            return view;
          }
        }
      }
    }).property('parentView.corrItemsView'),

When I test for 'Ember.Handlebars.compile' in the console, it returns 'undefined'.

I followed the setup instructions, what am I missing?

Does not seem to be working with Ember CLI 0.2.0

On a new project, I just added broccoli-sass and ember-cli-bootstrap-sass

error while running ember s:

$ ember s
The package `ember-data` is not a properly formatted package, we have used a fallback lookup to resolve it at `/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-data`. This is generally caused by an addon not having a `main` entry point (or `index.js`).
version: 0.2.0
The package `ember-data` is not a properly formatted package, we have used a fallback lookup to resolve it at `/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-data`. This is generally caused by an addon not having a `main` entry point (or `index.js`).
Livereload server on port 35729
Serving on http://localhost:4200/
{
  "status": 1,
  "file": "/Users/seb/code/training/ember/test-bootstrap-sass/tmp/tree_merger-tmp_dest_dir-grls1nY9.tmp/app/styles/app.scss",
  "line": 1,
  "column": 9,
  "message": "file to import not found or unreadable: bootstrap\nCurrent dir: /Users/seb/code/training/ember/test-bootstrap-sass/tmp/tree_merger-tmp_dest_dir-grls1nY9.tmp/app/styles/"
} [string exception]
Error: {
  "status": 1,
  "file": "/Users/seb/code/training/ember/test-bootstrap-sass/tmp/tree_merger-tmp_dest_dir-grls1nY9.tmp/app/styles/app.scss",
  "line": 1,
  "column": 9,
  "message": "file to import not found or unreadable: bootstrap\nCurrent dir: /Users/seb/code/training/ember/test-bootstrap-sass/tmp/tree_merger-tmp_dest_dir-grls1nY9.tmp/app/styles/"
} [string exception]
    at /Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-cli/node_modules/broccoli/lib/builder.js:35:15
    at lib$rsvp$$internal$$tryCatch (/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:489:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:501:17)
    at lib$rsvp$$internal$$publish (/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:472:11)
    at lib$rsvp$$internal$$publishRejection (/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:415:7)
    at lib$rsvp$asap$$flush (/Users/seb/code/training/ember/test-bootstrap-sass/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:1290:9)
    at process._tickCallback (node.js:355:11)

package.js

{
  "name": "test-bootstrap-sass",
  "version": "0.0.0",
  "description": "Small description for test-bootstrap-sass goes here",
  "private": true,
  "directories": {
    "doc": "doc",
    "test": "tests"
  },
  "scripts": {
    "start": "ember server",
    "build": "ember build",
    "test": "ember test"
  },
  "repository": "",
  "engines": {
    "node": ">= 0.10.0"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "broccoli-asset-rev": "^2.0.0",
    "broccoli-sass": "^0.4.0",
    "ember-cli": "0.2.0",
    "ember-cli-app-version": "0.3.2",
    "ember-cli-babel": "^4.0.0",
    "ember-cli-bootstrap-sass": "^0.2.11",
    "ember-cli-content-security-policy": "0.3.0",
    "ember-cli-dependency-checker": "0.0.8",
    "ember-cli-htmlbars": "0.7.4",
    "ember-cli-ic-ajax": "0.1.1",
    "ember-cli-inject-live-reload": "^1.3.0",
    "ember-cli-qunit": "0.3.9",
    "ember-cli-uglify": "1.0.1",
    "ember-data": "1.0.0-beta.15",
    "ember-export-application-global": "^1.0.2"
  }
}

bootstrap collapse with ember-cli version 2

I added this to my brocfile.js:
'ember-cli-bootstrap-sass': {
'js': ['affix','collapse']
}

how do I actually call it out in the .hbs file using this:

Button with data-target

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

</div>

can someone help, trying to learn and need a portion to collapse

css.map not found

Hey,
Right after creating a project template with ember-cli I tried to add your add-on but I ended up with this kind of browser error:
GET http://0.0.0.0:4200/.../app_name.css.map 404 (Not Found)

In dependendcies I have:
"ember-cli": "0.1.1",
"ember-cli-bootstrap-sass": "^0.2.3"