feat(blog): add 2.0.0-alpha.0 (mobile) announcement (tauri-apps#1012)

Co-authored-by: Lorenzo Lewis <[email protected]>

Author: lucasfernog

blog/2022-12-09-tauri-mobile-alpha.mdx

@@ -0,0 +1,87 @@
+---
+authors: [lucasfernog]
+image: ./tauri_2_0_0_alpha_0/header.png
+description: Tauri mobile is here! The first alpha release 2.0.0-alpha.0 has been published.
+---
+
+import Tabs from '@theme/Tabs'
+import TabItem from '@theme/TabItem'
+import iOSPreview from './tauri_2_0_0_alpha_0/ios-preview.png'
+import androidPreview from './tauri_2_0_0_alpha_0/android-preview.png'
+
+# Announcing the Tauri Mobile Alpha Release
+
+![Tauri 1.2 Launch Hero Image](./tauri_2_0_0_alpha_0/header.png)
+
+Tauri mobile is here! The first alpha release 2.0.0-alpha.0 has been published.
+
+<!--truncate-->
+
+## Updating dependencies
+
+Make sure to update both NPM and Cargo dependencies to the 2.0.0-alpha.0 release. You can update the NPM dependencies with:
+
+<Tabs groupId="package-manager">
+  <TabItem value="npm">
+
+```shell
+npm install @tauri-apps/cli@next @tauri-apps/api@next
+```
+
+  </TabItem>
+  <TabItem value="Yarn Classic">
+
+```shell
+yarn upgrade @tauri-apps/cli@next @tauri-apps/api@next
+```
+
+  </TabItem>
+  <TabItem value="Yarn Berry">
+
+```shell
+yarn up @tauri-apps/cli@next @tauri-apps/api@next
+```
+
+  </TabItem>
+  <TabItem value="pnpm">
+
+```shell
+pnpm update @tauri-apps/cli@next @tauri-apps/api@next
+```
+
+  </TabItem>
+</Tabs>
+
+To update the Cargo dependencies, run the following in the `src-tauri` folder:
+
+```shell
+cargo add [email protected]
+cargo add [email protected] --build
+cargo install tauri-cli --version "^2.0.0-alpha"
+```
+
+## Preview
+
+You can adapt your existing desktop application to run on mobile or start a fresh project.
+Tauri runs on the connected device or starts an emulator if available.
+
+<div
+  style={{
+    display: 'flex',
+    'flex-direction': 'column',
+    'align-items': 'center',
+    gap: '16px',
+  }}
+>
+  <img className="transparent" src={iOSPreview} alt="iOS preview" />
+  <img className="transparent" src={androidPreview} alt="Android preview" />
+</div>
+
+<br></br>
+
+Read the complete guide on the [next documentation website](https://next--tauri.netlify.app/next/mobile/).
+
+## Known issues
+
+- TLS support has been moved behind a Cargo feature until we figure out how to cross compile OpenSSL on Windows.
+- Currently running on a device is not supported when using Xcode 14.

blog/tauri_2_0_0_alpha_0/android-preview.png

@@ -251,7 +251,7 @@ async function siteConfig() {
       },
       announcementBar: {
         content:
-          "<b>🚀 <a id='announcement-link' href='/blog/2022/11/08/tauri-1-2'>Tauri 1.2</a> and <a id='announcement-link' href='/blog/2022/09/19/tauri-egui-0-1'>tauri-egui 0.1</a> have launched!</b>",
+          "<b>Tauri mobile alpha has launched! <a id='announcement-link' href='/blog/2022/12/09/tauri-mobile-alpha'>Read the blog post</a></b>",
         backgroundColor: 'var(--ifm-color-primary)',
         textColor: 'var(--ifm-button-color)',
       },

blog/tauri_2_0_0_alpha_0/header.png

@@ -125,6 +125,13 @@ html[data-theme='light'] .gitHubIcon::before {
   display: none;
 }
 
+[data-theme='light'] img.transparent {
+  background-color: #f6f6f6;
+}
+[data-theme='dark'] img.transparent {
+  background-color: #1b1b1d;
+}
+
 .anchor-with-padding {
   scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
 }