feat: text resource renderer

packages/core/src/client/index.js

@@ -1,6 +1,7 @@
 import flatten from 'lodash.flatten';
 
 import BinaryRenderer from '../binary-renderer';
+import TextResourceRenderer from '../text-renderer';
 
 export default {
   hooks: {
@@ -12,5 +13,8 @@ export default {
       };
       latus.set('%resource-renderers', Renderer);
     },
+    '@persea/core/resource-renderers': () => [
+      TextResourceRenderer,
+    ],
   },
 };

packages/core/src/text-renderer/index.jsx

@@ -0,0 +1,27 @@
+import './index.scss';
+
+import {PropTypes, React} from '@latus/react';
+
+const TextRendererComponent = ({buffer}) => (
+  <div className="text-renderer">{buffer.toString()}</div>
+);
+
+TextRendererComponent.propTypes = {
+  buffer: PropTypes.shape({
+    toString: PropTypes.func,
+  }).isRequired,
+};
+
+export default class TextResourceRenderer {
+
+  static Component({buffer}) {
+    return (
+      <TextRendererComponent buffer={buffer} />
+    );
+  }
+
+  static get matcher() {
+    return /\.txt$/;
+  }
+
+}

packages/core/src/text-renderer/index.scss

@@ -0,0 +1,3 @@
+.text-renderer {
+  font-family: monospace;
+}