6cfb0f18ef
* develop: (22 commits) Formatted Added tailwindcss to docusaurus config First attempt at adding tailwind Change import to import type when needed ⬆️ Bump @docusaurus/core from 2.0.0-beta.20 to 2.0.0-beta.21 ⬆️ Bump @types/react-dom from 18.0.4 to 18.0.5 ⬆️ Bump gentype from 4.3.0 to 4.4.0 ⬆️ Bump mathjs from 10.5.2 to 10.6.0 ⬆️ Bump typescript from 4.6.4 to 4.7.2 ⬆️ Bump @storybook/builder-webpack5 from 6.5.4 to 6.5.6 ⬆️ Bump react-hook-form from 7.31.2 to 7.31.3 ⬆️ Bump @docusaurus/preset-classic ⬆️ Bump reanalyze from 2.19.0 to 2.22.0 ⬆️ Bump @storybook/addon-links from 6.5.4 to 6.5.6 ⬆️ Bump @storybook/react from 6.5.4 to 6.5.6 ⬆️ Bump @storybook/addon-essentials from 6.5.4 to 6.5.6 ⬆️ Bump @storybook/manager-webpack5 from 6.5.4 to 6.5.6 ⬆️ Bump peggy from 1.2.0 to 2.0.0 ⬆️ Bump @storybook/node-logger from 6.5.4 to 6.5.6 ⬆️ Bump @storybook/addon-actions from 6.5.4 to 6.5.6 ... |
||
---|---|---|
.. | ||
.storybook | ||
public | ||
src | ||
.gitignore | ||
.npmignore | ||
.prettierignore | ||
.prettierrc.json | ||
netlify.toml | ||
package.json | ||
README.md | ||
tailwind.config.js | ||
tsconfig.json | ||
webpack.config.js |
Squiggle components
This package contains the react components for squiggle. These can be used either as a library or hosted as a storybook.
The @quri/squiggle-components
package offers several components and utilities for people who want to embed Squiggle components into websites.
Usage in a react
project
For example, in a fresh create-react-app
project
yarn add @quri/squiggle-components
Add to App.js
:
import { SquiggleEditor } from "@quri/squiggle-components";
<SquiggleEditor
initialSquiggleString="x = beta($alpha, 10); x + $shift"
jsImports={{ alpha: 3, shift: 20 }}
/>;
Build storybook for development
We assume that you had run yarn
at monorepo level, installing dependencies.
You need to prepare by building and bundling squiggle-lang
cd ../squiggle-lang
yarn build
If you've otherwise done this recently you can skip those.
Run a development server
yarn start