Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

uploadcare-widget

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

uploadcare-widget

2.8.0
Source
npm

Version published: 9 years ago

Weekly downloads: 15K; increased by4.33%

Maintainers: 1

Weekly downloads

Created: 9 years ago

Source

This is the Uploadcare widget source.

Embedding

Add following code to your document's <head>.

<script>
  // Widget settings
  UPLOADCARE_PUBLIC_KEY = 'your_public_key';
</script>
<script src="https://ucarecdn.com/widget/x.y.z/uploadcare/uploadcare.full.min.js" charset="utf-8"></script>

Where x.y.z is widget version (2.0.6 for example). Here is also version without builtin jQuery:

<script>
  // Widget settings
  UPLOADCARE_PUBLIC_KEY = 'your_public_key';
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" charset="utf-8"></script>
<script src="https://ucarecdn.com/widget/x.y.z/uploadcare/uploadcare.min.js" charset="utf-8"></script>

The official Widget documentation has more information on using the widget itself.

Using with Bower

Install uploadcare using bower command:

$ bower install uploadcare

Add following code to your document's <head>.

<script>
  // Widget settings
  UPLOADCARE_PUBLIC_KEY = 'your_public_key';
  // To use static content from your host   
  UPLOADCARE_SCRIPT_BASE = '/bower_components/uploadcare/';
</script>
<script src="/bower_components/jquery/jquery.js" charset="utf-8"></script>
<script src="/bower_components/uploadcare/uploadcare.js" charset="utf-8"></script>

Using with npm

Install uploadcare using npm command:

$ npm install uploadcare-widget

Add following code to your document's <head>.

<script>
  // Widget settings
  UPLOADCARE_PUBLIC_KEY = 'your_public_key';
  // To use static content from your host   
  UPLOADCARE_SCRIPT_BASE = '/node_modules/uploadcare-widget/';
</script>
<script src="/node_modules/jquery/jquery.js" charset="utf-8"></script>
<script src="/node_modules/uploadcare-widget/uploadcare.js" charset="utf-8"></script>

Building Your Own

You need a working Ruby 2.0.0 environment with Bundler.

bundle install to get build dependencies.
bundle exec rake js:latest:build to build assets to the pkg/latest directory (with the “latest” suffix).
bundle exec rake js:release:build to build assets to the pkg/version folder (with the current version suffix). The version is specified in lib/uploadcare-widget/version.rb.

Development

Clone the repository, and go to test/dummy/. There is a simple Rails app. Run it:

bundle install
bundle update
bundle exec rails server

Open http://0.0.0.0:3000/ . Follow any link. There's going to be a widget or three. Edit code and reload page :-)

Testing

Jasminerice installed under the test/dummy/ Rails app.

To run tests in your browser go to http://0.0.0.0:3000/jasmine.

For more information see jasminerice docs.

guard-jasmine

To run tests in a terminal you must first install phantomjs.

Then you have two options:

run bundle exec guard start
run bundle exec guard-jasmine

The first one is for continuous tests execution, the second one runs tests just once. Both should be executed from the test/dummy/ directory.

See guard-jasmine docs for more information.

2.8.0 - 2016-03-14

Now you can capture video right from the camera tab if browser is capable (latest Firefox and Google Chrome at the moment).
We've switched from YUI Compressor to UglifyJS and CSSO. Minified size is reduced up to 15%, gzipped size up to 8%.
CommonJS and Browserify compatibility added.
New library builds (in addition to uploadcare and uploadcare.all):
- uploadcare.api — without jQuery and UI. Only upload API client.
- uploadcare.lang.en — stripped localization to reduce size, only English is included.
- uploadcare.ie8 — with jQuery 1.12.1 (IE8 does not work with jQuery 2+).

FAQs

What is uploadcare-widget?

Is uploadcare-widget popular?

Is uploadcare-widget well maintained?

Package last updated on 14 Mar 2016

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.

Install