These are chat archives for angular/angular-2-ionic-2

18th
Sep 2016
G
@gravity-addiction
Sep 18 2016 16:45
i've got a decent repo integrating desktop / mobile versions started at https://github.com/strictd/angular2-ionic2-webpack
Asad Sahi
@asadsahi
Sep 18 2016 18:22
@gravity-addiction a package missing error:
blob
looks interesting repo though, good work :+1:
G
@gravity-addiction
Sep 18 2016 19:29
i'm new the the npm scopes.. i think i need to make it public
Asad Sahi
@asadsahi
Sep 18 2016 19:34
I think so..also..npm start doesnt do anything
G
@gravity-addiction
Sep 18 2016 19:37
they are public now, npm update and try again
i've been changing up the directory layout this morning too
Asad Sahi
@asadsahi
Sep 18 2016 19:45
Let me try
G
@gravity-addiction
Sep 18 2016 19:49
updated the repo with an entirely new directory structure for desktop / mobile app views
Juan Heredia
@jherediagu
Sep 18 2016 20:01
How can optimize a ionic 2 app? when I try in osx with ionic serve is so fast but when I try it in iPad Air is so slow.....
G
@gravity-addiction
Sep 18 2016 20:02
@jherediagu make it an app through xcode
Asad Sahi
@asadsahi
Sep 18 2016 20:04
@gravity-addiction now this error:
blob
oh hangon, running on windows,
changed to copy command
Now getting this:
blob
Juan Heredia
@jherediagu
Sep 18 2016 20:08
@gravity-addiction ???? in native?
if you mean when i compile with xcode, is in this case when its slow
Anyone know how to repair the bug of keyboards overlap input before star writing?
G
@gravity-addiction
Sep 18 2016 20:12
@jherediagu ahh.. yeah, that was my only suggestion
@asadsahi hmm, never ran it on windows yet. let me do some poking around
Juan Heredia
@jherediagu
Sep 18 2016 20:15
@gravity-addiction but... when I try it in ionic serve, its the same like mobile, no?
G
@gravity-addiction
Sep 18 2016 20:17

@jherediagu ionic serve builds a browser version located in www/

ionic emulate ios runs an emulator more like what xcode will compile down to

