tmp: Cordova

Thursday, July 27, 2017

Update Ionic 2.3.0 to 3.5.3

## Update CLI
CLIのバージョンを上げておく
```
$ sudo nom i -g ionic cordova
```

## Update Ionic 3
packageをupgrade
```js
"dependencies": {
  "@angular/common": "4.1.3",
  "@angular/compiler": "4.1.3",
  "@angular/compiler-cli": "4.1.3",
  "@angular/core": "4.1.3",
  "@angular/forms": "4.1.3",
  "@angular/http": "4.1.3",
  "@angular/platform-browser": "4.1.3",
  "@angular/platform-browser-dynamic": "4.1.3",
  "@ionic-native/core": "3.12.1",
  "@ionic-native/splash-screen": "3.12.1",
  "@ionic-native/status-bar": "3.12.1",
  "@ionic/storage": "2.0.1",
  "ionic-angular": "3.5.3",
  "ionicons": "3.0.0",
  "rxjs": "5.4.0",
  "sw-toolbox": "3.6.0",
  "zone.js": "0.8.12"
},
"devDependencies": {
  "@ionic/app-scripts": "2.0.2",
  "typescript": "2.3.4"
}
```

`BrowserModule` を import, `Http` を利用している場合は `HttpModule` も import  
`app.module.ts`
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';

...

imports: [
  BrowserModule,
  HttpModule,
  IonicModule.forRoot(MyApp)
],
```
* https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#300-2017-04-05

`src/index.html` に `vender.js` を追加
```

<script src="build/polyfills.js"></script>

<script src="build/vendor.js"></script>

<script src="build/main.js"></script>

```

`src/service-worker.js` に `vender.js` を追加
```
    './build/main.js',
    './build/vendor.js',
    './build/main.css',
```

## Update Ionic Storage 2.0.1
`IonicStorageModule` を import  
`app.module.ts`

```typescript
import { IonicStorageModule } from '@ionic/storage'

...

imports: [      
  BrowserModule,
  HttpModule,
  IonicModule.forRoot(MyApp),
  IonicStorageModule.forRoot()
],
```
`Storage` を Inject して使用するように変更
```typescript
import { Storage } from '@ionic/storage';

export class MyApp {
  constructor(private storage: Storage) { }

...

}
```
* https://ionicframework.com/docs/storage/

## Update Ionic Native 3.x
pluginを別々インストールするように変更されたので、必要なpluginを `package.json` に追加する
```js
"dependencies": {
  ...
  "@ionic-native/status-bar": "3.12.1",
}
```
対象pakcageをimportし、Injectして使用するように変更
```typescript
import { StatusBar } from '@ionic-native/status-bar';

export class MyApp {
  constructor(private statusBar: StatusBar) { }

...

}
```

## Others

### Replace template to ng-template
`template` が deprecated なので `ng-template` に変更
```
<ng-template [ngIf]="...">
  ...
</ng-template>
```

### Ionic CLI configs
ionicコマンドでconfigを変えて実行している場合はそのconfigも修正する
```
$ ionic build ios -w ./config/webpack.config.js
```

## Errors

### `Cannot read property 'filter' of undefined` on building (deeplinks)
`app.module.ts` を確認  
`@NgModule` に設定する各値を変数で代入するとエラーが発生する  
直接指定すればOK
```
// NG
@NgModule({
  declarations: declarations,
  imports: imports,
  bootstrap: [IonicApp],
  entryComponents: entryComponents,
  providers: providers,
})

