squiggle/packages/components
Ozzie Gooen 6cfb0f18ef Merge branch 'develop' into May-tailwind-refactor
* 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
  ...
2022-05-31 15:11:05 -07: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 Simple styling for arrays 2022-05-31 14:14:55 -07: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 Merge branch 'develop' into May-tailwind-refactor 2022-05-31 15:11:05 -07:00
README.md Made Node Packages page in docs just reference github readmes 2022-05-10 17:06:44 -04:00
tailwind.config.js Added tailwind/form 2022-05-30 06:40:03 -07:00
tsconfig.json Simple line chart for Functions 2022-05-26 14:41:58 -04:00
webpack.config.js Fix build errors for components and lang 2022-04-12 16:21:32 +10: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