squiggle/packages/components
dependabot[bot] d12fddae16
⬆️ Bump @types/node from 17.0.38 to 17.0.40
Bumps [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) from 17.0.38 to 17.0.40.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)

---
updated-dependencies:
- dependency-name: "@types/node"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
2022-06-06 15:51:35 +00:00
..
.storybook Move from styled-components to tailwind 2022-05-30 11:30:10 +10:00
public Add prettier and format 2022-03-23 11:38:01 +11:00
src Various components cleanups 2022-06-04 23:38:16 +03:00
.gitignore Add documentation and improve components 2022-03-01 10:59:48 +11:00
.npmignore Move to webpack 2022-03-22 10:40:14 +11:00
.prettierignore Change components to return result rather than environment 2022-04-23 15:02:44 -04:00
.prettierrc.json Add prettier and format 2022-03-23 11:38:01 +11:00
netlify.toml gt -> git 2022-04-15 10:41:38 -04:00
package.json ⬆️ Bump @types/node from 17.0.38 to 17.0.40 2022-06-06 15:51:35 +00:00
postcss.config.js Add css into docusaurus 2022-06-06 04:24:38 +00:00
README.md Made Node Packages page in docs just reference github readmes 2022-05-10 17:06:44 -04:00
tailwind.config.js Formatted, converted tab to component 2022-06-01 20:13:19 -07:00
tsconfig.json Simple line chart for Functions 2022-05-26 14:41:58 -04:00
webpack.config.js BROKEN: Sam's attempt at getting component css into the website 2022-06-05 06:48:31 +00:00

npm version License: MIT

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