Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 87 additions & 0 deletions blog/2022-12-09-tauri-mobile-alpha.mdx
Original file line number Diff line number Diff line change
@@ -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
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if updating our FAQ to have tabs for "release" and "next" for this could be useful?


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.
Binary file added blog/tauri_2_0_0_alpha_0/android-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added blog/tauri_2_0_0_alpha_0/header.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added blog/tauri_2_0_0_alpha_0/ios-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion docusaurus.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -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)',
},
Expand Down
7 changes: 7 additions & 0 deletions src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
Expand Down