From 3e74a0ce1b6cb8513e0a60d8b4830459f616faf7 Mon Sep 17 00:00:00 2001
From: Uldis Zeidurs <uldis.zeidurs@gmail.com>
Date: Mon, 3 Jul 2017 15:34:05 +0300
Subject: [PATCH 1/3] adding basic cameraview sample

---
 Samples/CameraView/CameraView.unoproj |  11 ++
 Samples/CameraView/MainView.ux        | 160 ++++++++++++++++++++++++++
 Samples/CameraView/README.md          |   1 +
 Samples/CameraView/description.yaml   |   2 +
 4 files changed, 174 insertions(+)
 create mode 100644 Samples/CameraView/CameraView.unoproj
 create mode 100644 Samples/CameraView/MainView.ux
 create mode 100644 Samples/CameraView/README.md
 create mode 100644 Samples/CameraView/description.yaml

diff --git a/Samples/CameraView/CameraView.unoproj b/Samples/CameraView/CameraView.unoproj
new file mode 100644
index 0000000..03d1112
--- /dev/null
+++ b/Samples/CameraView/CameraView.unoproj
@@ -0,0 +1,11 @@
+{
+  "RootNamespace": "",
+  "Packages": [
+    "Fuse",
+    "FuseJS",
+    "Fuse.Controls.CameraView"
+  ],
+  "Includes": [
+    "*"
+  ]
+}
\ No newline at end of file
diff --git a/Samples/CameraView/MainView.ux b/Samples/CameraView/MainView.ux
new file mode 100644
index 0000000..094e40b
--- /dev/null
+++ b/Samples/CameraView/MainView.ux
@@ -0,0 +1,160 @@
+<!-- TODO: IsCurrentlyRecording, startVideo, endVideo -->
+<App Background="#000">
+	<iOS.StatusBarConfig Style="Light" />
+	<MemoryPolicy ux:Global="UnloadImmediately" UnloadInBackground="True" UnusedTimeout="1" UnpinInvisible="True" />
+
+	<JavaScript>
+		var Observable = require("FuseJS/Observable");
+		var FileSystem = require("FuseJS/FileSystem");
+
+		var path = FileSystem.dataDirectory + "/";
+		var library = Observable();
+		var image = Observable("");
+
+		var flashIsOn = Observable(false);
+
+		var imageObject = {};
+
+		function takePicture() {
+			cameraPanel.takePicture({callback: function(err, img) {
+				if (img !== null) {
+					imageObject = img;
+					image.value = img.path;
+				}
+			}});
+		}
+
+		function reset() {
+			image.value = "";
+			flashIsOn.value = false;
+		}
+
+		function savePicture() {
+			var dest = path + imageObject.name;
+			FileSystem.copySync(imageObject.path, dest);
+			library.add(dest);
+			reset();
+		}
+
+		function swapCamera() {
+			cameraPanel.swapCamera();
+		}
+
+		function toggleFlash() {
+			flashIsOn.value = ! flashIsOn.value;
+			if (flashIsOn.value) {
+				cameraPanel.enableFlash();
+			} else {
+				cameraPanel.disableFlash();
+			}
+		}
+
+		module.exports = {
+			library: library,
+			image: image,
+			takePicture: takePicture,
+			reset: reset,
+			savePicture: savePicture,
+			swapCamera: swapCamera,
+			cameraDirection: cameraPanel.CurrentCameraDirection.map(function(x) {
+				return x.substr(0,1);
+			}),
+			toggleFlash: toggleFlash,
+			flashState: flashIsOn.map(function(x) {
+				var res = "Flash: ";
+				if (x) {
+					res += "On";
+				} else {
+					res += "Off";
+				}
+				return res;
+			})
+		};
+	</JavaScript>
+
+	<DockPanel Margin="8">
+
+		<StatusBarBackground Dock="Top" />
+		<BottomBarBackground Dock="Bottom" />
+
+		<!-- the saved picture library at the top -->
+		<Panel Dock="Top" Height="64" Color="#fff1">
+			<WhileEmpty Items="{library}">
+				<Text Value="Saved pictures will appear here" Color="#fffa" Alignment="Center" />
+			</WhileEmpty>
+			<ScrollView AllowedScrollDirections="Horizontal">
+				<StackPanel Orientation="Horizontal" Margin="8" ItemSpacing="4">
+					<Each Items="{library}">
+						<Rectangle Aspect="1" BoxSizing="FillAspect" Width="56" CornerRadius="2">
+							<Stroke Width="1" Color="#fffa" />
+							<ImageFill File="{}" StretchMode="UniformToFill" WrapMode="ClampToEdge" />
+						</Rectangle>
+					</Each>
+				</StackPanel>
+			</ScrollView>
+		</Panel>
+
+		<Panel Margin="0,8">
+
+			<!-- temporary picture can take a while to show up, use busy -->
+			<!-- CameraView should set busy while initialising too -->
+			<WhileBusy>
+				<Text Value="Loading..." Color="#fffa" Alignment="Center" />
+			</WhileBusy>
+
+			<Panel Padding="8" Color="#fff1">
+
+				<!-- when there is a temporary picture taken -->
+				<WhileString Value="{image}" Equals="" Invert="true">
+
+					<!-- save and discard action buttons -->
+					<StackPanel Alignment="BottomCenter" Margin="16" Orientation="Horizontal" ItemSpacing="16">
+						<Rectangle Color="#2a4" CornerRadius="2" Width="112" Height="56" Clicked="{savePicture}">
+							<Text Value="Save" Alignment="Center" Color="#fff" />
+							<Shadow />
+						</Rectangle>
+						<Rectangle Color="#f42" CornerRadius="2" Width="112" Height="56" Clicked="{reset}">
+							<Text Value="Discard" Alignment="Center" Color="#fff" />
+							<Shadow />
+						</Rectangle>
+					</StackPanel>
+
+					<!-- the temporary picture itself -->
+					<Image File="{image}" MemoryPolicy="UnloadImmediately" StretchMode="UniformToFill" />
+
+				</WhileString>
+
+				<!-- when there is no temporary picture -->
+				<WhileString Value="{image}" Equals="">
+					<!-- we put all of the things we want on top of the CameraView inside the same NativeViewHost -->
+					<NativeViewHost>
+
+						<!-- toggle flash state -->
+						<Rectangle Width="88" Height="40" CornerRadius="2" Alignment="TopLeft" Margin="8" Clicked="{toggleFlash}" HitTestMode="LocalBounds">
+							<Stroke Width="1" Color="#fffa" />
+							<Text Value="{flashState}" Color="#fffa" Alignment="Center" />
+						</Rectangle>
+
+						<!-- toggle camera direction -->
+						<Rectangle Width="40" Aspect="1" BoxSizing="FillAspect" CornerRadius="2" Alignment="TopRight" Margin="8" Clicked="{swapCamera}" HitTestMode="LocalBounds">
+							<Stroke Width="1" Color="#fffa" />
+							<Text Value="{cameraDirection}" Color="#fffa" Alignment="Center" />
+						</Rectangle>
+
+						<!-- take picture button -->
+						<StackPanel Alignment="BottomCenter" Margin="16" Orientation="Horizontal" ItemSpacing="16">
+							<Circle Width="56" Aspect="1" BoxSizing="FillAspect" Color="#f42" Clicked="{takePicture}" Alignment="BottomCenter">
+								<Stroke Width="2" Color="#fff" />
+							</Circle>
+						</StackPanel>
+
+						<!-- the camera view itself -->
+						<CameraView ux:Name="cameraPanel" Facing="Back" />
+
+					</NativeViewHost>
+				</WhileString>
+			</Panel>
+		</Panel>
+
+	</DockPanel>
+</App>
diff --git a/Samples/CameraView/README.md b/Samples/CameraView/README.md
new file mode 100644
index 0000000..454f460
--- /dev/null
+++ b/Samples/CameraView/README.md
@@ -0,0 +1 @@
+# Using the CameraView premium library
diff --git a/Samples/CameraView/description.yaml b/Samples/CameraView/description.yaml
new file mode 100644
index 0000000..45123b9
--- /dev/null
+++ b/Samples/CameraView/description.yaml
@@ -0,0 +1,2 @@
+name: Using the CameraView premium library
+desc: This sample shows how to use the CameraView premium library to build a fully functional camera app.