Asad Sahi
@asadsahi
Sep 18 2016 20:20
@gravity-addiction there are two compilerOptions secons in tsconfig.json
do you know why?
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true,
    "types": [
      "core-js",
      "jasmine",
      "node",
      "protractor",
      "selenium-webdriver"
    ]    
  },
  "filesGlob": [
    "**/*.ts",
    "!node_modules/**/*"
  ],
  "exclude": [
    "node_modules",
    "app"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  },
  "awesomeTypescriptLoaderOptions": {
    "forkChecker": true,
    "useWebpackText": true
  }
}
{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "lib": ["dom", "es2015"],
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true,
    "types": [
      "jasmine",
      "node",
      "protractor",
      "selenium-webdriver"
    ]    
  },
  "filesGlob": [
    "**/*.ts",
    "!node_modules/**/*"
  ],
  "exclude": [
    "node_modules",
    "src"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  },
  "awesomeTypescriptLoaderOptions": {
    "forkChecker": true,
    "useWebpackText": true
  }
}
I think its copy command messing it up
i deleted it and copy command puts compilerOptions section in tsconfig.json again
G
@gravity-addiction
Sep 18 2016 20:22
yeah that's a problem.. basically ionic requires a slightly different set of options than the desktop angular2. tsconfig/desktop.conf and tsconfig/ionic.conf .. it seems to be concating those files
Asad Sahi
@asadsahi
Sep 18 2016 20:22
hammm, what is desktop part in this application?
normally ionic is mobile framework
:)
G
@gravity-addiction
Sep 18 2016 20:23
basic angular2
this has both angular2 for desktop and ionic for mobile, using a single set of services and backend api
Asad Sahi
@asadsahi
Sep 18 2016 20:23
ohh okay
what are you using for desktop? electron?
or some other framework?
G
@gravity-addiction
Sep 18 2016 20:24
ehh.. i really should re-word that from desktop to browser.. however yes native desktop apps will be with electron
i've played a little bit with electron and compiling into project concept, haven't spent a lot of time. most of my needs can be accomplished with browsers
Asad Sahi
@asadsahi
Sep 18 2016 20:29
right, but normally ionic 2 apps can run in browser as well,
you mean this app is written in angular 2 and then compile to mobile and browser version?
I was really curious to see how you have integrated with webpack 2 as build pipeline and typescript even ionic 2 team is behind catching up angualr 2 final and all the latest and greatest
:)
have you seen ionic2 team's kitchen sink project, ionic-conference app?
G
@gravity-addiction
Sep 18 2016 20:48
i have not, just getting into poking with the nightly ionic repos
"you mean this app is written in angular 2 and then compile to mobile and browser version?" -- Yes
Asad Sahi
@asadsahi
Sep 18 2016 20:49
yes
G
@gravity-addiction
Sep 18 2016 20:49
I typically use the output of ionic serve for a web based ios layout
Asad Sahi
@asadsahi
Sep 18 2016 20:49
Thats what this repo does as well
out is in another folder as a web application, which you can develop in browser like chrome and then build it for a particular platform
like android and ios
I have just reinstalled ionic 2 on my machine and the version came is : 2.1.0-beta.1
G
@gravity-addiction
Sep 18 2016 20:51
yep, it works pretty well too, just lacks the native mobile features like cameras and contacts
Asad Sahi
@asadsahi
Sep 18 2016 20:51
hammm, yeah, thats where cordova plugins are coutless
do you know if this version of ionic supports angular 2 final and new module system?
G
@gravity-addiction
Sep 18 2016 20:52
yeah, it's all used in my repo
you just have to make sure to have ionic@nightly
i need to figure out a better solution for replacing the tsconfig file using the package manager, likely a gulp action
Asad Sahi
@asadsahi
Sep 18 2016 20:57
hammmm, I need to understand what you are doing in thsi project :)
G
@gravity-addiction
Sep 18 2016 20:58
@asadsahi the ionic team will release a bunch of this soon, you can find a bunch of this done in the beta.12 driftyco/ionic branch
the team has been working heavily on driftyco/ionic-app-scripts which does a bunch of the compiling
Asad Sahi
@asadsahi
Sep 18 2016 20:59
right, let me pull nightly to see how far we are
how to install nightly? :)
G
@gravity-addiction
Sep 18 2016 21:00
npm install ionic@nightly
it already installs from the package.json
Asad Sahi
@asadsahi
Sep 18 2016 21:00
it failed for some reason
G
@gravity-addiction
Sep 18 2016 21:01
ohh.. sorry npm install ionic-angular@nightly
Asad Sahi
@asadsahi
Sep 18 2016 21:01
will ionic@next do the same?
G
@gravity-addiction
Sep 18 2016 21:01
i just install npm install -g ionic cordova for my system
dunno, never used @next ..still new to npm modules
you'll also need to ionic state restore that grabs the plugin list out of the package.json
Asad Sahi
@asadsahi
Sep 18 2016 21:04
npm install ionic-angular@nightly does this
blob
but ionic isn't availabel on command line
G
@gravity-addiction
Sep 18 2016 21:06
use a -g
well
Asad Sahi
@asadsahi
Sep 18 2016 21:06
did use -g
G
@gravity-addiction
Sep 18 2016 21:06
hold on.. you're installing ionic-angular, which is different from ionic
npm install -g ionic cordova
Asad Sahi
@asadsahi
Sep 18 2016 21:07
is ionic actually ionic 2?
G
@gravity-addiction
Sep 18 2016 21:08
it should by default download ionic@2.0.0
Asad Sahi
@asadsahi
Sep 18 2016 21:09
okay, lets start again, I have uninstalled ionic globally, so now I don't have ionic on my machine
what do I need to do to install ionic?
G
@gravity-addiction
Sep 18 2016 21:09
npm install -g ionic cordova
Asad Sahi
@asadsahi
Sep 18 2016 21:09
will it install nightly?
G
@gravity-addiction
Sep 18 2016 21:10
stop asking following up questions.. just take the direction
the answer is no
Asad Sahi
@asadsahi
Sep 18 2016 21:10
right, sorry
I was after trying ionic with angular 2 final, but installing ionic isn't going to give me that flavour is it?
if not, then I will hold on untill they release new ionic targetting angular 2
G
@gravity-addiction
Sep 18 2016 21:12
ionic, is ionic. it's at 2.0.0 .. the npm module you want flavors of is ionic-angular
you dont install ionic-angular globally.. you install it within your project folder using npm install inside the package.json you'll find "ionic-angular": "nightly"
Asad Sahi
@asadsahi
Sep 18 2016 21:15
ohhh okay
current project I have got is based on ionic-conference-app sample repo, which is targetting angular 2 RC4
what will "ionic-angular": "nightly" do?
G
@gravity-addiction
Sep 18 2016 21:19
update ionic-angular by 123 commits
github.com/driftyco/ionic -> ionic-angular/ (node_module)
github.com/driftyco/ionic-cli -> ionic.exe (executable file)
Asad Sahi
@asadsahi
Sep 18 2016 21:24
@gravity-addiction sorry i was confused with these
Thanks for clarifying
G
@gravity-addiction
Sep 18 2016 21:26
no worries, my toybox apps are still written to rc4 specs before ngmodule went public. I haven't updated anything, the view is the sample tabs app.
Asad Sahi
@asadsahi
Sep 18 2016 21:27
For that reason I was keeping an eye on ionic-conference app to to see what do I need to change :)
G
@gravity-addiction
Sep 18 2016 21:28
it's all ionic-angular beta.12 branch, they have quite a bit developed, they've been working their tails off!
Asad Sahi
@asadsahi
Sep 18 2016 21:28

right, so as I understand :smile:

i have these dev packages
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "2.0.0-rc.2",
    "es6-shim": "0.35.0",
    "ionic-angular": "2.0.0-beta.11-201609011853",
    "ionic-native": "1.3.10",
    "ionicons": "3.0.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "0.6.12",
    "firebase": "3.2.1",
    "angularfire2": "2.0.0-beta.2"
I have to upgrade ionic-angular to??????
G
@gravity-addiction
Sep 18 2016 21:31
are you trying to update the conference sample project? all of those versions need updated
Asad Sahi
@asadsahi
Sep 18 2016 21:31
yup, its slightly customised version but 90% is based on conference app
right, so ionic-angular is on nightly now
all the other packages are something we have to manually upgrade right?
G
@gravity-addiction
Sep 18 2016 21:33
it's best if you wait for the conference app repo to get up to speed and work off theirs.. i may not even be implementing this stuff 100% as intended..
Asad Sahi
@asadsahi
Sep 18 2016 21:36
yup will do
thanks