ft: notebook for vscode (#365)

* ft: vscode

* chore: vscode

* chore: mv vscode

* chore: vscode

* chore: vscode vsix

* vscode: icon

* fix: build

* lint

* fix: readonly

* lint

* lint

* Automatic application of license header

* docs: vscode

* docs: vscode

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: echarles

.gitignore

@@ -25,6 +25,8 @@ coverage
 typedoc
 storybook-static
 
+**/*.vsix
+
 *.exclude.*
 
 yarn.lock

Makefile

@@ -57,7 +57,7 @@ install: ## install npm dependencies
 	($(CONDA_ACTIVATE) ${ENV_NAME}; \
 		npm )
 
-start-jupyter-server: ## start the jupyter server
+jupyter-server: ## start the jupyter server
 	($(CONDA_ACTIVATE) ${ENV_NAME}; \
 		./dev/sh/kill.sh || true )
 	($(CONDA_ACTIVATE) ${ENV_NAME}; \

docs/Makefile

@@ -2,9 +2,6 @@
 #
 # MIT License
 
-# Copyright (c) Datalayer, Inc. https://datalayer.io
-# Distributed under the terms of the MIT License.
-
 SHELL=/bin/bash
 
 .DEFAULT_GOAL := default

docs/docs/about/index.mdx

@@ -46,8 +46,8 @@ Host application <- Redux State <- Jupyter UI <- JupyterLab Signals
 ```
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-communication.png"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-communication.png"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-communication.png"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-communication.png"
   alt="Jupyter UI Communication"
 />
 
@@ -60,8 +60,8 @@ You can find more context reading this [abstract](https://fosdem.org/2022/schedu
 The below image shows a gallery of the available React.js components ready to be used in you custom application. These open source components are used to build the [Datalayer SaaS, a collaborative platform for data analysis](https://datalayer.io).
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-gallery.gif"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-gallery.gif"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-gallery.gif"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-gallery.gif"
   alt="Jupyter UI Gallery"
 />
 

docs/docs/components/index.mdx

@@ -6,16 +6,16 @@ import ModalImage from "react-modal-image";
 As a React.js developer, you just write a few lines of code get a live notebook or live cell in your application.
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-snippet.png"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-snippet.png"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-snippet.png"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-snippet.png"
   alt="Jupyter UI Snippet"
 />
 
 Jupyter UI can be used in any React.js application with the `@datalayer/jupyter-react` npm package.
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-notebook.png"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-notebook.png"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-notebook.png"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-notebook.png"
   alt="Jupyter UI Notebook"
 />
 

docs/docs/components/notebook/index.mdx

@@ -11,8 +11,8 @@ import ModalImage from "react-modal-image";
 The below picture is an example of Notebook into a React.js component.
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-notebook.png"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-notebook.png"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-notebook.png"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-notebook.png"
   alt="Jupyter UI Notebook"
 />
 

docs/docs/deployments/aws-amplify/index.mdx

@@ -1,7 +1,3 @@
----
-description: AWS Amplify setup.
----
-
 import ModalImage from "react-modal-image";
 
 # AWS Amplify 

docs/docs/integrations/docusaurus/index.mdx

@@ -11,7 +11,7 @@ We maintain a [plugin](https://docusaurus.io/docs/next/using-plugins) for [Docus
 An example with [Docusaurus](https://docusaurus.io) is available in this [repository folder](https://github.com/datalayer/jupyter-ui/tree/main/examples/docusaurus) and you can try it [online on this page](/docs/demos/cell).
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-docusaurus.png"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-docusaurus.png"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-docusaurus.png"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-docusaurus.png"
   alt="Jupyter UI Docusaurus"
 />

docs/docs/integrations/next-js/index.mdx

@@ -75,7 +75,7 @@ We have seen that Jupyter React components places in the main tag of the default
 For now, please place you components outside of the main Next.js CSS.
 
 <ModalImage
-  small="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-nextjs.png"
-  large="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-nextjs.png"
+  small="https://jupyter-examples.datalayer.tech/jupyter-react-nextjs.png"
+  large="https://jupyter-examples.datalayer.tech/jupyter-react-nextjs.png"
   alt="Jupyter UI Next.js"
 />

docs/docs/integrations/vscode/_category_.yml

@@ -0,0 +1,2 @@
+label: "VS Code"
+position: 6