@graffy/explore 0.15.7 → 0.15.8-alpha.4

package/index.cjs

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty,t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,a=(t,r,n)=>r in t?e(t,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[r]=n,l=(e,l)=>{for(var o in l||(l={}))r.call(l,o)&&a(e,o,l[o]);if(t)for(var o of t(l))n.call(l,o)&&a(e,o,l[o]);return e},o=require("react"),u=require("@graffy/core"),c=require("@graffy/fill"),i=require("@graffy/client"),s=require("@graffy/react"),d=require("@graffy/common");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m=f(o),p=f(u),g=f(c),y=f(i),E=b(d);function v({result:e,loading:t,error:r}){return m.default.createElement(m.default.Fragment,null,t?m.default.createElement("div",{className:"status"},"Loading..."):r?m.default.createElement("div",{className:"error"},r.toString()):e?m.default.createElement("pre",null,JSON.stringify(e,null,2)):m.default.createElement("div",{className:"status"},"No results"),m.default.createElement("style",{jsx:!0},"\n        .error {\n          color: #c00;\n          padding: 1rem;\n        }\n        .status {\n          color: #888;\n          padding: 1rem;\n        }\n      "))}function O(e){const[t,r]=o.useState({}),[n,a]=o.useState(null),[u,c]=o.useState(!1),[i,d]=o.useState(null),[f,b]=o.useState(null),p=s.useStore(),g=o.useCallback((e=>{try{r(function(e){const t=Object.keys(E);return new Function(...t,`return ${e};`)(...t.map((e=>E[e])))}(e.target.textContent))}catch(t){a(t.message)}}),[r,a]),y=o.useCallback((()=>a(null)),[a]);return m.default.createElement("div",null,m.default.createElement("pre",{className:"editor",contentEditable:!0,onFocus:y,onBlur:g}),m.default.createElement("div",{className:"opbar"},m.default.createElement("button",{className:"opbtn",disabled:f,onClick:async()=>{b(!1),c(!0);try{d(await p.read(t,e))}catch(r){a(r.message)}finally{c(!1)}}},"read()"),m.default.createElement("button",{className:"opbtn",disabled:f,onClick:async()=>{b(!1),c(!0);try{d(await p.write(t,e))}catch(r){a(r.message)}finally{c(!1)}}},"write()"),m.default.createElement("button",{className:"opbtn","data-active":f,onClick:()=>{d(null),c(!1),b((e=>!e))}},"watch()")),n?m.default.createElement("div",{className:"error"},n):f?m.default.createElement(s.Query,{query:t,options:e},(e=>m.default.createElement(v,l({},e)))):m.default.createElement(v,l({},{result:i,loading:u,error:n})),m.default.createElement("style",{jsx:!0},"\n        .error {\n          color: #c00;\n          padding: 1rem;\n        }\n        .editor {\n          min-height: 1rem;\n          width: 100%;\n        }\n        .opbar {\n          display: flex;\n        }\n        .opbtn {\n          flex: 1 1 0;\n          background: #ccc;\n          color: #333;\n          padding: 0.5rem 1rem;\n          border: none;\n        }\n        .opbtn:first-child {\n          border-top-left-radius: 4px;\n          border-bottom-left-radius: 4px;\n        }\n        .opbtn:last-child {\n          border-top-right-radius: 4px;\n          border-bottom-right-radius: 4px;\n        }\n        .opbtn:not(:disabled):hover {\n          cursor: pointer;\n          box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.1);\n        }\n        .opbtn[data-active='true']:not(:disabled),\n        .opbtn:not(:disabled):active {\n          background: #f36;\n          color: #fff;\n        }\n        .opbtn:disabled {\n          color: #888;\n        }\n      "))}module.exports=function(e){var a=e,{baseUrl:u="/",getOptions:c}=a,i=((e,a)=>{var l={};for(var o in e)r.call(e,o)&&a.indexOf(o)<0&&(l[o]=e[o]);if(null!=e&&t)for(var o of t(e))a.indexOf(o)<0&&n.call(e,o)&&(l[o]=e[o]);return l})(a,["baseUrl","getOptions"]);const[d,f]=o.useState();return o.useEffect((()=>{const e=new p.default;e.use(g.default()),e.use(y.default(u,{getOptions:c})),f(e),window.store=e,window.graffy=E}),[u]),d?m.default.createElement(s.GraffyProvider,{store:d},m.default.createElement(O,l({},i))):null};

package/index.mjs

@@ -0,0 +1 @@
+var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,a=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,o=(e,o)=>{for(var l in o||(o={}))n.call(o,l)&&a(e,l,o[l]);if(t)for(var l of t(o))r.call(o,l)&&a(e,l,o[l]);return e};import l,{useState as c,useCallback as i,useEffect as s}from"react";import m from"@graffy/core";import d from"@graffy/fill";import u from"@graffy/client";import{useStore as f,Query as p,GraffyProvider as b}from"@graffy/react";import*as g from"@graffy/common";function y({result:e,loading:t,error:n}){return l.createElement(l.Fragment,null,t?l.createElement("div",{className:"status"},"Loading..."):n?l.createElement("div",{className:"error"},n.toString()):e?l.createElement("pre",null,JSON.stringify(e,null,2)):l.createElement("div",{className:"status"},"No results"),l.createElement("style",{jsx:!0},"\n        .error {\n          color: #c00;\n          padding: 1rem;\n        }\n        .status {\n          color: #888;\n          padding: 1rem;\n        }\n      "))}function E(e){const[t,n]=c({}),[r,a]=c(null),[s,m]=c(!1),[d,u]=c(null),[b,E]=c(null),v=f(),w=i((e=>{try{n(function(e){const t=Object.keys(g);return new Function(...t,`return ${e};`)(...t.map((e=>g[e])))}(e.target.textContent))}catch(t){a(t.message)}}),[n,a]),h=i((()=>a(null)),[a]);return l.createElement("div",null,l.createElement("pre",{className:"editor",contentEditable:!0,onFocus:h,onBlur:w}),l.createElement("div",{className:"opbar"},l.createElement("button",{className:"opbtn",disabled:b,onClick:async()=>{E(!1),m(!0);try{u(await v.read(t,e))}catch(n){a(n.message)}finally{m(!1)}}},"read()"),l.createElement("button",{className:"opbtn",disabled:b,onClick:async()=>{E(!1),m(!0);try{u(await v.write(t,e))}catch(n){a(n.message)}finally{m(!1)}}},"write()"),l.createElement("button",{className:"opbtn","data-active":b,onClick:()=>{u(null),m(!1),E((e=>!e))}},"watch()")),r?l.createElement("div",{className:"error"},r):b?l.createElement(p,{query:t,options:e},(e=>l.createElement(y,o({},e)))):l.createElement(y,o({},{result:d,loading:s,error:r})),l.createElement("style",{jsx:!0},"\n        .error {\n          color: #c00;\n          padding: 1rem;\n        }\n        .editor {\n          min-height: 1rem;\n          width: 100%;\n        }\n        .opbar {\n          display: flex;\n        }\n        .opbtn {\n          flex: 1 1 0;\n          background: #ccc;\n          color: #333;\n          padding: 0.5rem 1rem;\n          border: none;\n        }\n        .opbtn:first-child {\n          border-top-left-radius: 4px;\n          border-bottom-left-radius: 4px;\n        }\n        .opbtn:last-child {\n          border-top-right-radius: 4px;\n          border-bottom-right-radius: 4px;\n        }\n        .opbtn:not(:disabled):hover {\n          cursor: pointer;\n          box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.1);\n        }\n        .opbtn[data-active='true']:not(:disabled),\n        .opbtn:not(:disabled):active {\n          background: #f36;\n          color: #fff;\n        }\n        .opbtn:disabled {\n          color: #888;\n        }\n      "))}function v(e){var a=e,{baseUrl:i="/",getOptions:f}=a,p=((e,a)=>{var o={};for(var l in e)n.call(e,l)&&a.indexOf(l)<0&&(o[l]=e[l]);if(null!=e&&t)for(var l of t(e))a.indexOf(l)<0&&r.call(e,l)&&(o[l]=e[l]);return o})(a,["baseUrl","getOptions"]);const[y,v]=c();return s((()=>{const e=new m;e.use(d()),e.use(u(i,{getOptions:f})),v(e),window.store=e,window.graffy=g}),[i]),y?l.createElement(b,{store:y},l.createElement(E,o({},p))):null}export{v as default};

package/package.json

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

package/types/index.d.ts

@@ -1,5 +1 @@
-export default function ExploreContainer({ baseUrl, getOptions, ...options }: {
-    [x: string]: any;
-    baseUrl?: string;
-    getOptions: any;
-}): JSX.Element;
+export default ExploreContainer;

package/cjs/Explore.js

@@ -1,221 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = Explore;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
-
-var _construct2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/construct"));
-
-var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@graffy/react");
-
-var common = _interopRequireWildcard(require("@graffy/common"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function Result(_ref) {
-  var result = _ref.result,
-      loading = _ref.loading,
-      error = _ref.error;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "status"
-  }, "Loading...") : error ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "error"
-  }, error.toString()) : result ? /*#__PURE__*/_react.default.createElement("pre", null, (0, _stringify.default)(result, null, 2)) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "status"
-  }, "No results"), /*#__PURE__*/_react.default.createElement("style", {
-    jsx: true
-  }, "\n        .error {\n          color: #c00;\n          padding: 1rem;\n        }\n        .status {\n          color: #888;\n          padding: 1rem;\n        }\n      "));
-}
-
-function evaluate(expression) {
-  var names = (0, _keys.default)(common);
-  var fn = (0, _construct2.default)(Function, (0, _concat.default)(names).call(names, ["return " + expression + ";"]));
-  return fn.apply(void 0, (0, _map.default)(names).call(names, function (name) {
-    return common[name];
-  }));
-}
-
-function Explore(options) {
-  var _useState = (0, _react.useState)({}),
-      input = _useState[0],
-      setInput = _useState[1];
-
-  var _useState2 = (0, _react.useState)(null),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      loading = _useState3[0],
-      setLoading = _useState3[1];
-
-  var _useState4 = (0, _react.useState)(null),
-      result = _useState4[0],
-      setResult = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      watching = _useState5[0],
-      setWatching = _useState5[1];
-
-  var store = (0, _react2.useStore)();
-  var onInputEnd = (0, _react.useCallback)(function (event) {
-    try {
-      setInput(evaluate(event.target.textContent));
-    } catch (e) {
-      setError(e.message);
-    }
-  });
-  var onInputStart = (0, _react.useCallback)(function () {
-    return setError(null);
-  });
-
-  var onReadClick = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setWatching(false);
-              setLoading(true);
-              _context.prev = 2;
-              _context.t0 = setResult;
-              _context.next = 6;
-              return store.read(input, options);
-
-            case 6:
-              _context.t1 = _context.sent;
-              (0, _context.t0)(_context.t1);
-              _context.next = 13;
-              break;
-
-            case 10:
-              _context.prev = 10;
-              _context.t2 = _context["catch"](2);
-              setError(_context.t2.message);
-
-            case 13:
-              _context.prev = 13;
-              setLoading(false);
-              return _context.finish(13);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[2, 10, 13, 16]]);
-    }));
-
-    return function onReadClick() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var onWriteClick = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              setWatching(false);
-              setLoading(true);
-              _context2.prev = 2;
-              _context2.t0 = setResult;
-              _context2.next = 6;
-              return store.write(input, options);
-
-            case 6:
-              _context2.t1 = _context2.sent;
-              (0, _context2.t0)(_context2.t1);
-              _context2.next = 13;
-              break;
-
-            case 10:
-              _context2.prev = 10;
-              _context2.t2 = _context2["catch"](2);
-              setError(_context2.t2.message);
-
-            case 13:
-              _context2.prev = 13;
-              setLoading(false);
-              return _context2.finish(13);
-
-            case 16:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[2, 10, 13, 16]]);
-    }));
-
-    return function onWriteClick() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var onWatchClick = function onWatchClick() {
-    setResult(null);
-    setLoading(false);
-    setWatching(function (w) {
-      return !w;
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("pre", {
-    className: "editor",
-    contentEditable: true,
-    onFocus: onInputStart,
-    onBlur: onInputEnd
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "opbar"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "opbtn",
-    disabled: watching,
-    onClick: onReadClick
-  }, "read()"), /*#__PURE__*/_react.default.createElement("button", {
-    className: "opbtn",
-    disabled: watching,
-    onClick: onWriteClick
-  }, "write()"), /*#__PURE__*/_react.default.createElement("button", {
-    className: "opbtn",
-    "data-active": watching,
-    onClick: onWatchClick
-  }, "watch()")), error ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "error"
-  }, error) : watching ? /*#__PURE__*/_react.default.createElement(_react2.Query, {
-    query: input,
-    options: options
-  }, function (props) {
-    return /*#__PURE__*/_react.default.createElement(Result, props);
-  }) : /*#__PURE__*/_react.default.createElement(Result, {
-    result: result,
-    loading: loading,
-    error: error
-  }), /*#__PURE__*/_react.default.createElement("style", {
-    jsx: true
-  }, "\n        .error {\n          color: #c00;\n          padding: 1rem;\n        }\n        .editor {\n          min-height: 1rem;\n          width: 100%;\n        }\n        .opbar {\n          display: flex;\n        }\n        .opbtn {\n          flex: 1 1 0;\n          background: #ccc;\n          color: #333;\n          padding: 0.5rem 1rem;\n          border: none;\n        }\n        .opbtn:first-child {\n          border-top-left-radius: 4px;\n          border-bottom-left-radius: 4px;\n        }\n        .opbtn:last-child {\n          border-top-right-radius: 4px;\n          border-bottom-right-radius: 4px;\n        }\n        .opbtn:not(:disabled):hover {\n          cursor: pointer;\n          box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.1);\n        }\n        .opbtn[data-active='true']:not(:disabled),\n        .opbtn:not(:disabled):active {\n          background: #f36;\n          color: #fff;\n        }\n        .opbtn:disabled {\n          color: #888;\n        }\n      "));
-}
-
-module.exports = exports.default;

