npm - @graffy/explore - Versions diffs - 0.19.1 → 0.19.2 - Mend

@graffy/explore 0.19.1 → 0.19.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/Explore.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export default function Explore(options: any): import("react/jsx-runtime").JSX.Element;

package/Explore.js ADDED Viewed

@@ -0,0 +1,110 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as common from '@graffy/common';
+import { Query, useStore } from '@graffy/react';
+import { useCallback, useState } from 'react';
+function Result({ result, loading, error }) {
+    return (_jsxs(_Fragment, { children: [loading ? (_jsx("div", { className: "status", children: "Loading..." })) : error ? (_jsx("div", { className: "error", children: error.toString() })) : result ? (_jsx("pre", { children: JSON.stringify(result, null, 2) })) : (_jsx("div", { className: "status", children: "No results" })), _jsx("style", { jsx: true, children: `
+        .error {
+          color: #c00;
+          padding: 1rem;
+        }
+        .status {
+          color: #888;
+          padding: 1rem;
+        }
+      ` })] }));
+}
+function evaluate(expression) {
+    const names = Object.keys(common);
+    const fn = new Function(...names, `return ${expression};`);
+    // biome-ignore lint/performance/noDynamicNamespaceImportAccess: intentional — exposes all exports to user eval
+    return fn(...names.map((name) => common[name]));
+}
+export default function Explore(options) {
+    const [input, setInput] = useState({});
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [result, setResult] = useState(null);
+    const [watching, setWatching] = useState(null);
+    const store = useStore();
+    const onInputEnd = useCallback((event) => {
+        try {
+            setInput(evaluate(event.target.textContent));
+        }
+        catch (e) {
+            setError(e.message);
+        }
+    }, [setInput, setError]);
+    const onInputStart = 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 (_jsxs("div", { children: [_jsx("pre", { className: "editor", contentEditable: true, onFocus: onInputStart, onBlur: onInputEnd }), _jsxs("div", { className: "opbar", children: [_jsx("button", { className: "opbtn", disabled: watching, onClick: onReadClick, children: "read()" }), _jsx("button", { className: "opbtn", disabled: watching, onClick: onWriteClick, children: "write()" }), _jsx("button", { className: "opbtn", "data-active": watching, onClick: onWatchClick, children: "watch()" })] }), error ? (_jsx("div", { className: "error", children: error })) : watching ? (_jsx(Query, { query: input, options: options, children: (props) => _jsx(Result, { ...props }) })) : (_jsx(Result, { result, loading, error })), _jsx("style", { jsx: true, children: `
+        .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;
+        }
+      ` })] }));
+}

package/ExploreContainer.d.ts ADDED Viewed

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

package/ExploreContainer.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import GraffyClient from '@graffy/client';
+import * as common from '@graffy/common';
+import Graffy from '@graffy/core';
+import GraffyFill from '@graffy/fill';
+import { GraffyProvider } from '@graffy/react';
+import { useEffect, useState } from 'react';
+import Explore from "./Explore.js";
+export default function ExploreContainer({ baseUrl = '/', getOptions, ...options }) {
+    const [store, setStore] = useState(null);
+    useEffect(() => {
+        const store = new Graffy();
+        store.use(GraffyFill());
+        store.use(GraffyClient(baseUrl, { getOptions }));
+        setStore(store);
+        window.store = store;
+        window.graffy = common;
+    }, [baseUrl, getOptions]);
+    return store ? (_jsx(GraffyProvider, { store: store, children: _jsx(Explore, { ...options }) })) : null;
+}

package/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import ExploreContainer from './ExploreContainer.js';
2	+ export default ExploreContainer;

package/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import ExploreContainer from "./ExploreContainer.js";
2	+ export default ExploreContainer;

package/package.json CHANGED Viewed

