react-rx 1.0.0 → 1.0.1

package/website/src/components/logos/RxJs.tsx

@@ -1,69 +0,0 @@
-import * as React from 'react'
-
-export const RxJSLogo = (props: React.ComponentProps<'svg'>) => (
-  <svg
-    {...props}
-    viewBox="12.1 8.4 262.8 272.2"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <linearGradient
-      id="a"
-      gradientUnits="userSpaceOnUse"
-      x1="53.496"
-      x2="177.932"
-      y1="247.701"
-      y2="115.323"
-    >
-      <stop offset="0" stopColor="#e01d84" />
-      <stop offset=".401" stopColor="#df1d85" />
-      <stop offset=".77" stopColor="#932c87" />
-      <stop offset="1" stopColor="#5d2f88" />
-    </linearGradient>
-    <radialGradient
-      id="b"
-      cx="190.456"
-      cy="80.2"
-      gradientTransform="matrix(1 .00239 -.002 .8362 .16 12.685)"
-      gradientUnits="userSpaceOnUse"
-      r="121.582"
-    >
-      <stop offset="0" stopColor="#e01d84" />
-      <stop offset=".139" stopColor="#de1e85" />
-      <stop offset=".285" stopColor="#d62085" />
-      <stop offset=".434" stopColor="#c92386" />
-      <stop offset=".586" stopColor="#b72786" />
-      <stop offset=".739" stopColor="#9d2b87" />
-      <stop offset=".891" stopColor="#7c2e88" />
-      <stop offset="1" stopColor="#5d2f88" />
-    </radialGradient>
-    <linearGradient
-      id="c"
-      gradientUnits="userSpaceOnUse"
-      x1="83.212"
-      x2="137.371"
-      y1="62.336"
-      y2="62.336"
-    >
-      <stop offset="0" stopColor="#e01d84" />
-      <stop offset=".238" stopColor="#da1e85" />
-      <stop offset=".658" stopColor="#c72085" />
-      <stop offset=".999" stopColor="#b52284" />
-    </linearGradient>
-    <path
-      d="M29.6 175.3c-5.2-16.2-6.7-33.3-3.7-50.9 1.3-7.3 3.3-14.3 5.5-21.4 0 0 13.8-45.3 60.5-66 0 0 16.1-8.5 40.3-9.1 0 0-3.3-3.2-5.4-4.6-11.4-7.6-28.4-10.1-38.7.6-3.1 3.2-5.7 6.7-8.6 9.9-3.3 3.6-7.3 6.6-11.9 8.3-4 1.5-8 1.2-12.1 1.9-4.2.7-8.5 2.2-11.9 4.9-3.7 3-5.2 7-5.6 11.6-.4 3.6-.3 7.3-.5 10.9C37 82 33.6 85 26 90.9c-3.2 2.4-5.9 5.6-7.9 9-6 10.6 3.6 21.6 4.1 32.3.1 2.2-.1 4.4-.9 6.5-.8 2.3-2.4 3.8-3.7 5.7-1.8 2.5-3 5.5-2.5 8.6s2.1 6 3.6 8.7c2.9 4.8 6.5 9.1 10.3 13.2.2 0 .4.2.6.4"
-      fill="#e32286"
-    />
-    <path
-      d="M220.4 213.7c23-10 32.8-27.3 32.8-27.3 21.5-29.3 14.2-60.2 14.2-60.2-13.7 29.8-26.2 38-26.2 38 33.7-51.3.2-82.3.2-82.3 13.7 29.2-4.5 64.8-4.5 64.8-15.3 32.2-37 43.7-37 43.7 24.2 4.5 42-11.8 42-11.8-34.7 37.5-72.3 35.7-72.3 35.7 15.8 17.7 39.5 16.2 39.5 16.2-31 7.3-60.1-3-84-22.9-4.5-3.7-8.8-7.7-12.8-12 0 0-3.6-3.8-4.3-4.8l-.1-.1c-.5 18.5 18.8 35.7 18.8 35.7-24.2-10-35.3-31.7-35.3-31.7s-16.3-27.8-4.5-59.5 47.5-38.5 47.5-38.5c29.5 14.3 54.5 18.8 54.5 18.8 52.7 8.8 49.7-17 49.7-17 .5-22.2-33-45.8-33-45.8C145.9 8.4 91.9 37 91.9 37c-46.7 20.7-60.5 66-60.5 66-2.2 7.1-4.2 14.1-5.5 21.4-5.1 29.7 2.6 57.8 19.3 82.8 26 38.8 68.2 52.2 68.2 52.2 62.5 21.2 105.2-10 105.2-10 39.3-27 47.2-58.2 47.2-58.2-31.7 24.8-45.4 22.5-45.4 22.5zM171.6 67.8c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4z"
-      fill="url(#a)"
-    />
-    <path
-      d="M238.5 98.4c.5-22.2-33-45.8-33-45.8C145.8 8.4 91.8 37 91.8 37c-46.7 20.7-60.5 66-60.5 66-2.7 7.7-5.1 19.5-5.1 19.5-2.9 14.8-1.6 28.5-1.6 28.5 1.2 13.1 4.1 21.9 4.1 21.9 3 9.4 4.4 12.3 4.4 12.3-.1-.3-.6-2.5-.6-2.5s-4.2-20.2-.3-39.6c0 0 3.4-20.2 17.2-35.8 0 0 22.4-31.9 64.1-19.4 0 0 9 3.2 12.1 4.8 3.1 1.5 8.5 3.8 8.5 3.8 29.5 14.3 54.5 18.8 54.5 18.8 52.9 8.9 49.9-16.9 49.9-16.9zm-66.9-19.7c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4 5.4 2.4 5.4 5.4-2.4 5.4-5.4 5.4z"
-      fill="url(#b)"
-    />
-    <path
-      d="M137.4 58.2l-34.1-10.6c-.2 0-1.2-.5-3 0 0 0-20.1 5.1-16.6 16.1 0 0 2.1 6.9 7.8 13.6l37.5-1.8z"
-      fill="url(#c)"
-    />
-  </svg>
-)

