Welcome to the Scribbler Plugin Repository! This repository is dedicated to hosting plugins specifically designed to enhance the functionality and developer experience of Scribbler, a JavaScript notebook tool. These plugins are distinct from generic JavaScript libraries in that they modify Scribbler's environment directly, enabling new features, syntax support, and developer utilities.
Scribbler plugins extend the capabilities of the Scribbler environment by allowing developers to use various languages, libraries, and tools directly within their notebooks. Unlike libraries, which provide general-purpose JavaScript utilities, plugins are purpose-built to integrate with Scribbler's core functionality, making it more powerful and developer-friendly.
The React Plugin allows Scribbler users to work with React and JSX effortlessly. With this plugin, you can:
- Dynamically load the React and ReactDOM libraries.
- Transpile JSX code within your Scribbler notebook using a special directive.
- Include the React Plugin in your Scribbler notebook.
// Step 1: Dynamically import the MathJax-Plugin
await import("https://cdn.jsdelivr.net/gh/gopi-suvanam/scribbler-plugins/react-plugin.js");- Use the
//>jsxdirective in your code blocks to write JSX.
//>jsx
const App = () => (
<div>
<h1>Hello, Scribbler with React and JSX!</h1>
</div>
);
ReactDOM.render(<App />, document.getElementById('root'));- The plugin automatically handles the transpilation of JSX to JavaScript and the loading of React libraries.
To load the MathJax-Plugin in Scribbler and use it, you can dynamically import the plugin using the import() function. This plugin will enable you to easily render mathematical expressions within your Scribbler notebook using LaTeX syntax.
You can load the MathJax-Plugin dynamically with the following steps:
- Import the Plugin:
Use the
import()function to load theMathJax-Pluginfrom the specified URL.
// Step 1: Dynamically import the MathJax-Plugin
await import("https://cdn.jsdelivr.net/gh/gopi-suvanam/scribbler-plugins/mathjax-plugin.js");- Use the Plugin to Render Math: After loading the plugin, you can write mathematical expressions using LaTeX syntax, and the plugin will automatically render them.
Here’s how to do it:
This is an inline math example: `E = mc^2`
This is a block math example:
\\[
\\frac{a}{b} + \\frac{b}{c} = \\frac{a + b + c}{abc}
\\]
Here is another block example:
### 5. Statistics
<p>\(\mu = \frac{\sum x_i}{n}\)</p>
<p>\(\sigma^2 = \frac{\sum (x_i - \mu)^2}{n - 1}\)</p>
<p>\(P(X = x) = \frac{1}{\sqrt{2\pi\sigma^2}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}\)</p>
The TypeScript Plugin will allow you to write TypeScript directly in Scribbler using the //>ts directive. The plugin will handle the transpilation from TypeScript to JavaScript, enabling type-safe development within your notebooks.
The Python Plugin will bring Python support to Scribbler using the //>python directive. This plugin will enable running Python code directly within Scribbler, leveraging in-browser Python runtimes.
To install a plugin, include it in your Scribbler notebook using the appropriate <script> tag from a CDN or local path. Each plugin's usage instructions will provide detailed steps on how to integrate it into your workflow.
await import("https://cdn.jsdelivr.net/gh/gopi-suvanam/scribbler-plugins/react-plugin.min.js")We welcome contributions from the community! If you'd like to add a new plugin or improve an existing one, feel free to fork this repository and submit a pull request. Please make sure to follow the contribution guidelines.
This repository is licensed under the MIT License. Feel free to use, modify, and distribute the plugins as per the license terms.
For any questions or feedback, please open an issue in the repository or reach out to the Scribbler community. Join our discord server.