meteor-ionic

Build Ionic apps in Meteor!

Overview

This is an attempt at real Ionic and Meteor integration. This is not just Ionic's CSS framework wrapped in a Meteor package. It aims to be a complete port of Ionic’s Angular directives to Meteor Blaze templates.

Note: This is a forked of meteoric:ionic, which is now not maintained. In response, I decided to fork it, and maintain this package for my own. I have written acceptance test on JoeyAndres/ionic-demo, which is a fork of meteoric/demo.

Why?

Ionic is arguably the most comprehensive, polished, cross-platform mobile framework available. But unfortunately a large portion of its functionality comes from Angular directives. I'm not a fan of trying to force-fit Angular into Meteor, so I wanted to see if I could rewrite Ionic specifically for Meteor.

Getting started Guide

Check out the GUIDE.md for a guide on how to get started.

Status

Beta See the TODO section below to see which Angular Directives have been ported to Blaze.

Install

meteor add jandres:ionic

Dependencies

• jandres:meteoric-sass Ionic's scss only package and currently up to date with ionic v1.2.4

Examples

Demo of all components

The demo app of various ionic components

Demo | Code

Pre-fork Examples

The following are examples prior to this fork.

Contacts App

A simple CRUD app to manage contacts.

Demo | Code

Meteor Hunt

A Product Hunt clone built in Meteor Ionic. (In Progress)

Demo | Code

TODO

Angular Directives to convert to Blaze:

• ActionSheet
• Backdrop
• Content
  • ion-content
  • ion-refresher (not necessary with Meteor)
  • ion-pane
• Events (use a 3rd party library?)
• Form Inputs (using meteoric:autoform-ionic)
  • ion-checkbox
  • ion-radio
  • ion-toggle
• Gesture (use a 3rd party library?)
• Headers/Footers
  • ion-header-bar
  • ion-footer-bar
• Keyboard (requires cordova integration)
• Lists (needs edit/remove/sort functionality)
  • ion-list
  • ion-item
  • ion-delete-button
  • ion-reorder-button
  • ion-option-button
  • collection-repeat
• Loading
• Modal
• Navigation (requires iron:router integration)a
  • ion-nav-view
  • ion-view
  • ion-nav-bar
  • ion-nav-back-button
  • ion-nav-buttons (not needed?)
  • ion-nav-title
  • nav-transition (not needed?)
  • nav-direction (not needed?)
• Platform
• Popover
• Popup
• Scroll
  • ion-scroll
  • ion-infinite-scroll
• Side Menus
  • ion-side-menus
  • ion-side-menu-content
  • ion-side-menu
  • expose-aside-when (not sure this is needed)
  • menu-toggle
  • menu-close
• Slide Box
• Tabs (requires iron:router integration)
  • ion-tabs
  • ion-tab

Code Style Change:

These are code styles that I want to impose on this forked repo.

• Get rid of all session variables.

License

MIT License