package/website/src/components/repl/Checkerboard.tsx

@@ -1,25 +0,0 @@
-import styled from 'styled-components'
-
-const CHECKER_SIZE = 60
-const CHECKER_FG = '#252525'
-const CHECKER_BG = '#222'
-
-export const Checkerboard = styled.div`
-  display: flex;
-  /*align-items: center;*/
-  justify-content: center;
-  color: #fff;
-  height: calc(100% - 1.95em);
-  width: 100%;
-  background-color: ${CHECKER_FG};
-  background-image: linear-gradient(45deg, ${CHECKER_BG} 25%, transparent 25%),
-    linear-gradient(-45deg, ${CHECKER_BG} 25%, transparent 25%),
-    linear-gradient(45deg, transparent 75%, ${CHECKER_BG} 75%),
-    linear-gradient(-45deg, transparent 75%, ${CHECKER_BG} 75%);
-  background-size: 20px 20px;
-  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
-
-  background-size: ${CHECKER_SIZE}px ${CHECKER_SIZE}px;
-  background-position: 0 0, 0 ${CHECKER_SIZE / 2}px,
-    ${CHECKER_SIZE / 2}px -${CHECKER_SIZE / 2}px, -${CHECKER_SIZE / 2}px 0;
-`

package/website/src/components/repl/CodeBlock.tsx

