Merge pull request #530 from nteract/safia/update-node

Update node and next.js
nteract · Feb 21, 2024 · 46c6154 · 46c6154
2 parents 3297118 + ca0788b
commit 46c6154
Show file tree

Hide file tree

Showing 24 changed files with 17,399 additions and 20,290 deletions.
diff --git a/.github/workflows/ci-workflow.yml b/.github/workflows/ci-workflow.yml
@@ -5,9 +5,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
-          node-version: '14'
+          node-version: '18'
       - run: yarn
-      - run: yarn build
+      - run: NODE_OPTIONS=--openssl-legacy-provider yarn build
       - run: yarn flow
diff --git a/components/button/styled/index.js b/components/button/styled/index.js
@@ -66,7 +66,7 @@ const StyledButton = styled.a.attrs({
   ${sif("active")(css`
     background-color: ${colors.darkPrimaryColor};
   `)}
-  ${StyledButton}:not(:first-child) {
+  &:not(:first-child) {
     margin-left: 12px;
   }
 `;

diff --git a/components/demo-video/index.js b/components/demo-video/index.js
@@ -1,12 +1,12 @@
-export default () => (
-  <video
-    poster="/static/nteract_app_demo@2x.png"
-    preload="auto"
-    autoPlay
-    muted
-    loop="loop"
-  >
-    <source src="/static/nteract_app_demo@2x.mp4" type="video/mp4" />
-    <source src="/static/nteract_app_demo@2x.webm" type="video/webm" />
-  </video>
-);
+const Index = () => <video
+  poster="/static/nteract_app_demo@2x.png"
+  preload="auto"
+  autoPlay
+  muted
+  loop="loop"
+>
+  <source src="/static/nteract_app_demo@2x.mp4" type="video/mp4" />
+  <source src="/static/nteract_app_demo@2x.webm" type="video/webm" />
+</video>;
+
+export default Index;
diff --git a/components/head/index.js b/components/head/index.js
@@ -6,142 +6,144 @@ type HeadProps = {
   themeColor: string
 };
 
-export default ({
-  pageTitle = ":  write your next code-driven story.",
-  themeColor = "#334865"
-}: HeadProps) => (
-  <Head>
-    <title>
-      nteract
-      {pageTitle}
-    </title>
-    <meta charSet="utf-8" />
-    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
-    <link rel="canonical" href="https://nteract.io/" />
-    <link rel="author" href="humans.txt" />
+const Index = (
+  {
+    pageTitle = ":  write your next code-driven story.",
+    themeColor = "#334865"
+  }: HeadProps
+) => <Head>
+  <title>
+    nteract
+    {pageTitle}
+  </title>
+  <meta charSet="utf-8" />
+  <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+  <link rel="canonical" href="https://nteract.io/" />
+  <link rel="author" href="humans.txt" />
 
-    <link rel="dns-prefetch" href="//nteract.io/" />
+  <link rel="dns-prefetch" href="//nteract.io/" />
 
-    <link
-      rel="apple-touch-icon"
-      sizes="57x57"
-      href="/static/icons/apple-icon-57x57.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="60x60"
-      href="/static/icons/apple-icon-60x60.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="72x72"
-      href="/static/icons/apple-icon-72x72.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="76x76"
-      href="/static/icons/apple-icon-76x76.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="114x114"
-      href="/static/icons/apple-icon-114x114.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="120x120"
-      href="/static/icons/apple-icon-120x120.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="144x144"
-      href="/static/icons/apple-icon-144x144.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="152x152"
-      href="/static/icons/apple-icon-152x152.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="/static/icons/apple-icon-180x180.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="192x192"
-      href="/static/icons/android-icon-192x192.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="/static/icons/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="96x96"
-      href="/static/icons/favicon-96x96.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="/static/icons/favicon-16x16.png"
-    />
-    <link rel="manifest" href="/static/icons/manifest.json" />
-    <meta name="msapplication-TileColor" content="#334865" />
-    <meta
-      name="msapplication-TileImage"
-      content="/static/icons/ms-icon-144x144.png"
-    />
-    <meta name="theme-color" content="#334865" />
-    <link rel="shortcut icon" href="/static/icons/favicon.ico" />
+  <link
+    rel="apple-touch-icon"
+    sizes="57x57"
+    href="/static/icons/apple-icon-57x57.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="60x60"
+    href="/static/icons/apple-icon-60x60.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="72x72"
+    href="/static/icons/apple-icon-72x72.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="76x76"
+    href="/static/icons/apple-icon-76x76.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="114x114"
+    href="/static/icons/apple-icon-114x114.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="120x120"
+    href="/static/icons/apple-icon-120x120.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="144x144"
+    href="/static/icons/apple-icon-144x144.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="152x152"
+    href="/static/icons/apple-icon-152x152.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    sizes="180x180"
+    href="/static/icons/apple-icon-180x180.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="192x192"
+    href="/static/icons/android-icon-192x192.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="32x32"
+    href="/static/icons/favicon-32x32.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="96x96"
+    href="/static/icons/favicon-96x96.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="16x16"
+    href="/static/icons/favicon-16x16.png"
+  />
+  <link rel="manifest" href="/static/icons/manifest.json" />
+  <meta name="msapplication-TileColor" content="#334865" />
+  <meta
+    name="msapplication-TileImage"
+    content="/static/icons/ms-icon-144x144.png"
+  />
+  <meta name="theme-color" content="#334865" />
+  <link rel="shortcut icon" href="/static/icons/favicon.ico" />
 
-    <link rel="preconnect" href="https://nteract.io/" />
-    <link rel="prefetch" href="https://nteract.io/" />
-    <link rel="prerender" href="https://nteract.io/" />
+  <link rel="preconnect" href="https://nteract.io/" />
+  <link rel="prefetch" href="https://nteract.io/" />
+  <link rel="prerender" href="https://nteract.io/" />
 
-    <meta
-      name="description"
-      content="nteract is an open source organization committed to building the future of interactive computing."
-    />
-    <meta name="robots" content="index,follow,noodp" />
-    <meta name="googlebot" content="index,follow" />
-    <meta name="url" content="https://nteract.io/" />
-    <meta name="coverage" content="Worldwide" />
-    <meta name="rating" content="General" />
-    <meta name="format-detection" content="telephone=no" />
+  <meta
+    name="description"
+    content="nteract is an open source organization committed to building the future of interactive computing."
+  />
+  <meta name="robots" content="index,follow,noodp" />
+  <meta name="googlebot" content="index,follow" />
+  <meta name="url" content="https://nteract.io/" />
+  <meta name="coverage" content="Worldwide" />
+  <meta name="rating" content="General" />
+  <meta name="format-detection" content="telephone=no" />
 
-    <meta property="og:url" content="https://nteract.io/" />
-    <meta property="og:type" content="website" />
-    <meta
-      property="og:title"
-      content="Take your computing experience to the next level."
-    />
-    <meta property="og:image" content="/static/opengraph.png" />
-    <meta
-      property="og:description"
-      content="nteract is a desktop application that allows you to develop rich documents that contain prose, executable code, and images."
-    />
-    <meta property="og:site_name" content="nteract" />
-    <meta property="og:locale" content="en_US" />
+  <meta property="og:url" content="https://nteract.io/" />
+  <meta property="og:type" content="website" />
+  <meta
+    property="og:title"
+    content="Take your computing experience to the next level."
+  />
+  <meta property="og:image" content="/static/opengraph.png" />
+  <meta
+    property="og:description"
+    content="nteract is a desktop application that allows you to develop rich documents that contain prose, executable code, and images."
+  />
+  <meta property="og:site_name" content="nteract" />
+  <meta property="og:locale" content="en_US" />
 
-    <meta
-      name="twitter:card"
-      content="Take your computing experience to the next level."
-    />
-    <meta name="twitter:site" content="@nteract" />
-    <meta name="twitter:url" content="https://nteract.io/" />
-    <meta name="twitter:title" content="nteract" />
-    <meta
-      name="twitter:description"
-      content="nteract is a desktop application that allows you to develop rich documents that contain prose, executable code, and images."
-    />
-    <meta name="twitter:image" content="/static/opengraph.png" />
+  <meta
+    name="twitter:card"
+    content="Take your computing experience to the next level."
+  />
+  <meta name="twitter:site" content="@nteract" />
+  <meta name="twitter:url" content="https://nteract.io/" />
+  <meta name="twitter:title" content="nteract" />
+  <meta
+    name="twitter:description"
+    content="nteract is a desktop application that allows you to develop rich documents that contain prose, executable code, and images."
+  />
+  <meta name="twitter:image" content="/static/opengraph.png" />
 
-    <meta name="theme-color" content={themeColor} />
-  </Head>
-);
+  <meta name="theme-color" content={themeColor} />
+</Head>;
+
+export default Index;