package/cjs/index.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = ExploreContainer;
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = _interopRequireDefault(require("@graffy/core"));
-
-var _fill = _interopRequireDefault(require("@graffy/fill"));
-
-var _client = _interopRequireDefault(require("@graffy/client"));
-
-var _react2 = require("@graffy/react");
-
-var common = _interopRequireWildcard(require("@graffy/common"));
-
-var _Explore = _interopRequireDefault(require("./Explore.js"));
-
-var _excluded = ["baseUrl", "getOptions"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ExploreContainer(_ref) {
-  var _ref$baseUrl = _ref.baseUrl,
-      baseUrl = _ref$baseUrl === void 0 ? '/' : _ref$baseUrl,
-      getOptions = _ref.getOptions,
-      options = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-
-  var _useState = (0, _react.useState)(),
-      store = _useState[0],
-      setStore = _useState[1];
-
-  (0, _react.useEffect)(function () {
-    var store = new _core.default();
-    store.use((0, _fill.default)());
-    store.use((0, _client.default)(baseUrl, {
-      getOptions: getOptions
-    }));
-    setStore(store);
-    window.store = store;
-    window.graffy = common;
-  }, [baseUrl]);
-  return store ? /*#__PURE__*/_react.default.createElement(_react2.GraffyProvider, {
-    store: store
-  }, /*#__PURE__*/_react.default.createElement(_Explore.default, options)) : null;
-}
-
-module.exports = exports.default;

package/types/Explore.d.ts

@@ -1 +0,0 @@
-export default function Explore(options: any): JSX.Element;