@graffy/explore 0.15.25-alpha.3 → 0.15.25-alpha.5

package/package.json

@@ -2,13 +2,8 @@
   "name": "@graffy/explore",
   "description": "Graffy client library for the browser.",
   "author": "aravind (https://github.com/aravindet)",
-  "version": "0.15.25-alpha.3",
-  "main": "./index.cjs",
-  "exports": {
-    "import": "./index.mjs",
-    "require": "./index.cjs"
-  },
-  "module": "./index.mjs",
+  "version": "0.15.25-alpha.5",
+  "main": "./index.mjs",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -16,11 +11,11 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@graffy/core": "0.15.25-alpha.3",
-    "@graffy/fill": "0.15.25-alpha.3",
-    "@graffy/client": "0.15.25-alpha.3",
-    "@graffy/react": "0.15.25-alpha.3",
-    "@graffy/common": "0.15.25-alpha.3"
+    "@graffy/core": "0.15.25-alpha.5",
+    "@graffy/fill": "0.15.25-alpha.5",
+    "@graffy/client": "0.15.25-alpha.5",
+    "@graffy/react": "0.15.25-alpha.5",
+    "@graffy/common": "0.15.25-alpha.5"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0"

package/index.cjs

@@ -1,193 +0,0 @@
-"use strict";
-const React = require("react");
-const Graffy = require("@graffy/core");
-const GraffyFill = require("@graffy/fill");
-const GraffyClient = require("@graffy/client");
-const react = require("@graffy/react");
-const common = require("@graffy/common");
-const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
-const Graffy__default = /* @__PURE__ */ _interopDefaultLegacy(Graffy);
-const GraffyFill__default = /* @__PURE__ */ _interopDefaultLegacy(GraffyFill);
-const GraffyClient__default = /* @__PURE__ */ _interopDefaultLegacy(GraffyClient);
-const common__namespace = /* @__PURE__ */ _interopNamespace(common);
-function Result({ result, loading, error }) {
-  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, loading ? /* @__PURE__ */ React__default.default.createElement("div", {
-    className: "status"
-  }, "Loading...") : error ? /* @__PURE__ */ React__default.default.createElement("div", {
-    className: "error"
-  }, error.toString()) : result ? /* @__PURE__ */ React__default.default.createElement("pre", null, JSON.stringify(result, null, 2)) : /* @__PURE__ */ React__default.default.createElement("div", {
-    className: "status"
-  }, "No results"), /* @__PURE__ */ React__default.default.createElement("style", {
-    jsx: true
-  }, `
-        .error {
-          color: #c00;
-          padding: 1rem;
-        }
-        .status {
-          color: #888;
-          padding: 1rem;
-        }
-      `));
-}
-function evaluate(expression) {
-  const names = Object.keys(common__namespace);
-  const fn = new Function(...names, `return ${expression};`);
-  return fn(...names.map((name) => common__namespace[name]));
-}
-function Explore(options) {
-  const [input, setInput] = React.useState({});
-  const [error, setError] = React.useState(null);
-  const [loading, setLoading] = React.useState(false);
-  const [result, setResult] = React.useState(null);
-  const [watching, setWatching] = React.useState(null);
-  const store = react.useStore();
-  const onInputEnd = React.useCallback(
-    (event) => {
-      try {
-        setInput(evaluate(event.target.textContent));
-      } catch (e) {
-        setError(e.message);
-      }
-    },
-    [setInput, setError]
-  );
-  const onInputStart = React.useCallback(() => setError(null), [setError]);
-  const onReadClick = async () => {
-    setWatching(false);
-    setLoading(true);
-    try {
-      setResult(await store.read(input, options));
-    } catch (e) {
-      setError(e.message);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const onWriteClick = async () => {
-    setWatching(false);
-    setLoading(true);
-    try {
-      setResult(await store.write(input, options));
-    } catch (e) {
-      setError(e.message);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const onWatchClick = () => {
-    setResult(null);
-    setLoading(false);
-    setWatching((w) => !w);
-  };
-  return /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement("pre", {
-    className: "editor",
-    contentEditable: true,
-    onFocus: onInputStart,
-    onBlur: onInputEnd
-  }), /* @__PURE__ */ React__default.default.createElement("div", {
-    className: "opbar"
-  }, /* @__PURE__ */ React__default.default.createElement("button", {
-    className: "opbtn",
-    disabled: watching,
-    onClick: onReadClick
-  }, "read()"), /* @__PURE__ */ React__default.default.createElement("button", {
-    className: "opbtn",
-    disabled: watching,
-    onClick: onWriteClick
-  }, "write()"), /* @__PURE__ */ React__default.default.createElement("button", {
-    className: "opbtn",
-    "data-active": watching,
-    onClick: onWatchClick
-  }, "watch()")), error ? /* @__PURE__ */ React__default.default.createElement("div", {
-    className: "error"
-  }, error) : watching ? /* @__PURE__ */ React__default.default.createElement(react.Query, {
-    query: input,
-    options
-  }, (props) => /* @__PURE__ */ React__default.default.createElement(Result, {
-    ...props
-  })) : /* @__PURE__ */ React__default.default.createElement(Result, {
-    ...{ result, loading, error }
-  }), /* @__PURE__ */ React__default.default.createElement("style", {
-    jsx: true
-  }, `
-        .error {
-          color: #c00;
-          padding: 1rem;
-        }
-        .editor {
-          min-height: 1rem;
-          width: 100%;
-        }
-        .opbar {
-          display: flex;
-        }
-        .opbtn {
-          flex: 1 1 0;
-          background: #ccc;
-          color: #333;
-          padding: 0.5rem 1rem;
-          border: none;
-        }
-        .opbtn:first-child {
-          border-top-left-radius: 4px;
-          border-bottom-left-radius: 4px;
-        }
-        .opbtn:last-child {
-          border-top-right-radius: 4px;
-          border-bottom-right-radius: 4px;
-        }
-        .opbtn:not(:disabled):hover {
-          cursor: pointer;
-          box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.1);
-        }
-        .opbtn[data-active='true']:not(:disabled),
-        .opbtn:not(:disabled):active {
-          background: #f36;
-          color: #fff;
-        }
-        .opbtn:disabled {
-          color: #888;
-        }
-      `));
-}
-function ExploreContainer({
-  baseUrl = "/",
-  getOptions,
-  ...options
-}) {
-  const [store, setStore] = React.useState();
-  React.useEffect(() => {
-    const store2 = new Graffy__default.default();
-    store2.use(GraffyFill__default.default());
-    store2.use(GraffyClient__default.default(baseUrl, { getOptions }));
-    setStore(store2);
-    window.store = store2;
-    window.graffy = common__namespace;
-  }, [baseUrl]);
-  return store ? /* @__PURE__ */ React__default.default.createElement(react.GraffyProvider, {
-    store
-  }, /* @__PURE__ */ React__default.default.createElement(Explore, {
-    ...options
-  })) : null;
-}
-module.exports = ExploreContainer;