Installation
-- Install .NET Core SDK to - your system. -
-
-
+
+
+
+
+ ;
+
+export default Dotnet;
diff --git a/components/kernels/julia.js b/components/kernels/julia.js
index 34c0f944..a3d4d56f 100644
--- a/components/kernels/julia.js
+++ b/components/kernels/julia.js
@@ -15,39 +15,39 @@ julia> Pkg.update("IJulia")
julia> using IJulia
julia> IJulia.installkernel("Julia nteract")`;
-export default () => (
-
-
-
-
-
- {install}
-
-
- {installKernelSpecs}
-
- The .NET kernel supports C#, F# and Powershell languages
-
+const Dotnet = () => First, install the .NET Core SDK 3.1. Then use the command line tool to install the global tool.
-Install the .NET interactive kernel from the command line.
-Installation
++ Install .NET Core SDK to + your system. +
+
+
+
+
+ {install}
+
+
+ {installKernelSpecs}
+
+ The .NET kernel supports C#, F# and Powershell languages
-
-
-
-);
+ First, install the .NET Core SDK 3.1. Then use the command line tool to install the global tool.
+Install the .NET interactive kernel from the command line.
+Installation
-
-
+
+
+
+
+ ;
+
+export default Julia;
diff --git a/components/kernels/kernel.js b/components/kernels/kernel.js
index 11c5e9c7..b5d2cd96 100644
--- a/components/kernels/kernel.js
+++ b/components/kernels/kernel.js
@@ -16,36 +16,36 @@ export type KernelProps = {
children: React.Node
};
-export default (props: KernelProps) => (
-
-
-
-
-
-
- {install}
-
-
- {updateKernel}
-
-
+const Julia = () => - Install Julia to - your system. -
-To install the IJulia kernel
-To update and reinstall the IJulia kernel
-Perform the same steps as installing the IJulia - and perform the update and install kernel steps. -
-- Refer to the IJulia documentation for additional commands. -
-Installation
+
+
+
+
+ {install}
+
+
+ {updateKernel}
+
+
-
-
-
-);
+ + Install Julia to + your system. +
+To install the IJulia kernel
+To update and reinstall the IJulia kernel
+Perform the same steps as installing the IJulia + and perform the update and install kernel steps. +
++ Refer to the IJulia documentation for additional commands. +
-
-
-
-
-
- 
-
- {props.displayName}
-
-
-
-
- {`GitHub Repository`}
- {" "}
-
- Installation Docs
-
-
-
-
-
+
+
+
-
-);
+
-
-
-
{props.children}
+const KernelComponent = (props: KernelProps) =>
+
+
-
+
+
+
+ {props.displayName}
+
+
+
+ {`GitHub Repository`}
+ {" "}
+
+ Installation Docs
+
+
+
+
+
+
+
+;
+
+export default KernelComponent;
diff --git a/components/kernels/kotlin.js b/components/kernels/kotlin.js
index d28f0e81..c47ea821 100644
--- a/components/kernels/kotlin.js
+++ b/components/kernels/kotlin.js
@@ -33,59 +33,59 @@ cd kotlin-jupyter
./gradlew install # run Gradle task that will install Kernel. Python is not needed
`
-export default () => (
- {props.children}
+ Installation
-- Kotlin kernel can be installed with conda, PyPi or from sources. -
-
-
+
+
+
-
- {condaInstall}
-
-
- Using conda
-
-
- {pipInstallLinux}
-
-
- Using Python3 with pip and a virtual environment on macOS and Linux
-
-
- {pipInstallWindows}
-
-
- Using Python3 with pip and a virtual environment on Windows
-
-
- {sourcesInstall}
-
-
+const Kotlin = () => From sources globally
-Installation
++ Kotlin kernel can be installed with conda, PyPi or from sources. +
+
+
-
-
-
+
+ {condaInstall}
+
- Using conda
+- Alternatively, you may wish to install the Kotlin kernel - globally on your system. This enables you to use the Kotlin kernel - without creating a virtual environment. -
-
-
+
-
- {pipGlobalInstall}
-
-
+ Using Python3 globally (without a virtual environment)
-
+
+ {pipInstallLinux}
+
-
-
-
-);
+ Using Python3 with pip and a virtual environment on macOS and Linux
+
+
+ {pipInstallWindows}
+
+
+ Using Python3 with pip and a virtual environment on Windows
+
+
+ {sourcesInstall}
+
+
+ From sources globally
++ Alternatively, you may wish to install the Kotlin kernel + globally on your system. This enables you to use the Kotlin kernel + without creating a virtual environment. +
+
+
+
+
+;
+
+export default Kotlin;
diff --git a/components/kernels/node.js b/components/kernels/node.js
index 3d064527..87831148 100644
--- a/components/kernels/node.js
+++ b/components/kernels/node.js
@@ -11,35 +11,35 @@ const install = `
npm install -g ijavascript
ijsinstall`;
-export default () => (
-
+
+ {pipGlobalInstall}
+
+
+ Using Python3 globally (without a virtual environment)
+Installation
-- nteract includes a bundled Node.js kernel. You may begin working with it after starting the nteract app. -
-
-
+
+
+
+
+ ;
+
+export default Node;
diff --git a/components/kernels/page-header.js b/components/kernels/page-header.js
index 379ab4e4..72a3a477 100644
--- a/components/kernels/page-header.js
+++ b/components/kernels/page-header.js
@@ -1,17 +1,17 @@
import Head from "next/head";
import { PageHeader } from "../page-header";
-export default themeColor => (
-
-
- Kernels
-
-
-);
+const PageHeaderComponent = themeColor =>
+
+ Kernels
+
+ ;
+
+export default PageHeaderComponent;
diff --git a/components/kernels/python.js b/components/kernels/python.js
index 30390916..35ba5263 100644
--- a/components/kernels/python.js
+++ b/components/kernels/python.js
@@ -28,56 +28,56 @@ conda activate my_conda
conda install ipykernel # install Python kernel (ipykernel) into the conda environment
python -m ipykernel install # install python kernel into nteract's available kernel list`;
-export default () => (
-
-
-
-
-
- {install}
-
-
+const Node = () => Use nteract's node.js kernel
-- From the nteract app's Runtime menu, select the - Node nteract kernel. You should see an indicator - in the bottom left that displays the kernel as node. -
-Installing the ijavascript kernel
-If you wish to explore another Javascript kernel, you may install ijavascript from the terminal.
-Installation
++ nteract includes a bundled Node.js kernel. You may begin working with it after starting the nteract app. +
+
+
+
+
+ {install}
+
-
-
-
-);
+ Use nteract's node.js kernel
++ From the nteract app's Runtime menu, select the + Node nteract kernel. You should see an indicator + in the bottom left that displays the kernel as node. +
+Installing the ijavascript kernel
+If you wish to explore another Javascript kernel, you may install ijavascript from the terminal.
+- Kernels connect your favorite languages to nteract projects for an - improved REPL experience. nteract looks for installed kernels in - your local python/pip or conda environment. More detailed instructions - for various kernels can be found below. -
-+ Kernels connect your favorite languages to nteract projects for an + improved REPL experience. nteract looks for installed kernels in + your local python/pip or conda environment. More detailed instructions + for various kernels can be found below. +
+Installation
-- To use Python in nteract, a Python kernel, ipykernel, is added to an - environment, such as a virtual environment or conda environment. - Installing ipykernel into your environment will add Python to your - available kernels' list in nteract. -
-
-
+
+
+
-
- {condaInstall}
-
-
- Using conda
-
-
- {pipInstallLinux}
-
-
- Using Python3 with pip and a virtual environment on macOS and Linux
-
-
- {pipInstallWindows}
-
-
+const Python = () => Using Python3 with pip and a virtual environment on Windows
-Installation
++ To use Python in nteract, a Python kernel, ipykernel, is added to an + environment, such as a virtual environment or conda environment. + Installing ipykernel into your environment will add Python to your + available kernels' list in nteract. +
+
+
-
-
-
+
+ {condaInstall}
+
- Using conda
+- Alternatively, you may wish to install the Python kernel, ipykernel, - globally on your system. This enables you to use the Python kernel - without creating a virtual environment. -
-
-
+
-
- {pipGlobalInstall}
-
-
+ Using Python3 globally (without a virtual environment)
-
+
+ {pipInstallLinux}
+
-
-
-
-);
+ Using Python3 with pip and a virtual environment on macOS and Linux
+
+
+ {pipInstallWindows}
+
+
+ Using Python3 with pip and a virtual environment on Windows
++ Alternatively, you may wish to install the Python kernel, ipykernel, + globally on your system. This enables you to use the Python kernel + without creating a virtual environment. +
+
+
+
+
+;
+
+export default Python;
diff --git a/components/kernels/scala.js b/components/kernels/scala.js
index d6459a2b..dfb9f6f1 100644
--- a/components/kernels/scala.js
+++ b/components/kernels/scala.js
@@ -15,35 +15,35 @@ coursier bootstrap \\
./almond --install
`;
-export default () => (
-
+
+ {pipGlobalInstall}
+
+
+ Using Python3 globally (without a virtual environment)
+Installation
-- Install{" "} - - Scala - {" "} - to your system. -
-
-
+
+
+
+
+ ;
+
+export default Scala;
diff --git a/components/layout/index.js b/components/layout/index.js
index 68ad8626..b54bda2c 100644
--- a/components/layout/index.js
+++ b/components/layout/index.js
@@ -3,7 +3,8 @@ import Head from "../head";
import { StyledLayout, StyledPage } from "./styled";
import { Header } from "../header";
import { Footer } from "../footer";
-export default ({ pageTitle, themeColor, children }) => {
+
+const Index = ({ pageTitle, themeColor, children }) => {
return (
@@ -11,3 +12,5 @@ export default ({ pageTitle, themeColor, children }) => {
);
};
+
+export default Index;
diff --git a/components/navigation/navigation-left.js b/components/navigation/navigation-left.js
index 39178e0c..6934d958 100644
--- a/components/navigation/navigation-left.js
+++ b/components/navigation/navigation-left.js
@@ -4,21 +4,21 @@ import Link from "next/link";
// $FlowFixMe
import styles from "./navigation.scss";
-export default () => (
-
-);
+const NavigationLeft = () => ;
+
+export default NavigationLeft;
diff --git a/components/navigation/navigation-right.js b/components/navigation/navigation-right.js
index 20efb752..5f11ea6c 100644
--- a/components/navigation/navigation-right.js
+++ b/components/navigation/navigation-right.js
@@ -2,19 +2,19 @@
import * as React from "react";
import Link from "next/link";
-export default () => (
-
-);
+const NavigationRight = () => ;
+
+export default NavigationRight;
diff --git a/components/navigation/social-buttons.js b/components/navigation/social-buttons.js
index 42fb6c6f..7374bfb2 100644
--- a/components/navigation/social-buttons.js
+++ b/components/navigation/social-buttons.js
@@ -68,13 +68,13 @@ export const TwitterButton = () => (
);
-export default () => (
- >;
declare export var Main: Class>;
+ declare export var Html: Class>;
declare export var NextScript: Class>;
declare export default Class> & {
getInitialProps: (ctx: Context) => Promise<*>,
diff --git a/next.config.js b/next.config.js
index f27e2ba8..72fd7b11 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,12 +1,14 @@
const webpack = require("./webpack.config");
module.exports = {
- webpack: (config, { dev }) => {
+ webpack: (config, { }) => {
config.resolve.alias = {
...config.resolve.alias,
...webpack.resolve.alias
};
return config;
},
- target: "serverless"
+ compiler: {
+ styledComponents: true
+ }
};
diff --git a/package.json b/package.json
index 0371b5d5..02cc5717 100644
--- a/package.json
+++ b/package.json
@@ -10,13 +10,13 @@
"express": "4.18.1",
"isomorphic-fetch": "3.0.0",
"mdi-react": "8.4.0",
- "next": "8.1.0",
+ "next": "11.1.4",
"polished": "4.2.2",
"react": "18.1.0",
"react-dom": "18.1.0",
"react-fns": "1.4.0",
"react-syntax-highlighter": "9.0.1",
- "styled-components": "5.3.5"
+ "styled-components": "^6.1.8"
},
"devDependencies": {
"babel-plugin-styled-components": "2.0.7",
diff --git a/pages/_app.js b/pages/_app.js
index e1952165..a1102d4e 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,5 +1,5 @@
// @flow
-import App, { Container } from "next/app";
+import App from "next/app";
import React from "react";
import * as gtag from "../gtag";
import Router from "next/router";
@@ -37,7 +37,6 @@ class MyApp extends App {
const { Component, pageProps } = this.props;
return (
-
{size => (
<>
@@ -50,7 +49,6 @@ class MyApp extends App {
)}
-
);
}
diff --git a/pages/_document.js b/pages/_document.js
index b9d39589..66b437fd 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -1,6 +1,6 @@
// @flow
import * as React from "react";
-import Document, { Head, Main, NextScript } from "next/document";
+import Document, { Head, Html, Main, NextScript } from "next/document";
import styled, { ServerStyleSheet } from "styled-components";
import { GA_TRACKING_ID } from '../gtag'
import type { Context } from "next";
@@ -19,7 +19,7 @@ export default class MyDocument extends Document {
render() {
return (
-
+
{this.props.styleTags}
{/* Global Site Tag (gtag.js) - Google Analytics */}
@@ -44,7 +44,7 @@ export default class MyDocument extends Document {
-
- {install}
-
-
+const Scala = () => - From the command line, install the almond (formerly jupyter-scala) - kernel -
-Installation
++ Install{" "} + + Scala + {" "} + to your system. +
+
+
+
+
+ {install}
+
-
-
-
-);
+ + From the command line, install the almond (formerly jupyter-scala) + kernel +
+
-
-);
+const SocialButtons = () =>
+
;
+
+export default SocialButtons;
diff --git a/flow-typed/npm/next_v7.x.x.js b/flow-typed/npm/next_v7.x.x.js
index d4b436f9..586b5f6d 100644
--- a/flow-typed/npm/next_v7.x.x.js
+++ b/flow-typed/npm/next_v7.x.x.js
@@ -153,6 +153,7 @@ declare module "next/document" {
declare export var Head: Class