@@ -1,26 +1,22 @@
 {
   "name": "@graffy/explore",
   "description": "Graffy client library for the browser.",
-  "author": "aravind (https://github.com/aravindet)",
-  "version": "0.19.1",
-  "main": "./index.cjs",
-  "exports": {
-    "import": "./index.mjs",
-    "require": "./index.cjs"
-  },
-  "module": "./index.mjs",
-  "types": "./types/index.d.ts",
+  "author": "graffy team (https://github.com/usegraffy)",
+  "version": "0.19.2",
+  "type": "module",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/usegraffy/graffy.git"
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@graffy/client": "0.19.1",
-    "@graffy/common": "0.19.1",
-    "@graffy/core": "0.19.1",
-    "@graffy/fill": "0.19.1",
-    "@graffy/react": "0.19.1"
+    "@graffy/common": "0.19.2",
+    "@graffy/react": "0.19.2",
+    "@graffy/client": "0.19.2",
+    "@graffy/core": "0.19.2",
+    "@graffy/fill": "0.19.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"

package/index.cjs DELETED Viewed

@@ -1,152 +0,0 @@
-"use strict";
-const GraffyClient = require("@graffy/client");
-const common = require("@graffy/common");
-const Graffy = require("@graffy/core");
-const GraffyFill = require("@graffy/fill");
-const react$1 = require("@graffy/react");
-const react = require("react");
-function _interopNamespaceDefault(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 common__namespace = /* @__PURE__ */ _interopNamespaceDefault(common);
-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 {
-          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$1.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.createElement("div", null, /* @__PURE__ */ React.createElement(
-    "pre",
-    {
-      className: "editor",
-      contentEditable: true,
-      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$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;
-        }
-        .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();
-    store2.use(GraffyFill());
-    store2.use(GraffyClient(baseUrl, { getOptions }));
-    setStore(store2);
-    window.store = store2;
-    window.graffy = common__namespace;
-  }, [baseUrl, getOptions]);
-  return store ? /* @__PURE__ */ React.createElement(react$1.GraffyProvider, { store }, /* @__PURE__ */ React.createElement(Explore, { ...options })) : null;
-}
-module.exports = ExploreContainer;

package/index.mjs DELETED Viewed

@@ -1,136 +0,0 @@
-import GraffyClient from "@graffy/client";
-import * as common from "@graffy/common";
-import Graffy from "@graffy/core";
-import GraffyFill from "@graffy/fill";
-import { useStore, Query, GraffyProvider } from "@graffy/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 {
-          color: #c00;
-          padding: 1rem;
-        }
-        .status {
-          color: #888;
-          padding: 1rem;
-        }
-      `));
-}
-function evaluate(expression) {
-  const names = Object.keys(common);
-  const fn = new Function(...names, `return ${expression};`);
-  return fn(...names.map((name) => common[name]));
-}
-function Explore(options) {
-  const [input, setInput] = useState({});
-  const [error, setError] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [result, setResult] = useState(null);
-  const [watching, setWatching] = useState(null);
-  const store = useStore();
-  const onInputEnd = useCallback(
-    (event) => {
-      try {
-        setInput(evaluate(event.target.textContent));
-      } catch (e) {
-        setError(e.message);
-      }
-    },
-    [setInput, setError]
-  );
-  const onInputStart = 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.createElement("div", null, /* @__PURE__ */ React.createElement(
-    "pre",
-    {
-      className: "editor",
-      contentEditable: true,
-      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(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;
-        }
-        .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] = useState();
-  useEffect(() => {
-    const store2 = new Graffy();
-    store2.use(GraffyFill());
-    store2.use(GraffyClient(baseUrl, { getOptions }));
-    setStore(store2);
-    window.store = store2;
-    window.graffy = common;
-  }, [baseUrl, getOptions]);
-  return store ? /* @__PURE__ */ React.createElement(GraffyProvider, { store }, /* @__PURE__ */ React.createElement(Explore, { ...options })) : null;
-}
-export {
-  ExploreContainer as default
-};

package/types/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export default ExploreContainer;