@@ -1,147 +0,0 @@
-import * as React from 'react'
-
-import * as globalScope from '../../examples/_utils/globalScope'
-import {Checkerboard} from './Checkerboard'
-import {ShowError} from './ShowError'
-import {CodeMirror} from './CodeMirror'
-import {compile} from './compile/babel'
-import {evalReactDomRender} from './eval/evalReactDomRender'
-import {Prelude} from './Prelude'
-import {EvalCode} from './EvalCode'
-import './codemirror-lib'
-import styled from 'styled-components'
-
-const fs = require('fs')
-
-interface Scope {
-  [variableName: string]: any
-}
-
-interface Props {
-  source: string
-  scope?: Scope
-  filename: string
-  prelude?: string
-}
-
-const tryCompile = (code: string, filename: string) => {
-  try {
-    return [null, compile(code, {filename})?.code || '']
-  } catch (error) {
-    return [error]
-  }
-}
-
-const evalRender = (code: string, scope: Scope = {}) => {
-  return evalReactDomRender(code, {
-    ...scope,
-    ...globalScope
-  })
-}
-
-const COMMON_PRELUDE = `import {rxComponent, observeEvent, observeContext, observeState, forwardRef} from 'react-rx'\n${
-  fs
-    .readFileSync(`${__dirname}/../../examples/_utils/globalScope.ts`, 'utf-8')
-    .split('//@endimport')[0]
-}`
-
-const stripImports = (str: string) => {
-  return str
-    .split('//@endimport')
-    .slice(-1)[0]
-    .trim()
-}
-
-const CODEMIRROR_MODE = {
-  name: 'jsx',
-  base: {name: 'javascript', typescript: true}
-}
-
-const CODEMIRROR_OPTIONS = {
-  theme: 'custom',
-  smartIndent: false,
-  tabSize: 2,
-  mode: CODEMIRROR_MODE
-}
-
-const StyledWrapper = styled.div`
-  @media (max-width: 979px) {
-    display: block;
-  }
-  @media (min-width: 1280px) {
-    display: flex;
-    align-items: stretch;
-    flex-direction: row;
-  }
-`
-const Header = styled.div`
-  color: #d8d8d8;
-  font-size: 0.9em;
-  text-transform: uppercase;
-  padding: 0.5em 1.5em;
-`
-const BORDER_RADIUS = 0.5
-const Column = styled.div<{type: 'editor' | 'result'}>`
-  @media (min-width: 1280px) {
-    border-radius: ${props =>
-      props.type === 'editor'
-        ? `${BORDER_RADIUS}em 0 0 ${BORDER_RADIUS}em`
-        : `0 ${BORDER_RADIUS}em ${BORDER_RADIUS}em 0`};
-    padding: ${props =>
-      props.type === 'editor' ? '0 1px 0.5em 0' : '0 0 0.5em 1px'};
-  }
-  @media (max-width: 1279px) {
-    border-radius: ${props =>
-      props.type === 'editor'
-        ? `${BORDER_RADIUS}em ${BORDER_RADIUS}em 0 0`
-        : `0 0 ${BORDER_RADIUS}em ${BORDER_RADIUS}em`};
-    padding: ${props => (props.type === 'editor' ? '0' : '0 0 0.5em 0')};
-  }
-  flex: 0 0 ${props => (props.type === 'editor' ? 60 : 40)}%;
-  background: #282c34;
-`
-
-export function CodeBlock(props: Props) {
-  const source = stripImports(props.source)
-  const [code, setCode] = React.useState(source.trim())
-
-  const [compileError, transformed] = tryCompile(code, props.filename)
-  return (
-    <StyledWrapper>
-      <Column type="editor">
-        <Header>Live editor</Header>
-        <Prelude
-          mode={CODEMIRROR_MODE}
-          value={`${COMMON_PRELUDE}${props.prelude ? props.prelude : ''}`}
-        />
-        <CodeMirror
-          value={code}
-          options={CODEMIRROR_OPTIONS}
-          onBeforeChange={(editor, data, value) => {
-            setCode(value)
-          }}
-        />
-      </Column>
-      <Column type="result">
-        <Header>Result</Header>
-        <Checkerboard>
-          <div style={{padding: '2em'}}>
-            {compileError ? (
-              <ShowError title="Compile error">
-                {compileError.message}
-              </ShowError>
-            ) : (
-              <EvalCode
-                code={transformed}
-                evalWith={src => evalRender(src, props.scope)}
-                renderError={error => (
-                  <ShowError title="Runtime error">{error.message}</ShowError>
-                )}
-              />
-            )}
-          </div>
-        </Checkerboard>
-      </Column>
-    </StyledWrapper>
-  )
-}

package/website/src/components/repl/CodeMirror.tsx

