quantified.uncertainty/squiggle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add style-loader and Playground to index

Browse Source
This commit is contained in:
Sam Nolan 2022-04-02 20:36:33 +11:00
parent 628c2ce914
commit 9e472d57e9
7 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/components/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@quri/squiggle-components", "name": "@quri/squiggle-components",
"version": "0.1.6", "version": "0.1.8",
"dependencies": { "dependencies": {
"@quri/squiggle-lang": "0.2.2", "@quri/squiggle-lang": "0.2.2",
"@testing-library/jest-dom": "^5.16.3", "@testing-library/jest-dom": "^5.16.3",
@ -72,8 +72,10 @@
"@storybook/react": "^6.4.18", "@storybook/react": "^6.4.18",
"@types/styled-components": "^5.1.24", "@types/styled-components": "^5.1.24",
"@types/webpack": "^5.28.0", "@types/webpack": "^5.28.0",
"css-loader": "^6.7.1",
"prettier": "^2.6.0", "prettier": "^2.6.0",
"react-codejar": "^1.1.2", "react-codejar": "^1.1.2",
"style-loader": "^3.3.1",
"ts-loader": "^9.2.8", "ts-loader": "^9.2.8",
"webpack": "^5.70.0", "webpack": "^5.70.0",
"webpack-cli": "^4.9.2", "webpack-cli": "^4.9.2",

2
packages/components/src/SquiggleEditor.tsx
View File

@ -27,8 +27,6 @@ export interface SquiggleEditorProps {
width: number; width: number;
} }
const highlight = (_: HTMLInputElement) => {};
interface SquiggleEditorState { interface SquiggleEditorState {
expression: string; expression: string;
env: exportEnv; env: exportEnv;

13
packages/components/src/SquigglePlayground.tsx
View File

@ -1,8 +1,9 @@
import React, { FC, useState } from "react" import React, { FC, useState } from "react"
import ReactDOM from "react-dom"
import { SquiggleChart } from "./SquiggleChart" import { SquiggleChart } from "./SquiggleChart"
import CodeEditor from "./CodeEditor" import CodeEditor from "./CodeEditor"
import { Form, Input, Card, Row, Col } from "antd" import { Form, Input, Card, Row, Col } from "antd"
import 'antd/dist/antd.css'; import 'antd/dist/antd.min.css';
interface FieldFloatProps { interface FieldFloatProps {
label : string, label : string,
@ -111,3 +112,13 @@ let SquigglePlayground : FC<Props> = (props) => {
) )
} }
export default SquigglePlayground; export default SquigglePlayground;
export function renderSquigglePlayground(props : Props){
let parent = document.createElement("div");
ReactDOM.render(
<SquigglePlayground
{...props}
/>,
parent
);
return parent;
}

2
packages/components/src/index.ts
View File

@ -1,2 +1,4 @@
export { SquiggleChart } from "./SquiggleChart"; export { SquiggleChart } from "./SquiggleChart";
export { SquiggleEditor, renderSquiggleEditor } from "./SquiggleEditor"; export { SquiggleEditor, renderSquiggleEditor } from "./SquiggleEditor";
import SquigglePlayground, { renderSquigglePlayground } from './SquigglePlayground';
export { SquigglePlayground, renderSquigglePlayground };

4
packages/components/webpack.config.js
View File

@ -12,6 +12,10 @@ module.exports = {
options: { projectReferences: true }, options: { projectReferences: true },
exclude: /node_modules/, exclude: /node_modules/,
}, },
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
], ],
}, },
resolve: { resolve: {

10
yarn.lock
View File

@ -4016,10 +4016,10 @@
dependencies: dependencies:
"@types/react" "*" "@types/react" "*"
"@types/react@*", "@types/react@17.0.39", "@types/react@^16.9.19", "@types/react@^17.0.43": "@types/react@*", "@types/react@17.0.43", "@types/react@^16.9.19", "@types/react@^17.0.43":
version "17.0.39" version "17.0.43"
resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.39.tgz#d0f4cde092502a6db00a1cded6e6bf2abb7633ce" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.43.tgz#4adc142887dd4a2601ce730bc56c3436fdb07a55"
integrity sha512-UVavlfAxDd/AgAacMa60Azl7ygyQNRwC/DsHZmKgNvPmRR5p70AJ5Q9EAmL2NWOJmeV+vVUI4IAP7GZrN8h8Ug== integrity sha512-8Q+LNpdxf057brvPu1lMtC5Vn7J119xrP1aq4qiaefNioQUYANF/CYeK4NsKorSZyUGJ66g0IM+4bbjwx45o2A==
dependencies: dependencies:
"@types/prop-types" "*" "@types/prop-types" "*"
"@types/scheduler" "*" "@types/scheduler" "*"
@ -6772,7 +6772,7 @@ css-loader@^5.0.1:
schema-utils "^3.0.0" schema-utils "^3.0.0"
semver "^7.3.5" semver "^7.3.5"
css-loader@^6.5.1, css-loader@^6.6.0: css-loader@^6.5.1, css-loader@^6.6.0, css-loader@^6.7.1:
version "6.7.1" version "6.7.1"
resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.1.tgz#e98106f154f6e1baf3fc3bc455cb9981c1d5fd2e" resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.1.tgz#e98106f154f6e1baf3fc3bc455cb9981c1d5fd2e"
integrity sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw== integrity sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw==