heyaphra

// context/Consumer.js

import React, { Children, cloneElement } from 'react';
import { Context } from './';

class Consumer extends React.Component {
    render() {
        const { children } = this.props;
        return (
            <Context.Consumer>

heyaphra

// context/connect.js

import React from 'react';
import { Consumer } from './';

const connect = (Comp) => (
    (props) => (
        <Consumer>
            <Comp {...props} />
        </Consumer>

heyaphra

// views/Home.js

import React, { Component } from "react";
import { MyComponent } from "../../components"
import { connect } from "../../context";

const Home = connect(
  class extends Component {
    render() {
      const {

heyaphra

// App.js

import React from "react";
import { Provider } from "./context";
import { Router } from "./router";

export default () => (
  <Provider>
    <Router />
  </Provider>

heyaphra

import React from "react";
import { Provider } from "./context";
import { Router } from "./router";

export default () => (
  <Provider>
    <Router />
  </Provider>
);

heyaphra

Keybase proof

I hereby claim:

• I am spidercatnat on github.
• I am spidercatnat (https://keybase.io/spidercatnat) on keybase.
• I have a public key ASD5R9F7YYqCrmyiEfLKleTmOpe2QcZIcpfXxPw3c59-ngo

To claim this, I am signing this object:

heyaphra

{
  "name": "tf-js",
  "version": "1.0.0",
  "main": "script.js",
  "license": "MIT",
  "dependencies": {
    "@tensorflow-models/mobilenet": "^0.2.2",
    "@tensorflow/tfjs": "^0.12.3",
    "@tensorflow/tfjs-node": "^0.1.9",
    "jpeg-js": "^0.3.4"

heyaphra

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Menu, Dropdown, Icon, Button } from 'antd';
import { Bypasser, onePoleFilter, noiseGenerator, bitCrusher } from './Demos'

class App extends Component {
  constructor() {
    super();
    this.state = {

heyaphra

 /* loadModule: given a module's name, adds it to the audioWorklet */
  async loadModule() {
    const { state, actx } = this;   
    try {
      await actx.audioWorklet.addModule(`worklet/${state.processor.name}.js`);
      this.setState({moduleLoaded: true, status: null})
      console.log(`loaded module ${state.processor.name}`);
    } catch(e) {
      this.setState({moduleLoaded: false})
      console.log(`Failed to load module ${state.processor.name}`);

heyaphra

/**
 * Copyright 2018 Google Inc. All Rights Reserved.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,