@@ -1,37 +0,0 @@
-import styled from 'styled-components'
-import {Controlled} from 'react-codemirror2'
-
-const SCROLLBAR_BG_COLOR = '#1f222a'
-const SCROLLBAR_THUMB_COLOR = '#575757'
-
-export const CodeMirror = styled(Controlled)`
-  font-size: 0.8em;
-  background-color: #282c34;
-
-  & ::-webkit-scrollbar {
-    width: 11px;
-  }
-  & {
-    scrollbar-width: thin;
-    scrollbar-color: ${SCROLLBAR_THUMB_COLOR} ${SCROLLBAR_BG_COLOR};
-  }
-  
-  & ::-webkit-scrollbar-track {
-    background: ${SCROLLBAR_BG_COLOR};
-  }
-  & ::-webkit-scrollbar-thumb {
-    background-color: ${SCROLLBAR_THUMB_COLOR} ;
-    border-radius: 6px;
-    border: 3px solid ${SCROLLBAR_BG_COLOR};
-  }
-  .CodeMirror-scroll {
-    max-height: calc(100vh - 24em);
-  }
-  .CodeMirror {
-    padding: 0.6rem;
-    height: auto;
-    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;
-    -webkit-font-smoothing: antialiased;
-    line-height: 1.4em;
-  }
-}`

package/website/src/components/repl/CodeMirrorMode.tsx

@@ -1,67 +0,0 @@
-import {rxComponent} from 'react-rx'
-import {map, switchMap, toArray} from 'rxjs/operators'
-import * as React from 'react'
-import styled from 'styled-components'
-import {runMode} from './runMode'
-
-export interface CodeMirrorModeProps {
-  mode: null | {name: string; base?: any}
-  highlighted?: number[]
-  children: string
-  className?: string
-}
-
-export const CodeMirrorMode = rxComponent<CodeMirrorModeProps>(
-  (props$) => {
-    return props$.pipe(
-      switchMap((props) =>
-        runMode(props.children, props.mode).pipe(
-          toArray(),
-          map((lines, i) => (
-            <Code
-              key={`line-${i}`}
-              className={`cm-s-custom${
-                props.className ? ` ${props.className}` : ''
-              }`}
-            >
-              {lines.map((line, lineNo) => (
-                <div
-                  key={`line-${i}-${lineNo}`}
-                  className={`cm-line${
-                    (props.highlighted || []).includes(lineNo + 1)
-                      ? ' CodeMirror-selected'
-                      : ''
-                  }`}
-                >
-                  {line.map((token, i) =>
-                    token.style ? (
-                      <span key={i} className={`cm-${token.style}`}>
-                        {token.token}
-                      </span>
-                    ) : (
-                      token.token
-                    )
-                  )}
-                </div>
-              ))}
-            </Code>
-          ))
-        )
-      )
-    )
-  }
-)
-
-const Code = styled.div`
-  font-size: 0.8em;
-
-  background-color: rgb(40, 44, 52);
-  color: #fff;
-  margin: 0;
-  white-space: pre;
-  overflow: auto;
-  padding: 0.9rem;
-  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
-  -webkit-font-smoothing: antialiased;
-  line-height: 1.4em;
-`

package/website/src/components/repl/EvalCode.tsx

@@ -1,55 +0,0 @@
-import * as React from 'react'
-
-interface EvalErrorBoundaryProps {
-  code: string
-  renderError: (error: Error) => React.ReactNode
-}
-
-interface EvalErrorBoundaryState {
-  error: Error | null
-}
-
-class EvalErrorBoundary extends React.Component<
-  EvalErrorBoundaryProps,
-  EvalErrorBoundaryState
-> {
-  state: EvalErrorBoundaryState = {error: null}
-
-  static getDerivedStateFromError(error: Error) {
-    return {error}
-  }
-
-  componentDidUpdate(
-    prevProps: Readonly<EvalErrorBoundaryProps>,
-    prevState: Readonly<EvalErrorBoundaryState>
-  ) {
-    if (prevProps.code !== this.props.code) {
-      this.setState({error: null})
-    }
-  }
-
-  render() {
-    const {error} = this.state
-    return error ? this.props.renderError(error) : this.props.children
-  }
-}
-
-type Runner = (code: string) => React.ReactNode
-
-const Eval = (props: {with: Runner; code: string}) => (
-  <>{props.with(props.code)}</>
-)
-
-interface Props {
-  code: string
-  renderError: (error: Error) => React.ReactNode
-  evalWith: Runner
-}
-
-export function EvalCode(props: Props) {
-  return (
-    <EvalErrorBoundary code={props.code} renderError={props.renderError}>
-      <Eval with={props.evalWith} code={props.code} />
-    </EvalErrorBoundary>
-  )
-}

