refactor(template): update template modules to new cli config

Author: artyorsh

README.md

@@ -34,7 +34,7 @@ There is a huge variety of customizable layouts, use “as is” or add new bloc
 Start a new app with UI Kitten template from a scratch:
 
 ```bash
-react-native init AwesomeApp --template ui-kitten
+npx react-native init MyApp --template react-native-template-ui-kitten
 ```
 
 This will setup a new React Native application configured with UI Kitten.

docs/src/articles/guides/install-new.md

@@ -6,10 +6,10 @@ If you don't have any code yet, please consider checking <a href="https://facebo
 
 ## Installation
 
-First of all, you should have React Native CLI installed.
+First of all, you should have npx installed.
 
 ```bash
-npm i -g react-native-cli
+npm i -g npx
 ```
 
 <hr>
@@ -19,12 +19,12 @@ npm i -g react-native-cli
 A new project can be created using React Native CLI tools ant UI Kitten template.
 
 ```bash
-react-native init AwesomeApp --template ui-kitten
+npx react-native init MyApp --template react-native-template-ui-kitten
 ```
 
 Or, if you want to init with TypeScript:
 ```bash
-react-native init AwesomeApp --template ui-kitten-typescript
+npx react-native init MyApp --template react-native-template-ui-kitten-typescript
 ```
 
 That's it. UI Kitten is ready now. For the next steps, simply follow command line instructions.

src/templates/template-ui-kitten-typescript/App.tsx

@@ -1,22 +1,25 @@
 {
   "name": "react-native-template-ui-kitten-typescript",
-  "description": "React Native template with UI Kitten and TypeScript",
   "version": "4.2.0-beta.2",
   "license": "MIT",
   "author": "akveo <contact@akveo.com>",
   "homepage": "https://github.com/akveo/react-native-ui-kitten#readme",
-  "repository": "git+https://github.com/akveo/react-native-ui-kitten.git",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/akveo/react-native-ui-kitten.git"
+  },
   "bugs": {
     "url": "https://github.com/akveo/react-native-ui-kitten/issues"
   },
   "keywords": [
     "react-native",
-    "ui-kitten",
     "typescript",
+    "jest",
     "template",
     "boilerplate"
   ],
-  "scripts": {
-    "install": "node install.js"
-  }
+  "files": [
+    "template",
+    "template.config.js"
+  ]
 }

src/templates/template-ui-kitten-typescript/_tsconfig.json

@@ -0,0 +1,4 @@
+module.exports = {
+  placeholderName: 'HelloWorld',
+  templateDir: './template',
+};

src/templates/template-ui-kitten-typescript/dependencies.json

@@ -0,0 +1,77 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * Generated with the UI Kitten TypeScript template
+ * https://github.com/akveo/react-native-ui-kitten
+ *
+ * Documentation: https://akveo.github.io/react-native-ui-kitten/docs
+ *
+ * @format
+ */
+
+import React from 'react';
+import {
+  ImageProps,
+  ImageStyle,
+  StyleSheet,
+} from 'react-native';
+import {
+  ApplicationProvider,
+  Button,
+  Icon,
+  IconRegistry,
+  Layout,
+  Text,
+} from 'react-native-ui-kitten';
+import {
+  mapping,
+  light as theme,
+} from '@eva-design/eva';
+import { EvaIconsPack } from '@ui-kitten/eva-icons';
+
+/**
+ * Use any valid `name` property from eva icons (e.g `github`, or `heart-outline`)
+ * https://akveo.github.io/eva-icons
+ */
+const HeartIcon = (style: ImageStyle): React.ReactElement<ImageProps> => (
+  <Icon {...style} name='heart'/>
+);
+
+const App = (): React.ReactFragment => (
+  <React.Fragment>
+    <IconRegistry icons={EvaIconsPack}/>
+    <ApplicationProvider mapping={mapping} theme={theme}>
+      <Layout style={styles.container}>
+        <Text style={styles.text} category='h1'>
+          Welcome to UI Kitten 😻
+        </Text>
+        <Text style={styles.text} category='s1'>
+          Start with editing App.js to configure your App
+        </Text>
+        <Text style={styles.text} appearance='hint'>
+          For example, try changing theme to Dark by simply changing an import
+        </Text>
+        <Button style={styles.likeButton} icon={HeartIcon}>
+          LIKE
+        </Button>
+      </Layout>
+    </ApplicationProvider>
+  </React.Fragment>
+);
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    textAlign: 'center',
+  },
+  likeButton: {
+    marginVertical: 16,
+  },
+});
+
+export default App;

src/templates/template-ui-kitten-typescript/devDependencies.json

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

src/templates/template-ui-kitten-typescript/install.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

src/templates/template-ui-kitten-typescript/jest.config.js

@@ -0,0 +1 @@
+*.pbxproj -text

src/templates/template-ui-kitten-typescript/package-lock.json

@@ -0,0 +1,63 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# Visual Studio Code
+#
+.vscode/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/

src/templates/template-ui-kitten-typescript/package.json

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

src/templates/template-ui-kitten-typescript/template.config.js

@@ -0,0 +1 @@
+{}