From 5eb3c46cfbc43d1b65e312f4704e3d04009a604c Mon Sep 17 00:00:00 2001
From: Uldis Zeidurs <uldis.zeidurs@gmail.com>
Date: Tue, 4 Jul 2017 15:28:01 +0300
Subject: [PATCH 2/3] added icons and video implementation, and saving to
 cameraroll

---
 Samples/CameraView/Assets/camera_front.png | Bin 0 -> 444 bytes
 Samples/CameraView/Assets/camera_rear.png  | Bin 0 -> 377 bytes
 Samples/CameraView/Assets/cancel.png       | Bin 0 -> 754 bytes
 Samples/CameraView/Assets/check_circle.png | Bin 0 -> 738 bytes
 Samples/CameraView/Assets/flash_off.png    | Bin 0 -> 485 bytes
 Samples/CameraView/Assets/flash_on.png     | Bin 0 -> 318 bytes
 Samples/CameraView/Assets/photo_camera.png | Bin 0 -> 666 bytes
 Samples/CameraView/Assets/videocam.png     | Bin 0 -> 234 bytes
 Samples/CameraView/CameraView.unoproj      |   4 +-
 Samples/CameraView/MainView.js             | 103 +++++++++
 Samples/CameraView/MainView.ux             | 231 +++++++++------------
 11 files changed, 199 insertions(+), 139 deletions(-)
 create mode 100644 Samples/CameraView/Assets/camera_front.png
 create mode 100644 Samples/CameraView/Assets/camera_rear.png
 create mode 100644 Samples/CameraView/Assets/cancel.png
 create mode 100644 Samples/CameraView/Assets/check_circle.png
 create mode 100644 Samples/CameraView/Assets/flash_off.png
 create mode 100644 Samples/CameraView/Assets/flash_on.png
 create mode 100644 Samples/CameraView/Assets/photo_camera.png
 create mode 100644 Samples/CameraView/Assets/videocam.png
 create mode 100644 Samples/CameraView/MainView.js

