Renamed project to shorter notation react-native-shared-element

IjzerenHein · IjzerenHein · commit 8df71bd7b016 · 2019-08-19T11:53:41.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,7 +1,6 @@
-# react-native-shared-element-transition
-
-Shared element transition component that runs entirely natively for fast and perfect transitions without any flickering 💫
+# react-native-shared-element
 
+Native shared element transition primitives for react-native 💫
 
 ## [0.1.0] - 2019-05-29
 
diff --git a/Example/android/app/build.gradle b/Example/android/app/build.gradle
@@ -147,7 +147,7 @@ dependencies {
     implementation project(':@react-native-community_blur')
     implementation project(':react-native-photo-view')
     implementation project(':react-native-gesture-handler')
-    implementation project(':react-native-shared-element-transition')
+    implementation project(':react-native-shared-element')
     implementation fileTree(dir: "libs", include: ["*.jar"])
     implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
     implementation "com.facebook.react:react-native:+"  // From node_modules
diff --git a/Example/android/settings.gradle b/Example/android/settings.gradle
@@ -15,7 +15,7 @@ include ':react-native-photo-view'
 project(':react-native-photo-view').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-photo-view/android')
 include ':react-native-gesture-handler'
 project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android')
-include ':react-native-shared-element-transition'
-project(':react-native-shared-element-transition').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-shared-element-transition/android')
+include ':react-native-shared-element'
+project(':react-native-shared-element').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-shared-element/android')
 
 include ':app'
diff --git a/Example/ios/SharedElementExample.xcodeproj/project.pbxproj b/Example/ios/SharedElementExample.xcodeproj/project.pbxproj
@@ -498,7 +498,7 @@
 		ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = "../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj"; sourceTree = "<group>"; };
 		AF4C4D22C6A44BF7A4075594 /* libRNBlur.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNBlur.a; sourceTree = "<group>"; };
 		B7567BC3A2D2460F9A062BB3 /* Octicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Octicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = "<group>"; };
-		B8BF2A41DEAF4F9BA13200BC /* RNSharedElement.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNSharedElement.xcodeproj; path = "../node_modules/react-native-shared-element-transition/ios/RNSharedElement.xcodeproj"; sourceTree = "<group>"; };
+		B8BF2A41DEAF4F9BA13200BC /* RNSharedElement.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNSharedElement.xcodeproj; path = "../node_modules/react-native-shared-element/ios/RNSharedElement.xcodeproj"; sourceTree = "<group>"; };
 		BA24A214F56E43D58E8007F2 /* RNGestureHandler.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNGestureHandler.xcodeproj; path = "../node_modules/react-native-gesture-handler/ios/RNGestureHandler.xcodeproj"; sourceTree = "<group>"; };
 		C2423839FC1B44FBACDFBA79 /* BVLinearGradient.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = BVLinearGradient.xcodeproj; path = "../node_modules/react-native-linear-gradient/BVLinearGradient.xcodeproj"; sourceTree = "<group>"; };
 		DAE4955F5DAC44D4BA752463 /* RNScreens.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNScreens.xcodeproj; path = "../node_modules/react-native-screens/ios/RNScreens.xcodeproj"; sourceTree = "<group>"; };
@@ -1545,7 +1545,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n";
 		};
 		2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -1636,7 +1636,7 @@
 				);
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1681,7 +1681,7 @@
 				COPY_PHASE_STRIP = NO;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1728,7 +1728,7 @@
 				DEVELOPMENT_TEAM = 8PLAR7Y58Z;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1759,7 +1759,7 @@
 				DEVELOPMENT_TEAM = 8PLAR7Y58Z;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1796,7 +1796,7 @@
 				GCC_NO_COMMON_BLOCKS = YES;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1849,7 +1849,7 @@
 				GCC_NO_COMMON_BLOCKS = YES;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1901,7 +1901,7 @@
 				GCC_NO_COMMON_BLOCKS = YES;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
@@ -1953,7 +1953,7 @@
 				GCC_NO_COMMON_BLOCKS = YES;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"$(SRCROOT)/../node_modules/react-native-shared-element-transition/ios",
+					"$(SRCROOT)/../node_modules/react-native-shared-element/ios",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-photo-view/ios/**",
 					"$(SRCROOT)/../node_modules/@react-native-community/blur/ios",
diff --git a/Example/package.json b/Example/package.json
@@ -23,7 +23,7 @@
     "react-native-linear-gradient": "^2.5.4",
     "react-native-photo-view": "https://github.com/tomtom94/react-native-photo-view",
     "react-native-screens": "1.0.0-alpha.22",
-    "react-native-shared-element-transition": "file:.yalc/react-native-shared-element-transition",
+    "react-native-shared-element": "file:.yalc/react-native-shared-element",
     "react-native-touchable-scale": "^2.0.0",
     "react-native-vector-icons": "^6.5.0",
     "react-navigation": "^3.11.0",
diff --git a/Example/src/components/Router.js b/Example/src/components/Router.js
@@ -8,7 +8,7 @@ import {
   BackHandler,
   Platform
 } from "react-native";
-import { SharedElementTransition } from "react-native-shared-element-transition";
+import { SharedElementTransition } from "react-native-shared-element";
 import { ScreenTransitionContext } from "./ScreenTransitionContext";
 import type { ScreenTransitionContextOnSharedElementsUpdatedEvent } from "./ScreenTransitionContext";
 import { PanGestureHandler, State } from "react-native-gesture-handler";
diff --git a/Example/src/components/ScreenTransition.js b/Example/src/components/ScreenTransition.js
@@ -1,7 +1,7 @@
 // @flow
 import * as React from "react";
-import { SharedElement } from "react-native-shared-element-transition";
-import type { SharedElementNode } from "react-native-shared-element-transition";
+import { SharedElement } from "react-native-shared-element";
+import type { SharedElementNode } from "react-native-shared-element";
 import {
   ScreenTransitionContext,
   withScreenTransitionContext
diff --git a/Example/src/components/ScreenTransitionContext.js b/Example/src/components/ScreenTransitionContext.js
@@ -1,8 +1,8 @@
 // @flow
 import React, { createContext } from "react";
 import { View } from "react-native";
-import { nodeFromRef } from "react-native-shared-element-transition";
-import type { SharedElementNode } from "react-native-shared-element-transition";
+import { nodeFromRef } from "react-native-shared-element";
+import type { SharedElementNode } from "react-native-shared-element";
 
 export type ScreenTransitionContextOnSharedElementsUpdatedEvent = {
   children: any,
diff --git a/Example/src/screens/ListScreen.js b/Example/src/screens/ListScreen.js
@@ -15,7 +15,7 @@ import {
   Heading2,
   Caption
 } from "../components";
-import type { SharedElementAnimation } from "react-native-shared-element-transition";
+import type { SharedElementAnimation } from "react-native-shared-element";
 import { Heroes } from "../assets";
 import type { Hero } from "../types";
 import { fadeIn } from "../transitions";
diff --git a/Example/src/screens/TilesScreen.js b/Example/src/screens/TilesScreen.js
@@ -20,7 +20,7 @@ import {
   Heading2,
   Body
 } from "../components";
-import type { SharedElementAnimation } from "react-native-shared-element-transition";
+import type { SharedElementAnimation } from "react-native-shared-element";
 import { Heroes } from "../assets";
 import { DetailScreen } from "./DetailScreen";
 import type { Hero } from "../types";
diff --git a/Example/src/types/Test.js b/Example/src/types/Test.js
@@ -1,6 +1,6 @@
 // @flow
 import * as React from "react";
-import type { SharedElementAnimation } from "react-native-shared-element-transition";
+import type { SharedElementAnimation } from "react-native-shared-element";
 
 export type Position =
   | "default"
diff --git a/README.md b/README.md
@@ -1,31 +1,42 @@
 
-# react-native-shared-element-transition
+# react-native-shared-element
 
 Native shared element transition primitives for react-native 💫
 
 # WORK IN PROGRESS
 
 ## Index
 
-- [Installation](#installation)
-- [Basic usage](#basic-usage)
-- [How it works](#how-it-works)
-- [API Documentation](#api-documentation)
-- [Example app](#example-app)
+- [react-native-shared-element](#react-native-shared-element)
+- [WORK IN PROGRESS](#work-in-progress)
+  - [Index](#index)
+  - [Installation](#installation)
+  - [Basic usage](#basic-usage)
+  - [How it works](#how-it-works)
+  - [API Documentation](#api-documentation)
+    - [SharedElement](#sharedelement)
+      - [Props](#props)
+    - [SharedElementTransition](#sharedelementtransition)
+      - [Props](#props-1)
+    - [Animations](#animations)
+  - [Example app](#example-app)
+  - [Todo](#todo)
+  - [License](#license)
+  - [Credits](#credits)
 
 
 ## Installation
 
-`yarn add react-native-shared-element-transition`
+`yarn add react-native-shared-element`
 
-Link the native code
+Link the native code (TODO: Update for auto-linking)
 
-`react-native link react-native-shared-element-transition`
+`react-native link react-native-shared-element`
 
 ## Basic usage
 
 ```js
-import { SharedElement, SharedElementTransition } from 'react-native-shared-element-transition';
+import { SharedElement, SharedElementTransition } from 'react-native-shared-element';
 
 
 // Scene 1
@@ -61,7 +72,7 @@ const position = new Animated.Value(0);
 
 ## How it works
 
-react-native-shared-element-transition is a *"primitive"* that runs shared element transitions
+react-native-shared-element is a *"primitive"* that runs shared element transitions
 entirely native without requiring any passes over the JavaScript bridge. It works by taking in a start- and end node, which are obtained using the `<SharedElement>` component.
 
 Whenever a transition between screens occurs (e.g. performed by a router/navigator), a view in
diff --git a/RNSharedElement.podspec b/RNSharedElement.podspec
@@ -3,7 +3,7 @@ require 'json'
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
 Pod::Spec.new do |s|
-  s.name         = package['name']
+  s.name         = "RNSharedElement"
   s.version      = package['version']
   s.summary      = package['description']
   s.license      = package['license']
@@ -12,7 +12,7 @@ Pod::Spec.new do |s|
   s.homepage     = package['homepage']
   s.platform     = :ios, "9.0"
 
-  s.source       = { :git => "https://github.com/IjzerenHein/react-native-shared-element-transition.git", :tag => "#{s.version}" }
+  s.source       = { :git => "https://github.com/IjzerenHein/react-native-shared-element.git", :tag => "v#{s.version}" }
   s.source_files  = "ios/**/*.{h,m}"
 
   s.dependency 'React'
