aljaz/pear-docs
1
0
Fork 0
mirror of https://github.com/aljazceru/pear-docs.git synced 2025-12-17 06:24:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update bare mobile guide to use expo fs's documentDirectory (#189)

Browse Source
This commit is contained in:
Sean Zellmer
2025-06-02 14:51:49 -05:00
committed by GitHub
parent b11bb658c7
commit 35b4cc45f8
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
guide/making-a-bare-mobile-app.md
View File

@@ -75,10 +75,10 @@ import {
TextInput, TextInput,
Button, Button,
FlatList, FlatList,
Platform,
Alert, Alert,
StyleSheet StyleSheet
} from 'react-native' } from 'react-native'
import { documentDirectory } from 'expo-file-system'
import Clipboard from '@react-native-clipboard/clipboard' import Clipboard from '@react-native-clipboard/clipboard'
import { Worklet } from 'react-native-bare-kit' import { Worklet } from 'react-native-bare-kit'
import bundle from './app.bundle' import bundle from './app.bundle'
@@ -101,7 +101,7 @@ export default function App() {
const worklet = new Worklet() const worklet = new Worklet()
// Correctly passing the args to worklet.start // Correctly passing the args to worklet.start
worklet.start('/app.bundle', bundle, [Platform.OS, pairingInvite]) worklet.start('/app.bundle', bundle, [String(documentDirectory), pairingInvite])
const { IPC } = worklet const { IPC } = worklet
// Initialise RPC // Initialise RPC
new RPC(IPC, (req) => { new RPC(IPC, (req) => {
@@ -210,16 +210,15 @@ Add the following code to `backend/backend.mjs`:
import RPC from 'bare-rpc' import RPC from 'bare-rpc'
import fs from 'bare-fs' import fs from 'bare-fs'
import URL from 'bare-url'
import { join } from 'bare-path'
import { RPC_RESET, RPC_MESSAGE } from '../rpc-commands.mjs' import { RPC_RESET, RPC_MESSAGE } from '../rpc-commands.mjs'
import Autopass from 'autopass' import Autopass from 'autopass'
import Corestore from 'corestore' import Corestore from 'corestore'
const { IPC } = BareKit const { IPC } = BareKit
const path = const path = join(URL.fileURLToPath(Bare.argv[0]), 'autopass-example')
Bare.argv[0] === 'android'
? '/data/data/to.holepunch.bare.expo/autopass-example'
: './tmp/autopass-example/'
const rpc = new RPC(IPC, (req, error) => { const rpc = new RPC(IPC, (req, error) => {
// Handle two way communication here // Handle two way communication here
@@ -345,10 +344,10 @@ const worklet = new Worklet()
Creates a new `worklet` object, ideally we should only create a single worklet. Creates a new `worklet` object, ideally we should only create a single worklet.
```typescript ```typescript
worklet.start('/app.bundle', bundle, [Platform.OS, pairingInvite]) worklet.start('/app.bundle', bundle, [String(documentDirectory), pairingInvite])
``` ```
Here we start our worklet with the bundle we imported in the previous step. The `'/app.bundle'` is the filename for the bundle, `bundle` is the bundled source that we imported and `[Platform.OS, pairingInvite]` are the arguments to be passed to the Bare runtime. These arguments will be available to the Bare process as soon as it starts in `Bare.argv[]`. Here we start our worklet with the bundle we imported in the previous step. The `'/app.bundle'` is the filename for the bundle, `bundle` is the bundled source that we imported and `[String(documentDirectory), pairingInvite]` are the arguments to be passed to the Bare runtime. These arguments will be available to the Bare process as soon as it starts in `Bare.argv[]`.
```typescript ```typescript
const { IPC } = worklet const { IPC } = worklet