diff --git a/Samples/CameraView/Assets/camera_front.png b/Samples/CameraView/Assets/camera_front.png
new file mode 100644
index 0000000000000000000000000000000000000000..3eb24d1f292b06f87a54566d565e0872b5011945
GIT binary patch
literal 444
zcmV;t0Ym<YP)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj0004lNkl<ZcmeI%
zK}z#L7>Du6CULI|ZC&Y!dI-TyXb}~cS?MiA@d$c|FKMN=<?A^Ll@e<0<Hkjh%Fw)%
z=^*bj7x+Pw{zGEy5tEWLM^edv9tp;F47Ste4Ofk6OF^+i4#0?521;>VR|d*)U0(*8
z<GO_mRLuxZH3cbXyQ82zE_kK1td%#=F%!#Lc?BhmEo<c&)U~XYcTizjEAOCp%UUTY
zXH&)QKq;F_eS+){xWirE_J-CE(va4!rz56Ip9KpFQequf1u5t+gAV9$#|u+te6nK3
zlxJ?~u<sjm#1%PferwG?E;;lAI^~Ha_F%~)C(VK)ZYbHNl53)-KoJkr>7J+=&^dKG
zYX<b6x=oq^t*G0FOOX2%q#y+;NI@<^WoVxk2Dq+}fqJ+um4On*xNJx)|HL_R$Z27u
zAVc!~enV3A-G~JwIT=QB+=Czs4Fp+eAjm=kK^7WFPI5o4RZ=KxpM?g3OhMuQWb%vJ
m_ie9#j24cLtDF=11KJnl&O<g;1;JDR0000<MNUMnLSTaNE4>{6

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/camera_rear.png b/Samples/CameraView/Assets/camera_rear.png
new file mode 100644
index 0000000000000000000000000000000000000000..8392b2a888469b0bc58aadbf2648e6bbd393a870
GIT binary patch
literal 377
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY0wn)GsXoKN!06!V;uuoF`1a<0FJ?!9hL3B%
zP4db)E6k$n)6x6G%l#8abaxa-)A}j)3r<RFbnpvU`0LtbpFJeD*(mtT_P2b06i)g+
zaI#d=_5SAZ>gI+8ic|bPGAYknd9`n%h)A)FWAq}PD?z(=@@!dBmMxj#|JF)!Ma*&2
z=Pqn91?SbD{uBLj=*RWHn(t>V==*r^NKd})1>dq~f&3;X&&9lK{IvSP4XGC%{3d75
z#k^|F+ic8VwSeD`Urnv%W#faXo9*YAUtn=OFKgV!vo);UhTZanBVW;kW|=1nNKESm
z_in9j<=q;6(t$hc`Y8uq>#T1sQ}#c)6ZT||z>)<Hhv%5ePO=Ky;^HK!V(DoTE6<{m
zt>AIZVZxe5g_(?=o?oYD&r3<Utqv4qbNn~)<o+vN_SN+UVwU@2p33~Lzfi~UU{{KT
U#>uSXz#wJtboFyt=akR{00Fh2pa1{>

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/cancel.png b/Samples/CameraView/Assets/cancel.png
new file mode 100644
index 0000000000000000000000000000000000000000..12b0e55ba8fa0e1d6d3621ae9e96a69847784ba4
GIT binary patch
literal 754
zcmV<O0uB9%P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj0008HNkl<ZcmeI&
z%Sszj7{Kwfns}*~m5IS;(Q5DlUZ5&u;X^385q*s=vJgZmw1S(O=&GQOA!KDsA3(Af
zp}|dO68IPCPB>rAd^1N}<bSpievp}S#`$92YyJB5W0)llIi*R9Ct_lrXwl?^0~Q&^
z=$7V>CfTD-j8x1WyX5_YN?g&!wJw*;`U5S{L{o!O_Mj=wNz)m{EJ0g5leRYHY(N7X
zkyRCPX+h(JWZ5;NX+Q;jlXXAIYeD1aIWlQf0~#R2S2yI6gO2c7B`IhN-<6Yqrg+A8
zZHn%obKat_uAl{^zOzY$OMh9XhSZ!Js3~#+3~NLVoMjAwNUFPlN<BF*Yn8}>^Rfb}
z*qiAMx^mzMq*t8(qzi1-dVwbCVrv6~v6C#Em$iwl4tW{0hrNi^SD#)Xa^T2U+>Q*Y
zgGgGDND2;w66gal=t&9=L=4$MO8^>@ngcLz2OWZnv`nPtz`h-H3XY`Z*CaIuj_sf(
zXh~`gH0+=jC`oz_JlH``hzUE6o&%3|Pz*|vo&(YQ2fg2~tfl41$FBaOZt6LDl62dj
zs5xt_s!77ec%bG)^23St=vY*9<YQNTxDFF*IcieGpdDnmQ*!jATZ{zS)pNv$6MNe-
zs6ZE6p9GG4?5<<0!-NbnTw<$6Aag9F95rlJF}*;u*sBuQITn({f$82LLj!vk3ICOr
zIU&XcRC=?Q4Kr>a!x?YU7mO>YNE_e%q2LZOl=0n0(wCkUeD)cW6qMr{U;Q9R4l<1K
z3m@Gxq8%;dJ&^91NHcsH<0j)TYb5P>Dn}*5OF779fLErS!M?MR<%qM$x0JhbA^Rcl
z9Cb8>%=jCVf22kS*E&?0_WwhIJUfIvpNDSQ7H)6>q+LVIv(GUN9(W`o;*kd$9J9|n
kgZiIZ_+5QaAJhl^12jg`PjXh`s{jB107*qoM6N<$g5Kp<2LJ#7

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/check_circle.png b/Samples/CameraView/Assets/check_circle.png
new file mode 100644
index 0000000000000000000000000000000000000000..542a64b312c4c62582ecd0b1d95e353f9766b39b
GIT binary patch
literal 738
zcmV<80v-K{P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj00081Nkl<ZcmeI&
zK}!^27{KxO;+k%Ha$E6aWqpX0RV?)=<iSs&pcl<D_Y)LkP$zXMp>B#E0)<f*MMC-r
z%b0eOZSm&LO8@W@ZaK5h>^$$#VgJu@E<YGvX4&U8jT$xjUn9u~bL2S0rHF?|5tl=9
z%rQ(WroJ(RpET3t@d&ES9#h=04;o;TOQcoUAY%_S$UgOyr(Yk`#b=_lN~b1hoO7a9
zVoV3r%zLz2BoP(Vj)P`f+>QcD@eS>cNYx8!*W^@@+Ufx{<6x_865&Dbu-TiipmA*X
zGz_SVbF}+ObtTer&?mHW>E;>LeUO3%t#Ay6=Tw)Gf%YwNu4bO=?Mgrc7CBe5!1elS
zgEp;l3|X$XUJI1wGDZ$mNCktYW90x$27~f3b6_V3l*Egf0~fUTgGOTK01Wwq=Hll7
zv;LqQew|z6z_LH+kehqKLw;D|z=1!=<)-E_7#?tHg#!hDP?3Lo`R8d5rxrMH<`44t
zyM?OfJ)Ed>pd1F2#Z=9GP82v|P!R;A?@AoOD|10Wy2r612MY3I??<}Ju>wbM>~kO{
zxk?;Z5_~!Yq;6al4$Sz2h9L||g#%CgL9KXUNGhDbpC5)jg3Bs%z`+E8ra(Z_<G@5P
zC{0B`(&Kn^1cMA4ARy^*U=33XltEHfg#(XjgA92YNrB^FB%pp|Wg~Ka(JKQPR*9n(
zj1<&K3ELG($w7uOY&RPAPtUj5>@_AVD8UxC`a)B9kfDtuZ1k06{i}r|3!IK9%a=B`
zm0wme>Ut`{B3iwoNoRpKMv15u8P!~Irui7@Be6nCe+isnmwIyOv$rPiW1R}pJl5#7
ze~}=?Bs-J|>H>!eI@B%_2&RQ0W?ANd0%w#db4Gy!mYCr&w{)&r=uZRG05w3r0iX6C
U;Qs5}NdN!<07*qoM6N<$g0@~ukN^Mx

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/flash_off.png b/Samples/CameraView/Assets/flash_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..3cf30f3eaa180a72589ef45700b0a681b978d287
GIT binary patch
literal 485
zcmV<B0UG{^P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj00053Nkl<ZXx{DD
zJ5B>J5C-5uA{{kcAlxAIE)iV_Zv=-xoPdhl0a1b?BpO8T3ULEOMS(;OC0W8xvqJmu
z#?G#HW{Uk=kCIQ`@mMD6(xr=<pnj}2kkJKdwm;}$f?-sUX~ww+Fm;gx_9x}QO_JE3
zN#=)2B)s$Y&k)mU68berP0v?kQjGZ%l@w?GL?gwU&yh$m=W_&7?E9-RDgOOcB5f}~
zveZTzkPML~lBM=ii)4s2ku0^H1xbcT6Uh=!FwE^jHOUZH3Z3F6St2Qrn`9(G;dAMc
z3lv8B#yTGeNW7#m-zN(pePD$fG@o?B+0=g06P9E^Zqf_`-ed10U2xAK4~aeMNa}V;
z-G@`xOX}L&bK*w2KoX>Yxipdoz2QfU<lxLOz_A#~0lFe0!jTZE#QDT(x^gH&DuK>2
zYZ9aa=LNmoDnF?J+AOUfFq3ke2WQ1TD=GK(>Q~fok}`jEIj3q5Nv86K1LS#oWk`2e
z<^Y{~D|eB!&iMyDhrGS8gWHxlDd-m)q$L1=Yc(7q0AE<s1v*#6A;N3^_L2u}sp53$
b(j_Q=g>;@pADswL00000NkvXXu0mjfyO+}u

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/flash_on.png b/Samples/CameraView/Assets/flash_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e116af49eb011a1832a6b72de365f15ab9f4631
GIT binary patch
literal 318
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY0wn)GsXoKNz{u+9;uuoF`1b0;iH8zITpvmc
zO3r7ybm-Oc%qFdjCbb~ef014bm~8kqr>jm&Y@ez8uUPuWowFGxpN>2?tt@}|w>EC4
zgKx}&qQ+S}9G)_n7B-$@&3eQ%mHWyORxR-ro!lXM0m9-dViu_B1)wSPVyIf&&HW{%
zxbfT(mR*~7IJhS<#m@9u5MS59xkXs`#lc^!7wkLKlbG(#h+V*J*r<1erE1eohjgGo
zWXu9(!^U+!Y8PJbRar21h68_?_zM@G1=5?jOBB>Dw9atwHxqy1<FmlJo4Z6s?ZVWP
zELD4_vw%%~#Wc5rvn08!k?#rjg7tX~Y#9yz7@FJ)PJF64{umf844$rjF6*2UngH<K
BfHeRB

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/photo_camera.png b/Samples/CameraView/Assets/photo_camera.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8e69dcebb98d43695027fcc7e39a339c84dda51
GIT binary patch
literal 666
zcmV;L0%iS)P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj0007ENkl<ZcmeI1
z%}N_l7=~wIXRuo{3D!+%m97e122!dkU6n#Xx@}hlV-gpdjie%8fg3MD$iju97vT>y
zDuP#FBS9M!QcYr?x(Xj5^OKhEOrZ0;%Xt?M^PS1$oUvkJVg?bG2*VOq|FP&lUkJx<
zKARBwK%20%c&{z=j$iacgSVPOZ>ZBRKY6Vs^pYxn!v)X(MaU+{KDTId#}NxSK|*6x
zFv$sHenK`COmmFwEtDe)3f@BdM8ToA&@EBW@D_@SSjd>rJ=<hS<6>jul4hPAn$ZYd
zQ(^?GM-r@1H!ZY@i{+CPWphGpzG8()mbM9@HXpG<W|p?TQ1{(&n4!eRV@gb8cU_&+
z7TQGipYn|>BsG>9Ms~`YLf6Qp{EBmWamEC4dDr!XN=Tg=UR*LRnyXqu_l$^Po#V$T
zj`&?_>IiL%W{Dt*qP?plloe0b6+u)P>h$wELg`L#hA>QZ`WYP|H+WzkLrdxi*`3}7
zVOSR<9(<vQN2a}~rwPNP_M)B_8_F6%{1A_QK}TpuG?xitQMC88ULA=}bC@&ysE9|v
zrKKYTE22BWC0<<cLNwPvOQ=ptw8uI1xI0p3lp8%ED9b($MXFs(c@bN7*a96P`HGc!
z!W2c;A5&zKp{}cW6Myn&u|nn(4`#MObD?zdJeb=kmPz@_jIw2VD_v)mL{Ax)HEyCg
zY-qAeo(xGG9Fk-xut)1ZK8}fn?gs79^N1)o@D^Gi3Ub~;4kwuAJGTGFmt(^^&w@Tr
zITSdgfi?{e$YEo73q_w;C>Dx^Vxd?l7V1BL0REY1s|}3R@&Et;07*qoM6N<$f_%9k
Avj6}9

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/Assets/videocam.png b/Samples/CameraView/Assets/videocam.png
new file mode 100644
index 0000000000000000000000000000000000000000..44c28e2f2830f927973beaa3a143ddfe439f20ed
GIT binary patch
literal 234
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY0wn)GsXhawHhQ`^hEy=Vy<y08*g(J~F!Y>h
zQBv~(_A|Uaeg>M$g-&EJ3;(E>F0WfsuqEq@i4qW8@}AzdO6rx>m9XRe^SrNqJ^A{6
z_JW14-f=$P%=XJsxKGL9nM=c&PKKGnj7I8ADSj*`=EzL26jUe%O0+bb;bi0#P;hAY
zVbJ!!)MT<nU5?BJi$k+it}R&WIx+OtlK*@9Uaop~XZHrHE2ZN9te$Vy-n)U3g#)C8
efsskXEdI@lcXb~Q^LGOs&*16m=d#Wzp$PzEw_QR2

literal 0
HcmV?d00001

diff --git a/Samples/CameraView/CameraView.unoproj b/Samples/CameraView/CameraView.unoproj
index 03d1112..5b6edbb 100644
--- a/Samples/CameraView/CameraView.unoproj
+++ b/Samples/CameraView/CameraView.unoproj
@@ -3,7 +3,9 @@
   "Packages": [
     "Fuse",
     "FuseJS",
-    "Fuse.Controls.CameraView"
+    "Fuse.Controls.CameraView",
+    "Fuse.ImageTools",
+    "Fuse.CameraRoll"
   ],
   "Includes": [
     "*"
diff --git a/Samples/CameraView/MainView.js b/Samples/CameraView/MainView.js
new file mode 100644
index 0000000..30e3fc5
--- /dev/null
+++ b/Samples/CameraView/MainView.js
@@ -0,0 +1,103 @@
+var Observable = require("FuseJS/Observable");
+var ImageTools = require("FuseJS/ImageTools");
+var VideoTools = require("FuseJS/VideoTools");
+var CameraRoll = require("FuseJS/CameraRoll");
+
+var image = Observable("");
+var flashIsOn = Observable(false);
+var currentMedia = Observable("Photo");
+
+var imageObject = {};
+
+function capture() {
+	if (currentMedia.value == "Video") {
+		if (cameraPanel.IsCurrentlyRecording.value == "Recording") {
+			stopVideoCapture();
+		} else {
+			startVideoCapture();
+		}
+	} else {
+		takePicture();
+	}
+}
+
+function takePicture() {
+	cameraPanel.takePicture({callback: function(err, img) {
+		if (img !== null) {
+			imageObject = img;
+			image.value = img.path;
+		}
+	}});
+}
+
+function startVideoCapture() {
+	cameraPanel.startVideo();
+}
+
+function stopVideoCapture() {
+	cameraPanel.endVideo(function(err, path) {
+		if (err) {
+			return;
+		}
+		VideoTools.copyVideoToCameraRoll(path);
+	});
+}
+
+function discardPicture() {
+	image.value = "";
+	flashIsOn.value = false;
+}
+
+function savePicture() {
+	CameraRoll.publishImage(imageObject);
+	discardPicture();
+}
+
+function swapCamera() {
+	cameraPanel.swapCamera();
+}
+
+function toggleFlash() {
+	flashIsOn.value = ! flashIsOn.value;
+	if (flashIsOn.value) {
+		cameraPanel.enableFlash();
+	} else {
+		cameraPanel.disableFlash();
+	}
+}
+
+function toggleMediaPhoto() {
+	currentMedia.value = "Photo";
+}
+
+function toggleMediaVideo() {
+	currentMedia.value = "Video";
+}
+
+module.exports = {
+	image: image,
+
+	capture: capture,
+	discardPicture: discardPicture,
+	savePicture: savePicture,
+
+	swapCamera: swapCamera,
+	cameraDirection: cameraPanel.CurrentCameraDirection.map(function(x) {
+		return x.substr(0,1);
+	}),
+
+	toggleFlash: toggleFlash,
+	flashIsOn: flashIsOn,
+
+	currentMedia: currentMedia,
+	toggleMediaPhoto: toggleMediaPhoto,
+	toggleMediaVideo: toggleMediaVideo,
+
+	videoIsRecording: cameraPanel.IsCurrentlyRecording.map(function(x) {
+		if (x == "Recording") {
+			return true;
+		} else {
+			return false;
+		}
+	})
+};
diff --git a/Samples/CameraView/MainView.ux b/Samples/CameraView/MainView.ux
index 094e40b..60ce19d 100644
--- a/Samples/CameraView/MainView.ux
+++ b/Samples/CameraView/MainView.ux
@@ -3,98 +3,23 @@
 	<iOS.StatusBarConfig Style="Light" />
 	<MemoryPolicy ux:Global="UnloadImmediately" UnloadInBackground="True" UnusedTimeout="1" UnpinInvisible="True" />
 
-	<JavaScript>
-		var Observable = require("FuseJS/Observable");
-		var FileSystem = require("FuseJS/FileSystem");
-
-		var path = FileSystem.dataDirectory + "/";
-		var library = Observable();
-		var image = Observable("");
-
-		var flashIsOn = Observable(false);
-
-		var imageObject = {};
-
-		function takePicture() {
-			cameraPanel.takePicture({callback: function(err, img) {
-				if (img !== null) {
-					imageObject = img;
-					image.value = img.path;
-				}
-			}});
-		}
-
-		function reset() {
-			image.value = "";
-			flashIsOn.value = false;
-		}
-
-		function savePicture() {
-			var dest = path + imageObject.name;
-			FileSystem.copySync(imageObject.path, dest);
-			library.add(dest);
-			reset();
-		}
-
-		function swapCamera() {
-			cameraPanel.swapCamera();
-		}
-
-		function toggleFlash() {
-			flashIsOn.value = ! flashIsOn.value;
-			if (flashIsOn.value) {
-				cameraPanel.enableFlash();
-			} else {
-				cameraPanel.disableFlash();
-			}
-		}
-
-		module.exports = {
-			library: library,
-			image: image,
-			takePicture: takePicture,
-			reset: reset,
-			savePicture: savePicture,
-			swapCamera: swapCamera,
-			cameraDirection: cameraPanel.CurrentCameraDirection.map(function(x) {
-				return x.substr(0,1);
-			}),
-			toggleFlash: toggleFlash,
-			flashState: flashIsOn.map(function(x) {
-				var res = "Flash: ";
-				if (x) {
-					res += "On";
-				} else {
-					res += "Off";
-				}
-				return res;
-			})
-		};
-	</JavaScript>
+	<FileImageSource ux:Global="iconFlashOff" File="Assets/flash_off.png" />
+	<FileImageSource ux:Global="iconFlashOn" File="Assets/flash_on.png" />
+	<FileImageSource ux:Global="iconPhotoCamera" File="Assets/photo_camera.png" />
+	<FileImageSource ux:Global="iconVideocam" File="Assets/videocam.png" />
+	<FileImageSource ux:Global="iconCameraRear" File="Assets/camera_rear.png" />
+	<FileImageSource ux:Global="iconCameraFront" File="Assets/camera_front.png" />
+	<FileImageSource ux:Global="iconCheckCircle" File="Assets/check_circle.png" />
+	<FileImageSource ux:Global="iconCancel" File="Assets/cancel.png" />
+
+	<JavaScript File="MainView.js" />
 
 	<DockPanel Margin="8">
 
 		<StatusBarBackground Dock="Top" />
 		<BottomBarBackground Dock="Bottom" />
 
-		<!-- the saved picture library at the top -->
-		<Panel Dock="Top" Height="64" Color="#fff1">
-			<WhileEmpty Items="{library}">
-				<Text Value="Saved pictures will appear here" Color="#fffa" Alignment="Center" />
-			</WhileEmpty>
-			<ScrollView AllowedScrollDirections="Horizontal">
-				<StackPanel Orientation="Horizontal" Margin="8" ItemSpacing="4">
-					<Each Items="{library}">
-						<Rectangle Aspect="1" BoxSizing="FillAspect" Width="56" CornerRadius="2">
-							<Stroke Width="1" Color="#fffa" />
-							<ImageFill File="{}" StretchMode="UniformToFill" WrapMode="ClampToEdge" />
-						</Rectangle>
-					</Each>
-				</StackPanel>
-			</ScrollView>
-		</Panel>
-
-		<Panel Margin="0,8">
+		<Panel>
 
 			<!-- temporary picture can take a while to show up, use busy -->
 			<!-- CameraView should set busy while initialising too -->
@@ -102,58 +27,88 @@
 				<Text Value="Loading..." Color="#fffa" Alignment="Center" />
 			</WhileBusy>
 
-			<Panel Padding="8" Color="#fff1">
-
-				<!-- when there is a temporary picture taken -->
-				<WhileString Value="{image}" Equals="" Invert="true">
-
-					<!-- save and discard action buttons -->
-					<StackPanel Alignment="BottomCenter" Margin="16" Orientation="Horizontal" ItemSpacing="16">
-						<Rectangle Color="#2a4" CornerRadius="2" Width="112" Height="56" Clicked="{savePicture}">
-							<Text Value="Save" Alignment="Center" Color="#fff" />
-							<Shadow />
-						</Rectangle>
-						<Rectangle Color="#f42" CornerRadius="2" Width="112" Height="56" Clicked="{reset}">
-							<Text Value="Discard" Alignment="Center" Color="#fff" />
-							<Shadow />
-						</Rectangle>
-					</StackPanel>
-
-					<!-- the temporary picture itself -->
-					<Image File="{image}" MemoryPolicy="UnloadImmediately" StretchMode="UniformToFill" />
-
-				</WhileString>
-
-				<!-- when there is no temporary picture -->
-				<WhileString Value="{image}" Equals="">
-					<!-- we put all of the things we want on top of the CameraView inside the same NativeViewHost -->
-					<NativeViewHost>
-
-						<!-- toggle flash state -->
-						<Rectangle Width="88" Height="40" CornerRadius="2" Alignment="TopLeft" Margin="8" Clicked="{toggleFlash}" HitTestMode="LocalBounds">
-							<Stroke Width="1" Color="#fffa" />
-							<Text Value="{flashState}" Color="#fffa" Alignment="Center" />
-						</Rectangle>
-
-						<!-- toggle camera direction -->
-						<Rectangle Width="40" Aspect="1" BoxSizing="FillAspect" CornerRadius="2" Alignment="TopRight" Margin="8" Clicked="{swapCamera}" HitTestMode="LocalBounds">
-							<Stroke Width="1" Color="#fffa" />
-							<Text Value="{cameraDirection}" Color="#fffa" Alignment="Center" />
-						</Rectangle>
-
-						<!-- take picture button -->
-						<StackPanel Alignment="BottomCenter" Margin="16" Orientation="Horizontal" ItemSpacing="16">
-							<Circle Width="56" Aspect="1" BoxSizing="FillAspect" Color="#f42" Clicked="{takePicture}" Alignment="BottomCenter">
-								<Stroke Width="2" Color="#fff" />
-							</Circle>
-						</StackPanel>
-
-						<!-- the camera view itself -->
-						<CameraView ux:Name="cameraPanel" Facing="Back" />
-
-					</NativeViewHost>
-				</WhileString>
-			</Panel>
+			<!-- when there is a temporary picture taken -->
+			<WhileString Value="{image}" Equals="" Invert="true">
+
+				<!-- save and discard action buttons -->
+				<StackPanel Alignment="BottomCenter" Margin="16" Orientation="Horizontal" ItemSpacing="16">
+					<Panel Width="56" Aspect="1" BoxSizing="FillAspect" Clicked="{savePicture}" HitTestMode="LocalBounds">
+						<Image Source="iconCheckCircle" Margin="4" Alignment="Center" />
+						<Rectangle Color="#0005" CornerRadius="2" />
+					</Panel>
+					<Panel Width="56" Aspect="1" BoxSizing="FillAspect" Clicked="{discardPicture}" HitTestMode="LocalBounds">
+						<Image Source="iconCancel" Margin="4" Alignment="Center" />
+						<Rectangle Color="#0005" CornerRadius="2" />
+					</Panel>
+				</StackPanel>
+
+				<!-- the temporary picture itself -->
+				<Image File="{image}" MemoryPolicy="UnloadImmediately" StretchMode="UniformToFill" />
+
+			</WhileString>
+
+			<!-- when there is no temporary picture -->
+			<WhileString Value="{image}" Equals="">
+				<!-- we put all of the things we want on top of the CameraView inside the same NativeViewHost -->
+				<NativeViewHost>
+
+					<!-- toggle flash state -->
+					<Rectangle Width="32" Aspect="1" BoxSizing="FillAspect" Alignment="TopLeft" Margin="8" Clicked="{toggleFlash}" HitTestMode="LocalBounds" CornerRadius="2" Color="#0001">
+						<WhileTrue Value="{flashIsOn}">
+							<Image Source="iconFlashOn" Margin="4" Alignment="Center" />
+						</WhileTrue>
+						<WhileFalse Value="{flashIsOn}">
+							<Image Source="iconFlashOff" Margin="4" Alignment="Center" />
+						</WhileFalse>
+					</Rectangle>
+
+					<!-- toggle media between photo/video -->
+					<Grid ColumnCount="2" Width="128" Aspect="4" BoxSizing="FillAspect" Alignment="TopCenter" Margin="8">
+						<Panel Clicked="{toggleMediaPhoto}" HitTestMode="LocalBounds">
+							<Image Source="iconPhotoCamera" Margin="4" Alignment="Center" />
+							<WhileString Value="{currentMedia}" Equals="Photo">
+								<Change mediaPhotoBackground.Color="#0005" />
+							</WhileString>
+							<Rectangle ux:Name="mediaPhotoBackground" Color="#0001" CornerRadius="16,0,0,16" />
+						</Panel>
+						<Panel Clicked="{toggleMediaVideo}" HitTestMode="LocalBounds">
+							<Image Source="iconVideocam" Margin="4" Alignment="Center" />
+							<WhileString Value="{currentMedia}" Equals="Video">
+								<Change mediaVideoBackground.Color="#0005" />
+							</WhileString>
+							<Rectangle ux:Name="mediaVideoBackground" Color="#0001" CornerRadius="0,16,16,0" />
+						</Panel>
+					</Grid>
+
+					<!-- toggle camera direction -->
+					<Rectangle Width="32" Aspect="1" BoxSizing="FillAspect" Alignment="TopRight" Margin="8" Clicked="{swapCamera}" HitTestMode="LocalBounds" CornerRadius="2" Color="#0001">
+						<WhileString Value="{cameraDirection}" Equals="B">
+							<Image Source="iconCameraRear" Margin="4" Alignment="Center" />
+						</WhileString>
+						<WhileString Value="{cameraDirection}" Equals="F">
+							<Image Source="iconCameraFront" Margin="4" Alignment="Center" />
+						</WhileString>
+					</Rectangle>
+
+					<!-- capture button -->
+					<WhileTrue Value="{videoIsRecording}">
+						<Change captureButton.CornerRadius="16" />
+						<Cycle Target="captureButtonScaling.Vector" Low="0.9" High="1" Frequency="2" />
+					</WhileTrue>
+					<Rectangle ux:Name="captureButton" CornerRadius="28" Width="56" Aspect="1" BoxSizing="FillAspect" Color="#f42" Clicked="{capture}" Alignment="BottomCenter" Margin="16">
+						<Scaling ux:Name="captureButtonScaling" Vector="1" />
+						<Stroke Width="2" Color="#fff" />
+						<WhilePressed>
+							<Change captureButton.CornerRadius="16" Duration="0.16" />
+							<Rotate Target="captureButton" Degrees="90" Duration="0.16" />
+						</WhilePressed>
+					</Rectangle>
+
+					<!-- the camera view itself -->
+					<CameraView ux:Name="cameraPanel" Facing="Back" />
+
+				</NativeViewHost>
+			</WhileString>
 		</Panel>
 
 	</DockPanel>

From 4c8945309814769c40136c567b68d43024e551d4 Mon Sep 17 00:00:00 2001
From: Uldis Zeidurs <uldis.zeidurs@gmail.com>
Date: Tue, 4 Jul 2017 16:17:39 +0300
Subject: [PATCH 3/3] comments cleanup

---
 Samples/CameraView/MainView.ux | 1 -
 1 file changed, 1 deletion(-)

diff --git a/Samples/CameraView/MainView.ux b/Samples/CameraView/MainView.ux
index 60ce19d..65bf67e 100644
--- a/Samples/CameraView/MainView.ux
+++ b/Samples/CameraView/MainView.ux
@@ -1,4 +1,3 @@
-<!-- TODO: IsCurrentlyRecording, startVideo, endVideo -->
 <App Background="#000">
 	<iOS.StatusBarConfig Style="Light" />
 	<MemoryPolicy ux:Global="UnloadImmediately" UnloadInBackground="True" UnusedTimeout="1" UnpinInvisible="True" />