Paolo Moretti moretti

## MediaSync.tsx
import { useMediaRemote } from '@vidstack/react';
import { FunctionComponent, useEffect } from 'react';

import { useMediaSyncContext } from './MediaSyncContext';

// Workaround until https://github.com/vidstack/player/issues/756 is fixed.
// Re-implements the single playback functionality, so that only one video
// can play at any given moment
const MediaSync: FunctionComponent = () => {
  const mediaRemote = useMediaRemote();

## App.js
import React, { useState } from 'react';
import {
  Dimensions,
  FlatList,
  SafeAreaView,
  ScrollView,
  Text,
  View,
} from 'react-native';
import { TabView, SceneMap } from 'react-native-tab-view';

## cloudSettings
{"lastUpload":"2019-07-24T14:08:29.906Z","extensionVersion":"v3.4.1"}

## canvas.react.js
class CanvasComponent extends React.Component {
    componentDidMount() {
        this.updateCanvas();
    }
    updateCanvas() {
        const ctx = this.refs.canvas.getContext('2d');
        ctx.fillRect(0,0, 100, 100);
    }
    render() {
        return (

## graphql.html
<!DOCTYPE html>
<html>
  <head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/fetch/0.9.0/fetch.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/graphiql/0.3.1/graphiql.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/graphiql/0.3.1/graphiql.min.css" />
  </head>
  <body>
    Loading...

## webpack-pre-css-loader.js
var path = require('path');

/**
 * CSS transform dependencies
 */

var autoprefixer = require('autoprefixer-core');
var calc = require('rework-calc');
var color = require('rework-color-function');
var conformance = require('rework-suit-conformance');

## Euler 14
#include <stdio.h>

int collatz_len(unsigned long n) {
  int c = 0;
  while (n != 1) {
    if (n % 2 == 1) {
      n = 3 * n + 1;
    } else {
      n /= 2;
    }

## hangman
import random

HANGMANPICS = ["""
  +---+
  |   |
      |
      |
      |
      |
=========""", """
	import { useMediaRemote } from '@vidstack/react';
	import { FunctionComponent, useEffect } from 'react';

	import { useMediaSyncContext } from './MediaSyncContext';

	// Workaround until https://github.com/vidstack/player/issues/756 is fixed.
	// Re-implements the single playback functionality, so that only one video
	// can play at any given moment
	const MediaSync: FunctionComponent = () => {
	const mediaRemote = useMediaRemote();
	import React, { useState } from 'react';
	import {
	Dimensions,
	FlatList,
	SafeAreaView,
	ScrollView,
	Text,
	View,
	} from 'react-native';
	import { TabView, SceneMap } from 'react-native-tab-view';
	class CanvasComponent extends React.Component {
	componentDidMount() {
	this.updateCanvas();
	}
	updateCanvas() {
	const ctx = this.refs.canvas.getContext('2d');
	ctx.fillRect(0,0, 100, 100);
	}
	render() {
	return (
	<!DOCTYPE html>
	<html>
	<head>
	<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/fetch/0.9.0/fetch.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/graphiql/0.3.1/graphiql.min.js"></script>
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/graphiql/0.3.1/graphiql.min.css" />
	</head>
	<body>
	Loading...
	var path = require('path');

	/**
	* CSS transform dependencies
	*/

	var autoprefixer = require('autoprefixer-core');
	var calc = require('rework-calc');
	var color = require('rework-color-function');
	var conformance = require('rework-suit-conformance');
	#include <stdio.h>

	int collatz_len(unsigned long n) {
	int c = 0;
	while (n != 1) {
	if (n % 2 == 1) {
	n = 3 * n + 1;
	} else {
	n /= 2;
	}
	import random

	HANGMANPICS = ["""
	+---+
	\| \|
	\|
	\|
	\|
	\|
	=========""", """