package/website/src/components/repl/Prelude.tsx

@@ -1,50 +0,0 @@
-import * as React from 'react'
-import styled from 'styled-components'
-import {CodeMirrorMode} from './CodeMirrorMode'
-
-const Details = styled.details`
-  text-align: right;
-  white-space: pre;
-  background-color: #1f222a;
-  line-height: 1.4em;
-  border: 0;
-  box-sizing: border-box;
-`
-
-const Summary = styled.summary`
-  background-color: #242831;
-  display: inline-block;
-  color: #65737e;
-  font-size: 0.8em;
-  border-radius: 2px 2px 0 0;
-  margin: 1px 0 0 0;
-  text-transform: uppercase;
-  padding: 0.4em 0.9em;
-  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
-  -webkit-font-smoothing: antialiased;
-  outline: none;
-`
-
-const StyledCodeMirrorMode = styled(CodeMirrorMode)`
-  opacity: 0.7;
-  text-align: left;
-`
-
-interface Props {
-  mode: any
-  value: string
-}
-
-export const Prelude = (props: Props) => {
-  const [isOpen, setOpen] = React.useState(false)
-  return (
-    <Details>
-      <Summary onClick={() => setOpen(current => !current)}>
-        {isOpen ? 'hide prelude' : 'show prelude'}
-      </Summary>
-      <StyledCodeMirrorMode mode={props.mode}>
-        {props.value}
-      </StyledCodeMirrorMode>
-    </Details>
-  )
-}

package/website/src/components/repl/ShowError.tsx

@@ -1,27 +0,0 @@
-import * as React from 'react'
-import styled from 'styled-components'
-
-interface Props {
-  title: string
-  children: React.ReactNode
-  className?: string
-}
-
-const Pre = styled.pre`
-  color: rgb(255, 100, 100);
-`
-
-const Heading = styled.h2`
-  padding: 3px:
-  color: #fff
-  padding: 8px;
-`
-
-export function ShowError(props: Props) {
-  return (
-    <div className={props.className}>
-      <Heading>{props.title}</Heading>
-      <Pre>{props.children}</Pre>
-    </div>
-  )
-}

package/website/src/components/repl/codemirror-lib.ts

@@ -1,8 +0,0 @@
-import * as codemirror from 'codemirror'
-import 'codemirror/mode/javascript/javascript'
-import 'codemirror/mode/jsx/jsx'
-import 'codemirror/addon/selection/active-line'
-import 'codemirror/addon/edit/matchbrackets'
-import 'codemirror/addon/edit/matchtags'
-
-export default codemirror

package/website/src/components/repl/codemirror-theme.css