// OK
@NgModule({
  declarations: [ ... ],
  imports: [ ... ],
  bootstrap: [IonicApp],
  entryComponents: [ ... ],
  providers: [ ... ],
})
```

### `TypeError: Path must be a string. Received true` on building (uglifyjs)
typescript が `target: 'es5'` でtranspileされてない可能性  
`tsconfig.js` の確認と `es6` の場合は babili か uglify-es を利用する

### Http request failed `undefined is not an object (evaluating 'o.apply')`
wkwebview engine を最新にしてみる

### `Error: Cannot read property 'replace' of undefined` on starting iOS simulator
最新の `cordova-ios` だとダメみたいなので別branchを利用する
```
$ ionic cordova platform add https://github.com/apache/cordova-ios.git#4.4.0-ios-sim
```

## Note
どうしてもダメな場合は `ionic start` でv3プロジェクトを作成して比較するか  
https://github.com/ionic-team/ionic-conference-app  
を参考に比較して見るとなんとなるかも

## 参考
* https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md

Friday, January 20, 2017

Meaningful Links for Ionic2/Cordova

##Implements

* Template for starting Ionic 2 apps, used by the Ionic CLI  
https://github.com/driftyco/ionic2-app-base

* Click Delays  
http://ionicframework.com/docs/v2/faq/#click-delays

* Stick list headers  
https://forum.ionicframework.com/t/stick-list-headers/68818

* Navigation Controller within Modal  
https://forum.ionicframework.com/t/navigation-controller-within-modal/45302/3

* Zoom on image in Ionic 2?  
https://forum.ionicframework.com/t/zoom-on-image-in-ionic-2/45910/21
https://gist.github.com/vazad28/bd7ff445b090ab130ff1b291ca057002

### VritualScroll, InfiniteScroll
* VirtualScroll + InfiniteScroll scrolls top when reaching list bottom  
https://github.com/driftyco/ionic/issues/6423  
* feat(infinite): add scroll in opposite direction  
https://github.com/driftyco/ionic/pull/8099  
* Ionic2 two way infinite scroll component example  
https://github.com/lujakob/ionic-infinite-scroll-example  
* InfiniteScroll and ensuring there is "enough" data  
https://github.com/driftyco/ionic/issues/6341  
* RC4: VirtualScroll disappears after data update, if has been scrolled before  
https://github.com/driftyco/ionic/issues/9722

### Input
* v2 feature request - autoresize on ion-textarea  
https://github.com/driftyco/ionic/issues/7193  
* issue(forms): Input, scrolling, keyboard issues for forms  
https://github.com/driftyco/ionic/issues/6228

### CLI
* Feature request: Ionic 2 (dev/prod) environment variables configuration  
https://github.com/driftyco/ionic-cli/issues/1205  
* [ionic-cli@2.1.4] ionic emulate ios --target parameter not working  
https://github.com/driftyco/ionic-cli/issues/1756  
* Current working directory is not a Cordova based project  
https://github.com/driftyco/ionic-cli/issues/935

## Plugin

### Storage
* Ionic 2 storage doesn’t have query method  
https://github.com/driftyco/ionic/issues/8269#issuecomment-250869481

### WKWebView
* Cordova iOS Performance Improvements: Drop-in Speed with WKWebView  
http://blog.ionic.io/cordova-ios-performance-improvements-drop-in-speed-with-wkwebview/  
* Handling CORS issues in Ionic  
http://blog.ionic.io/handling-cors-issues-in-ionic/  
* CORS issues  
https://github.com/driftyco/cordova-plugin-wkwebview-engine/issues/3

### InAppBrowser
* Launch External URLs with IonicFramework  
https://www.thepolyglotdeveloper.com/2014/07/launch-external-urls-ionicframework/  
* CB-3360: Set custom inappbrowser user agent for ios  
https://github.com/apache/cordova-plugin-inappbrowser/pull/94  
* CB-12366: (ios) Reduce tmpWindow level to prevent overlapping statusbar  
https://github.com/apache/cordova-plugin-inappbrowser/pull/209

### Photo Library
* https://github.com/domax/cordova-plugin-photos  
* https://github.com/terikon/cordova-plugin-photo-library  
* https://github.com/subitolabs/cordova-gallery-api  
* https://github.com/glowmar/phonegap-plugin-assetslib

### Fabric
* How to send all error messages to Plugin  
https://github.com/sarriaroman/FabricPlugin/issues/70

### BackgroundFetch
https://github.com/transistorsoft/cordova-plugin-background-fetch

## Build

* error : ionc build ios or android, uglifyjs failed: SyntaxError: Unexpected token: operator (>)   
https://github.com/driftyco/ionic-app-scripts/issues/239#issuecomment-256064022

### iOS
* ionic run ios --device fails with Error code 65 for command: xcodebuild (xcode 8)  
https://github.com/driftyco/ionic/issues/8464#issuecomment-251335408

## Deploy

### Fastlane
* Fastfile for Cordova App  
https://github.com/platanus/fastlane-cordova/blob/master/fastlane/Fastfile  
* Use xcodebuild (Xcode 8) and automatic signing in CI (Travis/Jenkins) environments  
http://stackoverflow.com/questions/39500634/use-xcodebuild-xcode-8-and-automatic-signing-in-ci-travis-jenkins-environmen  
* Automating Cordova Workflow: xcodebuild Hangs During iOS Build  
http://moduscreate.com/cordova_xcodebuild_hangs_freezes_during_build/  
* Got Code signing is required for product type 'Application' in SDK 'iOS 10.1  
https://github.com/fastlane/fastlane/issues/6832  
* `ProvisioningStyle` value not present in project.pbxproj  
https://github.com/hjanuschka/fastlane-plugin-update_project_codesigning/issues/4

### CircleCI
* CircleCI-Scripts  
https://github.com/bamlab/CircleCI-Scripts