@graffy/explore 0.17.8-alpha.2 → 0.17.8-alpha.3

package/index.cjs

@@ -3,8 +3,8 @@ const GraffyClient = require("@graffy/client");
 const common = require("@graffy/common");
 const Graffy = require("@graffy/core");
 const GraffyFill = require("@graffy/fill");
-const react = require("@graffy/react");
-const React = require("react");
+const react$1 = require("@graffy/react");
+const react = require("react");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -40,13 +40,13 @@ function evaluate(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(
+  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$1.useStore();
+  const onInputEnd = react.useCallback(
     (event) => {
       try {
         setInput(evaluate(event.target.textContent));
@@ -56,7 +56,7 @@ function Explore(options) {
     },
     [setInput, setError]
   );
-  const onInputStart = React.useCallback(() => setError(null), [setError]);
+  const onInputStart = react.useCallback(() => setError(null), [setError]);
   const onReadClick = async () => {
     setWatching(false);
     setLoading(true);
@@ -92,7 +92,7 @@ function Explore(options) {
       onFocus: onInputStart,
       onBlur: onInputEnd
     }
-  ), /* @__PURE__ */ React.createElement("div", { className: "opbar" }, /* @__PURE__ */ React.createElement("button", { className: "opbtn", disabled: watching, onClick: onReadClick }, "read()"), /* @__PURE__ */ React.createElement("button", { className: "opbtn", disabled: watching, onClick: onWriteClick }, "write()"), /* @__PURE__ */ React.createElement("button", { className: "opbtn", "data-active": watching, onClick: onWatchClick }, "watch()")), error ? /* @__PURE__ */ React.createElement("div", { className: "error" }, error) : watching ? /* @__PURE__ */ React.createElement(react.Query, { query: input, options }, (props) => /* @__PURE__ */ React.createElement(Result, { ...props })) : /* @__PURE__ */ React.createElement(Result, { ...{ result, loading, error } }), /* @__PURE__ */ React.createElement("style", { jsx: true }, `
+  ), /* @__PURE__ */ React.createElement("div", { className: "opbar" }, /* @__PURE__ */ React.createElement("button", { className: "opbtn", disabled: watching, onClick: onReadClick }, "read()"), /* @__PURE__ */ React.createElement("button", { className: "opbtn", disabled: watching, onClick: onWriteClick }, "write()"), /* @__PURE__ */ React.createElement("button", { className: "opbtn", "data-active": watching, onClick: onWatchClick }, "watch()")), error ? /* @__PURE__ */ React.createElement("div", { className: "error" }, error) : watching ? /* @__PURE__ */ React.createElement(react$1.Query, { query: input, options }, (props) => /* @__PURE__ */ React.createElement(Result, { ...props })) : /* @__PURE__ */ React.createElement(Result, { ...{ result, loading, error } }), /* @__PURE__ */ React.createElement("style", { jsx: true }, `
         .error {
           color: #c00;
           padding: 1rem;
@@ -138,8 +138,8 @@ function ExploreContainer({
   getOptions,
   ...options
 }) {
-  const [store, setStore] = React.useState();
-  React.useEffect(() => {
+  const [store, setStore] = react.useState();
+  react.useEffect(() => {
     const store2 = new Graffy();
     store2.use(GraffyFill());
     store2.use(GraffyClient(baseUrl, { getOptions }));
@@ -147,6 +147,6 @@ function ExploreContainer({
     window.store = store2;
     window.graffy = common__namespace;
   }, [baseUrl, getOptions]);
-  return store ? /* @__PURE__ */ React.createElement(react.GraffyProvider, { store }, /* @__PURE__ */ React.createElement(Explore, { ...options })) : null;
+  return store ? /* @__PURE__ */ React.createElement(react$1.GraffyProvider, { store }, /* @__PURE__ */ React.createElement(Explore, { ...options })) : null;
 }
 module.exports = ExploreContainer;

package/index.mjs

@@ -3,7 +3,7 @@ import * as common from "@graffy/common";
 import Graffy from "@graffy/core";
 import GraffyFill from "@graffy/fill";
 import { useStore, Query, GraffyProvider } from "@graffy/react";
-import React, { useState, useCallback, useEffect } from "react";
+import { useState, useCallback, useEffect } from "react";
 function Result({ result, loading, error }) {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, loading ? /* @__PURE__ */ React.createElement("div", { className: "status" }, "Loading...") : error ? /* @__PURE__ */ React.createElement("div", { className: "error" }, error.toString()) : result ? /* @__PURE__ */ React.createElement("pre", null, JSON.stringify(result, null, 2)) : /* @__PURE__ */ React.createElement("div", { className: "status" }, "No results"), /* @__PURE__ */ React.createElement("style", { jsx: true }, `
         .error {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graffy/explore",
   "description": "Graffy client library for the browser.",
   "author": "aravind (https://github.com/aravindet)",
-  "version": "0.17.8-alpha.2",
+  "version": "0.17.8-alpha.3",
   "main": "./index.cjs",
   "exports": {
     "import": "./index.mjs",
@@ -16,11 +16,11 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@graffy/client": "0.17.8-alpha.2",
-    "@graffy/common": "0.17.8-alpha.2",
-    "@graffy/core": "0.17.8-alpha.2",
-    "@graffy/fill": "0.17.8-alpha.2",
-    "@graffy/react": "0.17.8-alpha.2"
+    "@graffy/client": "0.17.8-alpha.3",
+    "@graffy/common": "0.17.8-alpha.3",
+    "@graffy/core": "0.17.8-alpha.3",
+    "@graffy/fill": "0.17.8-alpha.3",
+    "@graffy/react": "0.17.8-alpha.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"