Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
calcite-bootstrap
Advanced tools
Calcite Bootstrap is a custom theme and a custom build system for Bootstrap. The theme is based on Calcite - a geo-centric design framework created by ESRI. Calcite Bootstrap was built for developers who have experience working with Bootstrap and would like to integrate the Calcite theme and build system to their web pages and apps.
For more info about this framework, go to the documentation site
There are two main ways to use Calcite Boostrap:
Calcite Bootstrap does not include any javascript components itself - it simply provides a theme for Bootstrap components. If you elect to use any Bootstrap components that require javascript, you will need to include the Bootstrap javascript in your application.
For applications without a build system, we recommend loading the Bootstrap javascript from the BootstrapCDN.
If you have a build step, and installed calcite-bootstrap via npm, then bootstrap-sass was also installed, and you can include the scripts you need from node_modules/bootstrap-sass/assets/javascripts/...
This is probably the easiest way. If you're looking to get up and running quickly, just download the latest release and move the zipped files to wherever you keep you assets. Be sure to use the documentation site and the main Bootstrap to copy and paste patterns, components, and even a sample html boilerplate.
To install Calcite Bootstrap with npm, type:
npm install --save-dev calcite-bootstrap
If you're using sass, be sure to add node_modules/calcite-bootstrap/dist/sass/
to your load path. If you're using gulp-sass
you will add something like this:
gulp.task('sass', function () {
return gulp.src('./sass/**/*.scss')
.pipe(sass({
includePaths: [
'./node_modules/bootstrap-sass/assets/stylesheets',
'./node_modules/calcite-bootstrap/dist/sass/'
]
}).on('error', sass.logError))
.pipe(gulp.dest('./css'));
});
If you are using grunt-sass
, you should add it like this:
'sass': {
options: {
includePaths: [
'./node_modules/bootstrap-sass/assets/stylesheets',
'./node_modules/calcite-bootstrap/dist/sass/'
]
},
target: {
files: {
'path/to.css': 'path/to.scss'
}
}
}
Then in your main .scss
file, you can just require the framework: @import "calcite-bootstrap";
.
Installing Calcite Bootstrap was designed to be fairly painless. If you have any problems, be sure to submit an issue and use the label install issues
.
Calcite-Boostrap has these main dependencies.
$ git
. You should see a list of commands for git if it is. If Git is not installed, OSX will automatically prompt you to install the XCode Command Line Developers Tools. Follow the prompts to complete the install.$ node -v
in Terminal$ npm install -g grunt-cli
in Terminal.$ npm install -g bower
in Terminal.$ gem install sass
in Terminal.If you run into errors during the installs, Mac Users my want to try using sudo
. For example:
$ sudo npm install -g grunt-cli
or $ sudo gem install sass
All the code for Calcite Bootstrap lives on GitHub. We use the fork and pull model to manage contribution.
$ your-username/calcite-bootstrap
)$ git clone https://github.com/your-username/calcite-bootstrap
$ cd calcite-bootstrap
$ npm install
$ bower install
Again, if you run into errors during, Mac Users my want to try using sudo
.
When the installs complete run $ grunt
to start the application. Open a new browser and navigate to http://localhost:8888
.
You should also add Esri/calcite-bootstrap
as a remote at this point. We generally call this remote branch 'upstream':
$ git remote add upstream https://github.com/Esri/calcite-bootstrap
Check your configuration: $ git remote -v
The results should look like:
origin https://github.com/your-username/calcite-bootstrap.git (fetch)
origin https://github.com/your-username/calcite-bootstrap.git (push)
upstream https://github.com/Esri/calcite-bootstrap.git (fetch)
upstream https://github.com/Esri/calcite-bootstrap.git (push)
When running $ bower install
if you get an error stating unable to connect to gihub.com
you will need to run the following command: git config --global url."https://".insteadOf git://
If the above doesn't work, try manually modifying the .git-config
file under your user directory (note: it is a hidden file).
[url "https://"]
insteadOf = git://
You might also want to try installing sudo npm install -g n
and sudo npm install -g nvm
To run a development environment, just type $ grunt
. You should have a copy of the documentation site live at localhost:8888.
$ grunt
- [default] builds and then serves up local environment at localhost:8888 (includes watch for updated files)$ grunt serve
- serves local environment at localhost:8888 (no build)$ grunt build
- builds local environment only (no localhost)$ grunt release
- creates calcite-bootstrap.zip
file for release in root directory$ grunt publish
- publishes new release candidate to Amazon S3 (requires credentials)Please use the practice of creating a new branch for the the task you are working on
$ git checkout -b my-new-feature
Once you are ready to commit, please ensure you have added your changes to CHANGELOG.md, and then push the changes to your fork.
$ git push origin my-new-feature
Then go to the main repo page and click the button to create a Pull Request.
To prepare a release, you need an NPM account (npmjs.org), and need to be running on a mac or linux.
Most of the process is automated, but we have left two manual steps to ensure that the actual publishing to NPM is not done accidentally.
package.json
This will usually mean bumping the PATCH number (major.minor.patch). This version number will be used in the TAG that the next step will create @ github.sh bin/release.sh
This will create a branch, build the css, and pushes a release. NOTE: You can only push to the same version once. Re-release on the same version, you must manually destroy the release @ github.npm publish <url to tar.gz file>
- this will push the update to npm.Copyright 2015 Esri
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
A copy of the license is available in the repository's license.txt file.
[](Esri Tags: Web Mapping ArcGIS Design Basemaps Bootstrap Calcite JavaScript Calcite Bootstrap) [](Esri Language: CSS)
FAQs
Calcite Theme for Bootstrap 3.x
The npm package calcite-bootstrap receives a total of 91 weekly downloads. As such, calcite-bootstrap popularity was classified as not popular.
We found that calcite-bootstrap demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.