diff --git a/TODO.md b/TODO.md
@@ -31,7 +31,7 @@ Probably not:
 
 ## Motivation
 
-react-native-shared-element-transition is a *"primitive"* that runs all essential steps (measure, hide, clone, interpolate, clip, etc..) of a shared element transition natively, for the best possible results. By doing so, it solves a range of problems which are impossible or very hard to solve in just JavaScript and the react-native APIs.
+react-native-shared-element is a *"primitive"* that runs all essential steps (measure, hide, clone, interpolate, clip, etc..) of a shared element transition natively, for the best possible results. By doing so, it solves a range of problems which are impossible or very hard to solve in just JavaScript and the react-native APIs.
 
 One of the these problems is transitioning between images with different aspect-ratios and resize-modes. Using just the react-native API you are limited to performing scale-transforms on images, which will cause stretching arfefacts when your source and target image don't have the same aspect-ratio. Also when scaling images, some blurring will occur, which is noticable depending on the size change.
 
diff --git a/ios/RNSharedElementContentType.h b/ios/RNSharedElementContentType.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementContentType.h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementContentType_h
diff --git a/ios/RNSharedElementDelegate.h b/ios/RNSharedElementDelegate.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementDelegate.h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementDelegate_h
diff --git a/ios/RNSharedElementNode.h b/ios/RNSharedElementNode.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementNode.h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementNode_h
diff --git a/ios/RNSharedElementNode.m b/ios/RNSharedElementNode.m
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementNode.m
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #import <UIKit/UIKit.h>
diff --git a/ios/RNSharedElementNodeManager.h b/ios/RNSharedElementNodeManager.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementNodeManager.h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementNodeManager_h
diff --git a/ios/RNSharedElementNodeManager.m b/ios/RNSharedElementNodeManager.m
@@ -1,6 +1,6 @@
 //
 //  RCTMagicMoveCloneDataManager.m
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #import <UIKit/UIKit.h>
diff --git a/ios/RNSharedElementStyle.h b/ios/RNSharedElementStyle.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementStyle_h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementStyle_h
diff --git a/ios/RNSharedElementStyle.m b/ios/RNSharedElementStyle.m
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementStyle.m
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #import "RNSharedElementStyle.h"
diff --git a/ios/RNSharedElementTransition.h b/ios/RNSharedElementTransition.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementTransition.h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementTransition_h
diff --git a/ios/RNSharedElementTransition.m b/ios/RNSharedElementTransition.m
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementTransition.m
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #import <Foundation/Foundation.h>
diff --git a/ios/RNSharedElementTransition.podspec b/ios/RNSharedElementTransition.podspec
diff --git a/ios/RNSharedElementTransitionItem.h b/ios/RNSharedElementTransitionItem.h
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementTransition.h
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #ifndef RNSharedElementTransitionItem_h
diff --git a/ios/RNSharedElementTransitionItem.m b/ios/RNSharedElementTransitionItem.m
@@ -1,6 +1,6 @@
 //
 //  RNSharedElementTransitionItem.m
-//  react-native-shared-element-transition
+//  react-native-shared-element
 //
 
 #import <Foundation/Foundation.h>
diff --git a/ios/RNSharedElementTransitionManager.h b/ios/RNSharedElementTransitionManager.h
diff --git a/ios/RNSharedElementTransitionManager.m b/ios/RNSharedElementTransitionManager.m
diff --git a/package.json b/package.json
diff --git a/src/SharedElementTransition.tsx b/src/SharedElementTransition.tsx
