# @dynamix/fs

> File System for Dynamix

Latest version **0.0.0** (published 2023-12-28) · 0 weekly downloads

## Install

```sh
npm install @dynamix/fs
pnpm add @dynamix/fs
yarn add @dynamix/fs
bun add @dynamix/fs
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.0 |
| Published | 2023-12-28 |
| First published | 2023-12-28 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 73 |
| Maintainers | softmarshmallow |
| Keywords | dynamix, dynamic, native, ios, android, react-native, flutter, fs, file-transfer, file-picker, webview, bridge |

## Links

- npm: https://www.npmjs.com/package/@dynamix/fs
- Repository: https://github.com/gridaco/dynamix.git#main
- Homepage: https://grida.co/dynamix
- Issues: https://github.com/gridaco/dynamix/issues
- npm.io page: https://npm.io/package/@dynamix/fs

## Alternatives

- [unionfs](https://npm.io/package/unionfs.md) — 2.2M weekly downloads
- [path-starts-with](https://npm.io/package/path-starts-with.md) — 35.9K weekly downloads
- [redzip](https://npm.io/package/redzip.md) — 1.2K weekly downloads
- [vscode-anymatch](https://npm.io/package/vscode-anymatch.md) — 848 weekly downloads
- [@ledgerhq/coin-filecoin](https://npm.io/package/@ledgerhq/coin-filecoin.md) — 793 weekly downloads

## Recent versions

- 0.0.0 (latest) — 2023-12-28

## README

<p align="center">
  <a href="https://grida.co/dynamix">
    <image src="https://github.com/gridaco/dynamix/blob/main/.readme/cover.png?raw=true" />
    <h3 align="center">Dynamix by Grida</h3>
  </a>
</p>

<p align="center">
  <code>@dynamix/fs</code>
</p>

# `@dynamix/fs`

> Dynamix filesystem utilities. This package is a utility package for handling file transfer between the host and the webview.

This package is compatible with

- [x] React Native
- [x] React
- [x] Vue
- [x] Other JS frameworks

## Installation

```bash
yarn add @dynamix/fs
```

## Usage

Below example is using React for host and React Native for webview.

```tsx
// WEB NextJS
// mypage/page.tsx
import { useDynamix } from "@dynamix/react";

function WebMyPage(){
  const [photo, setPhoto] = useState(null);

  const onPhotoSelectClick = usePhotoPicker({
    readAs: "DataURL",
    multiple: false,
    onLoad: setPhoto
  });

  return (
    <Avatar onClick={onPhotoSelectClick} src={photo}/>
  )
}

// WEBVIEW on React Native
// pages/mypage.tsx
import { WebView } from "@dymamix/react-native";
import fs from "@dynamix/fs";

function AppMyPage() {
  return (
    <Webview>
      <DynamixFSProvider fs={fs}/>
    </WebView>
  )
}
```

---
_Source: https://npm.io/package/@dynamix/fs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._