Merge branch 'master' of https://github.com/GeekyAnts/vue-native-core into develop

Author: Rishabh Karnad

README.md

@@ -18,7 +18,7 @@ Vue Native is a framework to build cross platform native mobile apps using JavaS
 - [Installation](#installation)
 - [Project setup with Vue Native CLI](#project-setup-with-vue-native-cli)
 - [Using Vue Native with a pre-existing React Native or Expo project](#using-vue-native-in-a-react-native-project)
-- [Deprecated React Native modules](#react-native-components-that-cant-be-used-out-of-the-box)
+- [Available React Native components](#available-react-native-components)
 - [Contributors](#contributors)
 - [Backers](#backers)
 - [Sponsors](#sponsors)
@@ -57,27 +57,15 @@ It is possible to integrate Vue Native into a pre-existing React Native project.
 
 These instructions can also be used to set up a Vue Native project from scratch.
 
-## React Native components that can't be used out of the box
-
-The following modules are set to be removed from React Native in the future.
-Hence these modules are no longer made available with Vue Native.
-- AlertIOS
-- AsyncStorage
-- ImageStore
-- ListView
-- MaskedViewIOS
-- NetInfo
-- Slider
-- SwipeableListView
-- ViewPagerAndroid
-- WebView
-- DatePickerIOS
-- DatePickerAndroid
-- TimePickerAndroid
-- StatusBarIOS
-
-If you still wish to use them, you can import them explicitly from `react-native` (until they are removed) or from their individual forked packages.
-For more information, refer to [this page](https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059#lean-core-is-underway).
+## Available React Native components
+
+All the core components of React Native 0.63 onwards are globally registered and available to use in templates without the need to import and locally register.
+
+[The components and their React Native documentation can be found here.](https://reactnative.dev/docs/components-and-apis)
+
+All other components that were previously available, but then deprecated from React Native can still be used by installing their respective packages.
+
+For example, to use `WebView`, use the [react-native-webview](https://github.com/react-native-webview/react-native-webview) package.
 
 ## Contributors
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-native-core",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Create mobile apps using vuejs",
   "main": "packages/vue-native-core/index.js",
   "typings": "types/index.d.ts",
@@ -85,7 +85,7 @@
     "rollup-plugin-flow-no-whitespace": "^1.0.0",
     "rollup-plugin-prettier": "^0.6.0",
     "rollup-plugin-replace": "^2.2.0",
-    "serialize-javascript": "^1.3.0",
+    "serialize-javascript": "^3.1.0",
     "typescript": "^2.1.6",
     "uglify-js": "^3.6.0"
   },

packages/vue-native-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-native-core",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Library with core functionalities to create Vue Native components",
   "main": "index.js",
   "repository": {

packages/vue-native-helper/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-native-helper",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Helper library with utilities for vue-native-core",
   "main": "index.js",
   "repository": {

packages/vue-native-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-native-scripts",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Compile Vue Native components to React Native",
   "main": "index.js",
   "scripts": {},

packages/vue-native-template-compiler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-native-template-compiler",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Vue Native template compiler, dependency of vue-native-scripts. It can also be used as a stand-alone compiler",
   "main": "index.js",
   "repository": {

scripts/release.sh

@@ -1,8 +1,10 @@
 set -e
 
-# check if np is installed
-np_version=$(np --version)
-echo "Using np:" $np_version
+CURRENT_BRANCH=$(git branch --show-current)
+if [ $CURRENT_BRANCH != "master" ]; then
+  echo "This script can only be run in the master branch. Exiting..."
+  exit 1
+fi
 
 # get the version number from the user
 read -e -p "Enter the new Vue Native version: " VERSION
@@ -49,19 +51,18 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
   git add -A
   git commit -m "[build] $VERSION"
 
-  # use np to create release with VERSION and publish vue-native-core
-  # you MUST be in the master branch to do this
-  # if it fails, then the last commit is reset and the script exits
-  # TODO: add tests and remove --yolo
-  np --no-yarn --contents packages/vue-native-core --yolo $VERSION || { git reset --soft HEAD~1; exit 1; }
-
   # publish packages
   # vue-native-core has already been published by np
   # packages:
+  # - vue-native-core
   # - vue-native-helper
   # - vue-native-scripts
   # - vue-native-template-compiler
 
+  cd packages/vue-native-core
+  npm publish
+  cd -
+
   cd packages/vue-native-helper
   npm publish
   cd -
@@ -74,4 +75,12 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
   npm publish
   cd -
 
+  # Update version in main package.json and commit
+  npm version $VERSION
+
+  # Push the tags and version update
+  git push origin v$VERSION
+  git push origin master
+
+  echo "\nPublished v$VERSION!"
 fi

src/shared/constants.js

@@ -1,16 +1,28 @@
 export const SSR_ATTR = 'data-server-rendered'
 
 /**
- * List of soon to be deprecated packages in react native v0.59
+ * List of soon to be deprecated packages in react native v0.63
  */
 export const deprecatedPackages = [
   'AlertIOS',
   'AsyncStorage',
+  'CheckBox',
+  'Clipboard',
+  'DatePickerAndroid',
+  'DatePickerIOS',
+  'ImagePickerIOS',
   'ImageStore',
   'ListView',
   'MaskedViewIOS',
   'NetInfo',
+  'Picker',
+  'PickerIOS',
+  'ProgressBarAndroid',
+  'ProgressViewIOS',
+  'PushNotificationIOS',
+  'SegmentedControlIOS',
   'Slider',
+  'StatusBarIOS',
   'SwipeableListView',
   'ViewPagerAndroid',
   'WebView',