@@ -1,131 +0,0 @@
-.cm-s-custom.CodeMirror {
-  background: rgb(32, 35, 42);
-  color: #f8f8f2;
-}
-
-.cm-s-custom div.CodeMirror-selected {
-  background: rgba(101, 115, 126, 0.33);
-}
-
-.cm-s-custom .CodeMirror-line::selection,
-.cm-s-custom .CodeMirror-line > span::selection,
-.cm-s-custom .CodeMirror-line > span > span::selection {
-  background: rgba(101, 115, 126, 0.33);
-}
-
-.cm-s-custom .CodeMirror-line::-moz-selection,
-.cm-s-custom .CodeMirror-line > span::-moz-selection,
-.cm-s-custom .CodeMirror-line > span > span::-moz-selection {
-  background: rgba(101, 115, 126, 0.33);
-}
-
-.cm-s-custom .CodeMirror-gutters {
-  background: #304148;
-  border-right: 10px;
-}
-
-.cm-s-custom .CodeMirror-guttermarker {
-  color: white;
-}
-
-.cm-s-custom .CodeMirror-guttermarker-subtle {
-  color: #d0d0d0;
-}
-
-.cm-s-custom .CodeMirror-linenumber {
-  color: #d0d0d0;
-}
-
-.cm-s-custom .CodeMirror-cursor {
-  border-left: 1px solid #f8f8f0;
-}
-
-.cm-s-custom span.cm-comment {
-  color: #65737e;
-}
-
-.cm-s-custom span.cm-atom {
-  color: #c594c5;
-}
-
-.cm-s-custom span.cm-number {
-  color: #f99157;
-}
-
-.cm-s-custom span.cm-type {
-  color: #48aab5;
-}
-
-.cm-s-custom span.cm-property {
-  color: rgb(121, 182, 242);
-}
-
-.cm-s-custom span.cm-attribute,
-.cm-s-custom span.cm-keyword {
-  color: rgb(197, 165, 197);
-}
-
-.cm-s-custom span.cm-builtin {
-  color: #66d9ef;
-}
-
-.cm-s-custom span.cm-string {
-  color: #8dc891;
-}
-
-.cm-s-custom span.cm-variable {
-  color: #d8d8d8;
-}
-
-.cm-s-custom span.cm-variable-2,
-.cm-s-custom span.cm-variable-3 {
-  color: #f8f8f2;
-}
-
-.cm-s-custom span.cm-def {
-  color: #fac863;
-}
-
-.cm-s-custom span.cm-bracket {
-  color: #5fb3b3;
-}
-
-.cm-s-custom span.cm-tag {
-  color: rgb(252, 146, 158);
-}
-
-.cm-s-custom span.cm-tag.cm-bracket {
-  color: rgb(88, 200, 252);
-}
-
-.cm-s-custom span.cm-header {
-  color: #c594c5;
-}
-
-.cm-s-custom span.cm-link {
-  color: #c594c5;
-}
-
-.cm-s-custom span.cm-error {
-  background: #c594c5;
-  color: #f8f8f0;
-}
-
-.cm-s-custom .CodeMirror-activeline-background {
-  background: rgba(101, 115, 126, 0.1);
-}
-
-.cm-s-custom .CodeMirror-nonmatchingbracket {
-  color: #fa87b5 !important;
-}
-
-.cm-s-custom .CodeMirror-matchingbracket {
-  color: #fa87b5 !important;
-  background-color: rgba(255, 255, 255, 0.22) !important;
-  border-radius: 2px;
-}
-
-.cm-s-custom .CodeMirror-matchingtag {
-  background-color: rgba(255, 255, 255, 0.1) !important;
-  border-radius: 2px;
-}

package/website/src/components/repl/compile/babel.ts

@@ -1,21 +0,0 @@
-import * as babel from '@babel/standalone'
-import transformTs from '@babel/plugin-transform-typescript'
-import transformJsx from '@babel/plugin-transform-react-jsx'
-import optionalChaining from '@babel/plugin-proposal-optional-chaining'
-
-interface Options {
-  filename?: string
-  plugins?: any[]
-}
-
-export function compile(code: string, options: Options = {}) {
-  return babel.transform(code, {
-    filename: options.filename || 'Unknown.tsx',
-    plugins: [
-      ...(options.plugins || []),
-      optionalChaining,
-      [transformTs, {allExtensions: true, isTSX: true}],
-      transformJsx
-    ]
-  })
-}

package/website/src/components/repl/eval/evalCallback.ts

@@ -1,27 +0,0 @@
-import {evalCode} from './evalCode'
-
-export const evalCallback = (
-  code: string,
-  callbackName = 'callback',
-  scope = {}
-): any => {
-  let renderCount = 0
-  let renderRes = null
-
-  const callback = (arg: any) => {
-    renderCount++
-    renderRes = arg
-  }
-
-  evalCode(code, {...scope, [callbackName]: callback})
-
-  if (renderCount === 0) {
-    throw new Error(`${callbackName}() was not called`)
-  }
-
-  if (renderCount > 1) {
-    throw new Error(`${callbackName}() was called more than once`)
-  }
-
-  return renderRes
-}

package/website/src/components/repl/eval/evalCode.ts

@@ -1,7 +0,0 @@
-export const evalCode = (code: string, scope: {[v: string]: any}) => {
-  const scopeKeys = Object.keys(scope)
-  const scopeValues = scopeKeys.map(key => scope[key])
-  // eslint-disable-next-line no-new-func
-  const res = new Function(...scopeKeys, code)
-  return res(...scopeValues)
-}

package/website/src/components/repl/eval/evalExpression.ts

@@ -1,4 +0,0 @@
-import {evalCode} from './evalCode'
-
-export const evalExpression = (code: string, scope = {}) =>
-  evalCode(`return ${code}`, scope)