【14】React Nativeでテキストエディタを作ってみる！【インポート・エクスポート編】

export async function importFile() {
    const data = await DocumentPicker.getDocumentAsync()
    const state = data.type

    if (state == "success") {
        const filename = data.name
        const fileUri = data.uri

        const filecontent = await FileSystem.readAsStringAsync(fileUri, { encoding: FileSystem.EncodingType.UTF8 })
            .then(e => {
                console.log("readAsStringAsync >>" + e);
                return e
            }).catch(err => {
                console.error("readAsStringAsync >>" + err);
                return false
            })

        return ({
            filename: filename,
            filecontent: filecontent
        })
    }
}

export async function exportMdFile(filename, content) {
    const fileUri = cacheDirectoryUri + encodeURIComponent(removeMarks(filename.replace('.md', ''))) + '.md'

    await FileSystem.makeDirectoryAsync(cacheDirectoryUri, { intermediates: true })
        .then(e => {
        }).catch(err => {
            console.error(err);
        })

    await FileSystem.writeAsStringAsync(fileUri, content, { encoding: FileSystem.EncodingType.UTF8 })
        .then(e => {
        }).catch(err => {
            console.log(fileUri);
            console.error("writeAsStringAsync >>" + err);
        })


    const shareUrl = await FileSystem.getContentUriAsync(fileUri)
    Share.share({ url: shareUrl })
        .then(e => {
        }).catch(err => {
            console.error(err);
        })

}

Failed building JavaScript bundle.
While trying to resolve module `marked` from file `/home/mymai/snil_Markdown_TextEditor/modules/importExportFile.js`, the package `/home/mymai/snil_Markdown_TextEditor/node_modules/marked/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`/home/mymai/snil_Markdown_TextEditor/node_modules/marked/lib/marked.js`. Indeed, none of these files exist:

  * /home/mymai/snil_Markdown_TextEditor/node_modules/marked/lib/marked.js(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * /home/mymai/snil_Markdown_TextEditor/node_modules/marked/lib/marked.js/index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
While trying to resolve module `marked` from file `/home/mymai/snil_Markdown_TextEditor/modules/importExportFile.js`, the package `/home/mymai/snil_Markdown_TextEditor/node_modules/marked/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`/home/mymai/snil_Markdown_TextEditor/node_modules/marked/lib/marked.js`. Indeed, none of these files exist:

  * /home/mymai/snil_Markdown_TextEditor/node_modules/marked/lib/marked.js(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * /home/mymai/snil_Markdown_TextEditor/node_modules/marked/lib/marked.js/index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

import marked from 'marked';
export function exportHtmlFile(filename,content) {
    const html=marked(content)
    console.log(html);
}

# snail - Markdown Text Editor
　
## katatumuriの初めてのアプリ  
　
こんなふうになりました🐌        

- item1
- item2
   - pamu
- item3
   - children


## リンク  
[リンク](URL)

## 文字装飾
**太文字**
~取り消し~

## CODE


```
code
```  


❤️

<h1 id="snail---markdown-text-editor">snail - Markdown Text Editor</h1>
<p>　</p>
<h2 id="katatumuriの初めてのアプリ">katatumuriの初めてのアプリ</h2>
<p>　
こんなふうになりました🐌        </p>
<ul>
<li>item1</li>
<li>item2<ul>
<li>pamu</li>
</ul>
</li>
<li>item3<ul>
<li>children</li>
</ul>
</li>
</ul>
<h2 id="リンク">リンク</h2>
<p><a href="URL">リンク</a></p>
<h2 id="文字装飾">文字装飾</h2>
<p><strong>太文字</strong>
<del>取り消し</del></p>
<h2 id="code">CODE</h2>
<pre><code>code
</code></pre>
<p>❤️</p>

export async function exportHtmlFile(filename,content) {
    const fileUri = cacheDirectoryUri + encodeURIComponent(removeMarks(filename.replace('.md', ''))) + '.html'
    const html=marked(content)

    await FileSystem.makeDirectoryAsync(cacheDirectoryUri, { intermediates: true })
        .then(e => {
            // console.log("makeDirectoryAsync" + e);
        }).catch(err => {
            console.error(err);
        })

    await FileSystem.writeAsStringAsync(fileUri, html, { encoding: FileSystem.EncodingType.UTF8 })
        .then(e => {
            // console.log("writeAsStringAsync >>" + e);
        }).catch(err => {
            console.log(fileUri);
            console.error("writeAsStringAsync >>" + err);
        })


    const shareUrl = await FileSystem.getContentUriAsync(fileUri)
    Share.share({ url: shareUrl })
        .then(e => {
            // console.log(Share.sharedAction);
        }).catch(err => {
            console.error(err);
        })

}

export async function printHtmlFile(filename, content) {
    const html = marked(content)
    await Print.printAsync({ html: html})
}

export async function exportPdfFile(filename, content) {
    const html = marked(content)
    console.log(html);

    await FileSystem.makeDirectoryAsync(cacheDirectoryUri, { intermediates: true })
        .then(e => {
        }).catch(err => {
            console.error(err);
        })

    const pdf = await Print.printToFileAsync({ html: html})
    const shareUrl = await FileSystem.getContentUriAsync(pdf.uri)

    Share.share({ url: shareUrl })
        .then(e => {
        }).catch(err => {
            console.error(err);
        })
}

Unable to resolve module util from /home/mymai/snil_Markdown_TextEditor/node_modules/archiver/lib/plugins/json.js: util could not be found within the project.

Unable to resolve module zlib from /home/mymai/snil_Markdown_TextEditor/node_modules/archiver/lib/plugins/tar.js: zlib could not be found within the project.

Unable to resolve module fs from /home/mymai/snil_Markdown_TextEditor/node_modules/archiver/lib/core.js: fs could not be found within the project.