Comments (5)
@jinhojang6 could you take a look at this and see what options we have. Is there a Docusaurus plugin or shall we use libraries like react-jupiter?
- what are the option for python
- what options and approach we can have for a wider range of environments and languages
from logos-docusaurus-plugins.
@amirhouieh Sure thing, let me look into it
from logos-docusaurus-plugins.
Recommended options for Python
Need to use .devcontainer
based on the guideline
The [Jupyter UI](https://github.com/datalayer/jupyter-ui) repository ships the needed .devcontainer folder to develop from [VS Code devcontainers](https://code.visualstudio.com/docs/devcontainers/containers).
Just click on the bottom-left blue icon in your VS Code and select Reopen in container...
Docusaurus example
- Had to run yarn add @datalayer/jupyter-docusaurus-plugin before this step
yarn install &&
echo open http://localhost:3000/docs/intro && \
yarn start
- (Simple) Jupyter Light as an iframe
<iframe
src="https://jupyterlite.github.io/demo/repl/index.html?kernel=python&toolbar=1"
width="100%"
height="500px"
>
</iframe>
from logos-docusaurus-plugins.
Options for a wider range of environments and languages:
Additional research in progress
from logos-docusaurus-plugins.
Recommended open source options for general environments
- Using Judge0 as the backend, and judge0 IDE as an iframe (or build our own frotend)
![스크린샷 2023-09-12 오후 11 17 54](https://private-user-images.githubusercontent.com/41753422/267359947-e84b9ec1-ce9d-4cc9-856c-00a1a709c97f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzOTEwNzMsIm5iZiI6MTcxOTM5MDc3MywicGF0aCI6Ii80MTc1MzQyMi8yNjczNTk5NDctZTg0YjllYzEtY2U5ZC00Y2M5LTg1NmMtMDBhMWE3MDljOTdmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDA4MzI1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyYWRlZDhiYmY4YzE0YjM5ZjFjY2MxMDU5Y2Q4NDdlYjE2MzNmYzE0ZjdhMzRkMzhjZmZmZDcyZmQ5MjgzNTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Af8ZpfglGamgxtq5ADuhz1dN1vLk7NgXUdEILcKcjTI)
- Using compiler-explorer as an iframe
![스크린샷 2023-09-12 오후 11 18 35](https://private-user-images.githubusercontent.com/41753422/267360158-93f204a2-93af-4ca1-9c6e-1256733b5531.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzOTEwNzMsIm5iZiI6MTcxOTM5MDc3MywicGF0aCI6Ii80MTc1MzQyMi8yNjczNjAxNTgtOTNmMjA0YTItOTNhZi00Y2ExLTljNmUtMTI1NjczM2I1NTMxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDA4MzI1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlkMTBlZTQ4M2VlMDZjNjllY2E5OGYwNzkzZGNkZWRhYTFjZjc1MzI2NDhjMDc0YjVjZTBkOGU4N2ViN2FjZDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XOVJAUEVQbCegBSaPs1tI1eox_NkXYtdBfV2rKnJ8mI)
![스크린샷 2023-09-12 오후 11 19 29](https://private-user-images.githubusercontent.com/41753422/267360392-3f72cc36-d00d-4b7d-a586-110ca440ab39.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzOTEwNzMsIm5iZiI6MTcxOTM5MDc3MywicGF0aCI6Ii80MTc1MzQyMi8yNjczNjAzOTItM2Y3MmNjMzYtZDAwZC00YjdkLWE1ODYtMTEwY2E0NDBhYjM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDA4MzI1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNkMTI5YzU3YmFmZGE0Mjg5YjBmMjBmMmJkNjk5YzFlZTMxN2FiYmMxOTAwMDg1ODA5OTdkYTM4OTQzYTVmYjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.DVikRwD70x7Qq0g2ZSK20TFYWIsB2jC0XLgcHv77TqM)
Other examples
from logos-docusaurus-plugins.
Related Issues (20)
- Navbar design match
- Implement the new CTA section
- Make Showcase's logo props optional
- Restore sticky position of the navbar in the landing page
- The docusaurus-og plugin doesn't update all image meta elements
- [Feature] Custom 404 Page HOT 1
- Autoplay doesn't work in Safari (during Battery low-power mode) HOT 1
- Show only one selected item on a sidebar at once
- "back to main menu" in mobile/menu return to blank
- [Feedback] disable analytics on local build HOT 3
- Nomos: Commenting on Blog HOT 2
- Write unit tests
- [Component] universal grid
- [Component] PageCard
- Missing functionality in Search HOT 2
- PageCard design adjustments
- GitHub/Discord username a cut ugly when small width
- Enable back the light mode for all BUs HOT 1
- Issues found during a design review HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from logos-docusaurus-plugins.