Ember Inspector Adds an Ember tab to the browser's Developer Tools that allows you to inspect Ember objects in your application. Installation Chrome Install the extension from the Chrome Web Store. OR: Clone the repository cd into the repo directory run yarn install run yarn global add ember-cli run yarn build to build the dist directory Visit chrome://extensions in Chrome Make sure Developer m...
Ember-Electron An Ember addon to turn Ember apps into cross-platform desktop applications, taking care of development, tests, compilation, and installer creation. Compatibility Ember.js v3.16 or above Ember CLI v2.13 or above Node.js v10 or above Documentation View Docs Support Ember-Electron is a small open source project. Use GitHub Issues to report bugs and errors within the addon. If you ne...
Ember CLI Mirage A client-side server to develop, test and prototype your Ember CLI app. View the docs here. Installation ember install ember-cli-mirage Feature requests Please open an issue and add a 👍 emoji reaction. We will use the number of reactions as votes to indicate community interest, which will in turn help us prioritize feature development. You can view the most-upvoted feature ...
Ember CP Validations An EmberJS validation framework that is completely and utterly computed property based. Features No observers were used nor harmed while developing and testing this addon. Lazily computed validations Ruby on rails inspired validators Support for Ember Data Models, Objects, Components, Services, etc. Support for nested models and objects Synchronous and asynchronous support ...
ember-engines This Ember addon implements the functionality described in the Ember Engines RFC. Engines allow multiple logical applications to be composed together into a single application from the user's perspective. Packages This project is a monorepo managed by yarn workspaces. All packages are organized in the /packages/ directory. The only public package is ember-engines. Other packages a...
Travis CI ember web client Running the app The app is developed using Ember CLI. It requires nodejs with npm installed. In order to run the app you need to install dependencies with: npm ci And then install ember-cli globally in order to have access to the ember command: npm install -g ember-cli Now you can run the server: ember serve And open http://localhost:4200 in the browser. Alternativ...
ShareDrop is a web application inspired by Apple AirDrop service. It allows you to transfer files directly between devices, without having to upload them to any server first. It uses WebRTC for secure peer-to-peer file transfer and Firebase for presence management and WebRTC signaling. ShareDrop allows you to send files to other devices in the same local network (i.e. devices with the same publ...
Ember-Power-Select Ember Power Select is a select component written in Ember with a focus in flexibility and extensibility. It is designed to work well with the way we build Ember apps, so it plays nicely with promises, ember-concurrency's tasks, ember-data collections and follows idiomatic patterns. Installation Ember Power Select 1.X works in Ember 2.3.1+, beta and canary with no deprecations...
Ember Infinity Demo: ember-infinity.github.io/ember-infinity/ Simple, flexible infinite scrolling for Ember CLI Apps. Works out of the box with the Kaminari Gem. Table of Contents: Installation Basic Usage Service Methods Non Blocking Model Hook Advanced Usage Model Event Hooks Custom Store Infinity Loader Load Previous Pages Ember Concurrency Usage Testing Also: Installation ember install embe...
Ember runloop handbook by Eoin Kelly Table of contents Contributing Introduction Naming is hard Why do we have a runloop? Enter the Ember! Things we already know Where does the framework end and my app begin What events does Ember listen to? How ember listens for events Example: A simplistic approach Enter the runloop How it works How often do runloops happen? Visualising the runloop for yourse...
ember-bootstrap An ember-cli addon for using Bootstrap 4 und 5 in Ember applications. The addon includes the Bootstrap CSS (or Sass, Less) in your project (can be disabled). On top of that, it provides a set of native Ember components (no use of Bootstrap JavaScript!). See www.ember-bootstrap.com for full documentation. Installation In your application's directory: ember install ember-bootstrap...
ember-data ember-data is a library for robustly managing data in applications built with Ember.js. ember-data is designed to be agnostic to the underlying persistence mechanism, so it works just as well with JSON API over HTTP as it does with streaming WebSockets or local IndexedDB storage. It provides many of the facilities you'd find in server-side ORMs like ActiveRecord, but is designed spec...
Ember Simple Auth API docs Ember Simple Auth supports all Ember.js versions starting with 3.0. Node 12 is required Ember Simple Auth Ember Simple Auth is a lightweight library for implementing authentication/ authorization with Ember.js applications. It has minimal requirements with respect to application structure, routes etc. With its pluggable strategies it can support all kinds of authentic...
ember-cli-flash Simple, highly configurable flash messages for ember. This ember addon adds a flash message service and component to your app. Table of Contents Installation Compatibility Usage Convenience methods (Bootstrap / Foundation alerts) Bootstrap Foundation Custom messages Custom messages API Animated example Arbitrary options Example use case Clearing all messages on screen Returning ...
Ember Decorators Ember Decorators began as a project dedicated to exploring and unlocking the future of native classes in Ember.js. Now, that future is here! Decorators will be landing soon in Ember, and there is a polyfill available for them. This library now contains a few extra decorators which were not upstreamed to Ember, and may still be useful to some users. Check out the documentation w...
ember-metrics Send data to multiple analytics services without re-implementing new API This addon adds a simple metrics service to your app that makes it simple to send data to multiple analytics services without having to implement a new API each time. Using this addon, you can easily use bundled adapters for various analytics services, and one API to track events, page views, and more. When y...
Ember Simple Auth Token This is Ember addon is an extension to the Ember Simple Auth library that provides a basic token authenticator, a JSON Web Tokens token authenticator with automatic refresh capability, and an authorizer mixin. You can find more about why JSON Web Tokens are so awesome in this article. Because user's credentials and tokens are exchanged between the Ember.js app and the se...
Ember Websockets Installation ember install ember-websockets Simple example of using it in your app import Controller from '@ember/controller'; import { inject as service } from '@ember/service'; import { action } from '@ember/object'; export default class MyController extends Controller { /* * 1. Inject the websockets service */ @service('websockets') websockets; socketRef = nul...
Ember-can Simple authorisation addon for Ember. Installation Install this addon via ember-cli: ember install ember-can Compatibility Ember.js v3.20 or above Ember CLI v3.20 or above Node.js v12 or above Quick Example You want to conditionally allow creating a new blog post: {{#if (can "create post")}} Type post content here... {{else}} You can't write a new post! {{/if}} We define an abili...
ember-test-selectors Enabling better element selectors in Ember.js tests Features Removes attributes starting with data-test- from HTML tags and component/helper invocations in your templates for production builds Removes properties starting with data-test- from your JS objects like component classes for production builds More information on why that is useful are available on our blog! Compati...
ember-in-viewport Detect if an Ember View or Component is in the viewport @ 60FPS ember-in-viewport is built and maintained by DockYard, contact us for expert Ember.js consulting. Read the blogpost This Ember addon adds a simple, highly performant Service or Mixin to your app. This library will allow you to check if a Component or DOM element has entered the browser's viewport. By default, this...
Sane Document Title This addon adds sane document.title integration to your ember app. Originally based on this gist by @machty, and since improved upon by many fabulous contributors. Tested to work with Ember 1.13.13 and up. Install Install by running ember install ember-cli-document-title So, how does this work? This adds two new keys to your routes: titleToken title They can be either strin...
ember-leaflet Ember-Leaflet aims to make working with Leaflet layers in your Ember app as easy, declarative and composable as templates make working with DOM. Installation Ember Leaflet works in Ember 3.16+ with no deprecations. To install it run: ember install ember-leaflet This will also add the leaflet package to your project. ember-leaflet is compatible with leaflet 0.7+. If you need to us...
Ember Page Objects Represent the screens of your web app as a series of objects. This ember-cli addon eases the construction of these objects for your acceptance and integration tests. http://ember-cli-page-object.js.org/ What is a Page Object? An excerpt from the Selenium Wiki Within your web app's UI there are areas that your tests interact with. A Page Object simply models these as objects w...
eslint-plugin-ember An ESLint plugin that provides a set of rules for Ember applications based on commonly known good practices. ❗️Requirements ESLint >= 6 Node.js 10.* || 12.* || >= 14 🚀 Usage 1. Install plugin yarn add --dev eslint-plugin-ember Or npm install --save-dev eslint-plugin-ember 2. Modify your .eslintrc.js // .eslintrc.js module.exports = { plugins: ['ember'], extends: [ ...
ember-template-lint ember-template-lint is a library that will lint your handlebars template and return error results. For example, if the rule no-bare-strings is enabled, this template would be in violation: {{! app/components/my-thing/template.hbs }}
A bare string
When the ember-template-lint executable is run, we would have a single result indicating that the no-bare-strings rule...
Ember Service Worker ember-service-worker is built and maintained by DockYard, contact us for expert Ember.js consulting. A pluggable approach to Service Workers for Ember.js Documentation Website Visit the documentation website Want to help? Please do! We are always looking to improve this library. Please see our Contribution Guidelines on how to properly submit issues and pull requests. Legal...
Ember-models-table Install ember install ember-models-table Discussion Join the official Ember Discord server. Usage Major version 3.x is latest version of ember-models-table. Demo for ember-bootstrap with Bootstrap v3 - demo bs3. Theme ember-bootstrap-v3 is used here. Add file app/instance-initializers/emt-inject.js to your project and table components will use this theme automatically: export...
Ember-tooltips (and popovers) Render tooltips and popovers on components and other HTML elements using HTMLBars. Installation ember install ember-tooltips Upgrading from 2.x See UPGRADING-3.x.md Documentation Documentation for usage is below: Demo Usage ember-tooltip ember-popover Options Setting defaults Actions Testing Test helpers Importing test helpers Accessibility Development Usage This d...
Ember Light Table is a lightweight contextual component based table addon that follows Ember's actions up, data down ideology. WARNING The API for initializing Ember Light Table (v2.x) has recently changed. Please review the Pull Request for more information. Features Custom component based column headers and cells Infinite scroll support Select & Multi-select with keyboard support (CMD/CTRL, S...
SkyLines SkyLines is a web platform where pilots can share their flights with others after, or even during flight via live tracking. SkyLines is a sort of social network for pilots including rankings, statistics and other interesting features. Most of all SkyLines is truly open in all regards compared to other similar platforms. SkyLines has started development in 2012 as a spin-off from the po...
ember-lifeline Ember applications have long life-cycles. A user may navigate to several pages and use many different features before they leave the application. This makes JavaScript and Ember development unlike Rails development, where the lifecycle of a request is short and the environment disposed of after each request. It makes Ember development much more like iOS or video game development ...
Ember Power Calendar Customizable Calendar Component for Ember. Disclaimer Version 0.14 of this addon requires Ember 3.11 or greater. Versions below 0.14 would work with Ember 3.0+ (and perhaps 2.12+) Installation ember install ember-power-calendar Internet Explorer 11 support requires babel polyfill: // ember-cli-build.js let app = new EmberAddon(defaults, { 'ember-cli-babel': { include...
emberx-select A select component based on the native html select. We've tried other select components, and were missing the reliability, maintainability, and accessbility of the native html
Ember Burger Menu An off-canvas sidebar component with a collection of animations and styles using CSS transitions Features Easy to use & setup off-canvas menu Mix and match from many menu & menu item animations Swipe gesture support with changeable thresholds Easily create your own animations Installation ember install ember-burger-menu Sass Installing ember-burger-menu should also install em...
Scroll A light-weight library that will allow you to scroll any html element using native javascript. In addition to providing extra scrolling features, this library also aims to be a polyfill for the scrollTo and scrollIntoView APIs and allows you to scroll using animations that are based loosely on the scrollOptions of the DOM specification. Manipulates native scroll properties so that native...
Ember Exam Ember Exam is an addon to allow you more control over how you run your tests when used in conjunction with Ember QUnit or Ember Mocha. It provides the ability to randomize, split, parallelize, and load-balance your test suite by adding a more robust CLI command. It started as a way to help reduce flaky tests and encourage healthy test driven development. It's like Head & Shoulders fo...
ember-font-awesome An ember-cli addon for using Font Awesome icons in Ember applications. WARNING: Please verify that you are reading the README corresponding with the version of ember-font-awesome you are using. Table of Contents Ember Version Compatibility Installing the Add-on Using the Add-on Customize with Sass/Scss or Less Excluding assets Ember Version Compatibility Please consult the ta...
intellij-emberjs This plugin provides basic Ember.js support to all JetBrains IDEs that support JavaScript. Features Ember.js project discovery when imported from existing sources Automatically sets the language level to ES6 Marks app, public and tests folders as source, resource and test folders Marks node_modules and bower_components as library folders Enable JSHint using .jshintrc Quick navi...
ember-cli-notifications Compatibility Ember.js v2.18 or above Ember CLI v2.13 or above Node.js v10 or above Installation ember install ember-cli-notifications Usage An Ember addon that adds Atom inspired notification messages to your app. Interactive documentation can be found here. Upgrading to 5.0.0 Icons and FontAwesome As of 5.0.0 we no longer depend on Font Awesome so you can remove any c...
ember-pikaday ember-pikaday is an addon that can be installed with Ember CLI. It gives you a datepicker input component that can be used in your Ember.js application. ember-cli-moment-shim is used in the background so it is added as NPM dependencies to your application. The component provided by ember-pikaday is fully acceptance tested. It also provides test helpers to interact with the datepic...
Ember-Impagination Ember-Impagination is an Ember binding for Impagination, a front-end data-layer for the paginated API on your server. Ember-Impagination leverages the power of Glimmer and provides your component the data it needs to render quickly each and every time. Impagination README: Whatever your use-case: infinite scrolling lists, a carousel browser, or even a classic page-by-page res...
ember-content-placeholders Ember addon for rendering fake content while data is fetching to provide better UX and lower bounce rate. 💿 Installation ember install ember-content-placeholders 🚀 Usage {{#content-placeholders as |placeholder|}} {{placeholder.heading img=true}} {{placeholder.text lines=3}} {{/content-placeholders}} {{#content-placeholders rounded=true as |placeholder|}} ...
Ember Tether This ember-cli addon provides a component that allows for 'tethering' a block to a target somewhere else on the page. The target may be an element, an element selector, or an Ember view. Importantly, the component retains typical context for Ember action handling and data binding. Compatibility Ember.js v2.4 or above Ember CLI v2.13 or above For Ember 1.13 - 2.3, use 0.4.1. For sup...
ember-cli-eslint ESLint for Ember CLI apps and addons Installation ESLint 4 (for Node 4 and above): ember install ember-cli-eslint@4 ESLint 3 (for Node 4 and above): ember install ember-cli-eslint@3 ESLint 2 (for Node 0.10 and above): ember install ember-cli-eslint@2 After installation, an .eslintrc.js file will be placed in both the root of your project and the /tests directory. Furthermore...
Kitsu Client This is our client repository. It contains the Ember.js application for Kitsu. Check out the tools, mobile, server and api docs repositories. Getting Started Installing Dependencies yarn Running Ember App yarn start (default port 4200) yarn start --port 4201 Running Tests yarn test (tap reporter) yarn test:ci (dot reporter) Contributing Check out the main repo for information on se...
Super Rentals This is a working repository for the Super Rentals tutorial, which you can check out at https://guides.emberjs.com/release/tutorial/. Prerequisites You will need the following things properly installed on your computer. Git Node.js Yarn Ember CLI Google Chrome A Mapbox API token (with the "styles:tiles" scope) Installation git clone this repository cd super-rental...
Ember Guides Source This repository contains the written content for the Ember.js Guides. Contributors can file issues and submit pull requests (PRs) to help improve everyone's learning experience. Looking for repositories for the other parts of emberjs.com? Check out website, ember-api-docs, super-rentals tutorial, statusboard, deprecation-app, and styleguide. Contributing Welcome and thanks f...
ember-cookies ember-cookies implements an abstract cookie API that works both in the browser (via document.cookie) as well as with Fastboot in the server context (using the request and response accessible via the fastBoot service). Having access to cookies both in the browser as well as in FastBoot is key to being able to share a common session. Installation Install ember-cookies with ember ins...
No comments:
Post a Comment