OPFS Explorer

OPFS Explorer is a web component that can be embed in a web application to explorer the Origin Private File System.

Install

npm config set @mickaelvieira:registry https://npm.pkg.github.com

yarn add @mickaelvieira/opfs-explorer

or

npm -i @mickaelvieira/opfs-explorer

Usage

Import the Web component in your script.

import '@mickaelvieira/opfs-explorer/index.js';

Add it to the DOM

<opfs-explorer></opfs-explorer>

You can customize the styling.

opfs-explorer {
  --opfs-font-family: Arial;
  --opfs-font-size: 0.8rem;
  --opfs-color-background: black;
  --opfs-color-border: gray;
  --opfs-color-primary: blue;
  --opfs-color-text: red;
  max-height: 200px;
}

opfs-explorer::part(breadcrumb) {
  display: none;
}

opfs-explorer::part(table) {
  border: 2px solid blue;
}

opfs-explorer::part(statistics) {
  display: none;
}

Examples

yarn examples