create-nteract-app - npm Package Compare versions

Comparing version 0.3.6 to 0.3.7

package.json

		{
		"name": "create-nteract-app",
		"version": "0.3.6",
		"version": "0.3.7",
		"description": "create an nteractive computing app!",
		@@ -5,0 +5,0 @@ "repository": {

src/template/pages/index.js

		@@ -0,1 +1,6 @@
		import * as React from "react";

		import PresentationCell from "../components/presentation-cell";
		import CodeState from "../components/code-state";

		import { Kernel } from "@mybinder/host-cache";
		@@ -5,19 +10,21 @@ import { CodeArea } from "../components/code-area";

		const myCode = `import pandas as pd
		import numpy as np
		df = pd.DataFrame(np.random.random((100,10)))
		df.head()
		`;

		const Index = () => {
		return (
		<div className="app">
		<center>
		<WideLogo height={80} theme="light" />
		<br />
		Welcome to nteract!
		<br />
		To get started, edit <code>pages/index.js</code>.
		</center>
		<hr />
		<header>
		<WideLogo height={40} theme="light" />

		<p>
		This <i>nteraction</i> brought to you in part by binder, jupyter, and
		nteract.
		</p>
		<p>
		A binder server is being launched in the background now. You'll see a
		cell below when its ready.
		</p>
		<p>
		To get started, edit <code>pages/index.js</code>.
		</p>
		</header>

		<Kernel repo="binder-examples/requirements" kernelName="python3">
		@@ -27,5 +34,7 @@ <Kernel.Consumer>
		kernel ? (
		<CodeArea kernel={kernel}>{myCode}</CodeArea>
		<CodeState kernel={kernel}>
		<PresentationCell key={"the-cell"} />
		</CodeState>
		) : (
		<pre>Loading...</pre>
		<PresentationCell key={"the-cell"} />
		)
		@@ -38,3 +47,15 @@ }
		padding: 30px;
		font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial,
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		}

		header {
		font-size: 1em;
		padding-bottom: 20px;
		}
		code {
		font-size: 1.3em;
		background-color: hsl(10, 0%, 90%);
		padding: 2px;
		}
		`}</style>
		@@ -41,0 +62,0 @@ </div>

src/template/components/code-area.js

src/template/pages/cell.js

New alerts