Merge changes from candulabs/craft.js

jest/setup.js

@@ -1,3 +1,4 @@
-beforeEach(() => {
-  console.error = jest.fn();
-});
+const Enzyme = require("enzyme");
+const Adapter = require("enzyme-adapter-react-16");
+
+Enzyme.configure({ adapter: new Adapter() });

package.json

@@ -32,6 +32,8 @@
     "@typescript-eslint/parser": "^2.14.0",
     "babel-eslint": "^10.0.3",
     "cross-env": "^6.0.3",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.10.1",
     "eslint-config-react-app": "^5.1.0",
@@ -83,7 +85,7 @@
       "<rootDir>/packages/core/"
     ],
     "testMatch": [
-      "<rootDir>/packages/core/src/**/__tests__/?(*.)spec.ts(x|)"
+      "<rootDir>/packages/core/src/**/?(*.)test.ts(x|)"
     ],
     "transform": {
       "^.+\\.(ts|tsx)$": "ts-jest"

packages/core/src/editor/Editor.tsx

@@ -0,0 +1,54 @@
+import React, { useEffect } from "react";
+
+import { Options } from "../interfaces";
+import { Events } from "../events";
+
+import { useEditorStore } from "./store";
+import { EditorContext } from "./EditorContext";
+
+export const withDefaults = (options: Partial<Options> = {}) => ({
+  onStateChange: () => null,
+  onRender: ({ render }) => render,
+  resolver: {},
+  nodes: null,
+  enabled: true,
+  indicator: {
+    error: "red",
+    success: "rgb(98, 196, 98)",
+  },
+  ...options,
+});
+
+/**
+ * A React Component that provides the Editor context
+ */
+export const Editor: React.FC<Partial<Options>> = ({
+  children,
+  ...options
+}) => {
+  const context = useEditorStore(withDefaults(options));
+
+  useEffect(() => {
+    if (context && options)
+      context.actions.setOptions((editorOptions) => {
+        editorOptions = options;
+      });
+  }, [context, options]);
+
+  useEffect(() => {
+    context.subscribe(
+      (_) => ({
+        json: context.query.serialize(),
+      }),
+      ({ json }) => {
+        context.query.getOptions().onStateChange(JSON.parse(json));
+      }
+    );
+  }, [context]);
+
+  return context ? (
+    <EditorContext.Provider value={context}>
+      <Events>{children}</Events>
+    </EditorContext.Provider>
+  ) : null;
+};