@valbuild/react 0.12.0 → 0.13.3

package/dist/valbuild-react.browser.esm.js

@@ -1,1088 +1,14 @@
-import { _ as _unsupportedIterableToArray, a as _slicedToArray, b as _typeof } from './slicedToArray-236143cd.browser.esm.js';
-import React, { useState, useMemo, useEffect, createElement } from 'react';
-import { Style, ValOverlay } from '@valbuild/ui';
-import root from 'react-shadow';
-import { FILE_REF_PROP, VAL_EXTENSION, Internal } from '@valbuild/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { Internal } from '@valbuild/core';
 import parse from 'style-to-object';
 
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
+function ValProviderWrapper(_ref) {
+  _ref.host;
+    _ref.children;
+  {
+    return null;
   }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      var F = function () {};
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var normalCompletion = true,
-    didErr = false,
-    err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return exports;
-  };
-  var exports = {},
-    Op = Object.prototype,
-    hasOwn = Op.hasOwnProperty,
-    defineProperty = Object.defineProperty || function (obj, key, desc) {
-      obj[key] = desc.value;
-    },
-    $Symbol = "function" == typeof Symbol ? Symbol : {},
-    iteratorSymbol = $Symbol.iterator || "@@iterator",
-    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), obj[key];
-  }
-  try {
-    define({}, "");
-  } catch (err) {
-    define = function (obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-      generator = Object.create(protoGenerator.prototype),
-      context = new Context(tryLocsList || []);
-    return defineProperty(generator, "_invoke", {
-      value: makeInvokeMethod(innerFn, self, context)
-    }), generator;
-  }
-  function tryCatch(fn, obj, arg) {
-    try {
-      return {
-        type: "normal",
-        arg: fn.call(obj, arg)
-      };
-    } catch (err) {
-      return {
-        type: "throw",
-        arg: err
-      };
-    }
-  }
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-  var getProto = Object.getPrototypeOf,
-    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function (method) {
-      define(prototype, method, function (arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if ("throw" !== record.type) {
-        var result = record.arg,
-          value = result.value;
-        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-          invoke("next", value, resolve, reject);
-        }, function (err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-          result.value = unwrapped, resolve(result);
-        }, function (error) {
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-      reject(record.arg);
-    }
-    var previousPromise;
-    defineProperty(this, "_invoke", {
-      value: function (method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
-        }
-        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = "suspendedStart";
-    return function (method, arg) {
-      if ("executing" === state) throw new Error("Generator is already running");
-      if ("completed" === state) {
-        if ("throw" === method) throw arg;
-        return doneResult();
-      }
-      for (context.method = method, context.arg = arg;;) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-          if ("suspendedStart" === state) throw state = "completed", context.arg;
-          context.dispatchException(context.arg);
-        } else "return" === context.method && context.abrupt("return", context.arg);
-        state = "executing";
-        var record = tryCatch(innerFn, self, context);
-        if ("normal" === record.type) {
-          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-          return {
-            value: record.arg,
-            done: context.done
-          };
-        }
-        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(delegate, context) {
-    var methodName = context.method,
-      method = delegate.iterator[methodName];
-    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
-    var record = tryCatch(method, delegate.iterator, context.arg);
-    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-    var info = record.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
-    };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-  }
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal", delete record.arg, entry.completion = record;
-  }
-  function Context(tryLocsList) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next) return iterable;
-      if (!isNaN(iterable.length)) {
-        var i = -1,
-          next = function next() {
-            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-            return next.value = undefined, next.done = !0, next;
-          };
-        return next.next = next;
-      }
-    }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function (genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function (arg) {
-    return {
-      __await: arg
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-      return result.done ? result.value : iter.next();
-    });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-    return this;
-  }), define(Gp, "toString", function () {
-    return "[object Generator]";
-  }), exports.keys = function (val) {
-    var object = Object(val),
-      keys = [];
-    for (var key in object) keys.push(key);
-    return keys.reverse(), function next() {
-      for (; keys.length;) {
-        var key = keys.pop();
-        if (key in object) return next.value = key, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, exports.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-    },
-    stop: function () {
-      this.done = !0;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type) throw rootRecord.arg;
-      return this.rval;
-    },
-    dispatchException: function (exception) {
-      if (this.done) throw exception;
-      var context = this;
-      function handle(loc, caught) {
-        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-      }
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i],
-          record = entry.completion;
-        if ("root" === entry.tryLoc) return handle("end");
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"),
-            hasFinally = hasOwn.call(entry, "finallyLoc");
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-          } else {
-            if (!hasFinally) throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record = finallyEntry ? finallyEntry.completion : {};
-      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-    },
-    complete: function (record, afterLoc) {
-      if ("throw" === record.type) throw record.arg;
-      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-    },
-    finish: function (finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-      }
-    },
-    catch: function (tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if ("throw" === record.type) {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (iterable, resultName, nextLoc) {
-      return this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-    }
-  }, exports;
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
-var ValApi = /*#__PURE__*/function () {
-  function ValApi(host) {
-    _classCallCheck(this, ValApi);
-    this.host = host;
-  }
-  _createClass(ValApi, [{
-    key: "getModule",
-    value: function () {
-      var _getModule = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(sourcePath) {
-        var res, serializedVal;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return fetch("".concat(this.host, "/ids").concat(sourcePath));
-            case 2:
-              res = _context.sent;
-              if (!res.ok) {
-                _context.next = 10;
-                break;
-              }
-              _context.next = 6;
-              return res.json();
-            case 6:
-              serializedVal = _context.sent;
-              return _context.abrupt("return", serializedVal);
-            case 10:
-              _context.t0 = Error;
-              _context.t1 = "Failed to get content of module \"".concat(sourcePath, "\". Status: ").concat(res.status, ". Error: ");
-              _context.next = 14;
-              return res.text();
-            case 14:
-              _context.t2 = _context.sent;
-              _context.t3 = _context.t1.concat.call(_context.t1, _context.t2);
-              throw (0, _context.t0)(_context.t3);
-            case 17:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function getModule(_x) {
-        return _getModule.apply(this, arguments);
-      }
-      return getModule;
-    }()
-  }, {
-    key: "patchModuleContent",
-    value: function () {
-      var _patchModuleContent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(moduleId, patch) {
-        var res;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return fetch("".concat(this.host, "/ids").concat(moduleId), {
-                method: "PATCH",
-                headers: {
-                  "Content-Type": "application/json-patch+json"
-                },
-                body: JSON.stringify(patch)
-              });
-            case 2:
-              res = _context2.sent;
-              if (!res.ok) {
-                _context2.next = 7;
-                break;
-              }
-              return _context2.abrupt("return", res.json());
-            case 7:
-              _context2.t0 = Error;
-              _context2.t1 = "Failed to patch content of module \"".concat(moduleId, "\". Error: ");
-              _context2.next = 11;
-              return res.text();
-            case 11:
-              _context2.t2 = _context2.sent;
-              _context2.t3 = _context2.t1.concat.call(_context2.t1, _context2.t2);
-              throw (0, _context2.t0)(_context2.t3);
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function patchModuleContent(_x2, _x3) {
-        return _patchModuleContent.apply(this, arguments);
-      }
-      return patchModuleContent;
-    }()
-  }, {
-    key: "commit",
-    value: function () {
-      var _commit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var res;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return fetch("".concat(this.host, "/commit"), {
-                method: "POST"
-              });
-            case 2:
-              res = _context3.sent;
-              if (!res.ok) {
-                _context3.next = 7;
-                break;
-              }
-              return _context3.abrupt("return");
-            case 7:
-              _context3.t0 = Error;
-              _context3.t1 = "Failed to commit. Error: ";
-              _context3.next = 11;
-              return res.text();
-            case 11:
-              _context3.t2 = _context3.sent;
-              _context3.t3 = _context3.t1.concat.call(_context3.t1, _context3.t2);
-              throw (0, _context3.t0)(_context3.t3);
-            case 14:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function commit() {
-        return _commit.apply(this, arguments);
-      }
-      return commit;
-    }()
-  }, {
-    key: "getSession",
-    value: function getSession() {
-      return fetch("".concat(this.host, "/session"));
-    }
-  }, {
-    key: "loginUrl",
-    value: function loginUrl() {
-      return "".concat(this.host, "/authorize?redirect_to=").concat(encodeURIComponent(location.href));
-    }
-  }, {
-    key: "logout",
-    value: function logout() {
-      return fetch("".concat(this.host, "/logout"));
-    }
-  }]);
-  return ValApi;
-}();
-
-var ValStore = /*#__PURE__*/function () {
-  function ValStore(api) {
-    var _this = this;
-    _classCallCheck(this, ValStore);
-    _defineProperty(this, "subscribe", function (moduleId) {
-      return function (listener) {
-        var listeners = _this.listeners[moduleId] = moduleId in _this.listeners ? _this.listeners[moduleId] : [];
-        listeners.push(listener);
-        return function () {
-          listeners.splice(listeners.indexOf(listener), 1);
-          if (listeners.length === 0) {
-            delete _this.listeners[moduleId];
-          }
-        };
-      };
-    });
-    _defineProperty(this, "getSnapshot", function (moduleId) {
-      return function () {
-        return _this.vals.get(moduleId);
-      };
-    });
-    _defineProperty(this, "getServerSnapshot", function (moduleId) {
-      return function () {
-        return _this.vals.get(moduleId);
-      };
-    });
-    this.api = api;
-    this.vals = new Map();
-    this.listeners = {};
-  }
-  _createClass(ValStore, [{
-    key: "updateAll",
-    value: function () {
-      var _updateAll = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return Promise.all(
-              // eslint-disable-next-line @typescript-eslint/no-unused-vars
-              Object.keys(this.listeners).map( /*#__PURE__*/function () {
-                var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(moduleId) {
-                  return _regeneratorRuntime().wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                return function (_x) {
-                  return _ref.apply(this, arguments);
-                };
-              }()));
-            case 2:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function updateAll() {
-        return _updateAll.apply(this, arguments);
-      }
-      return updateAll;
-    }()
-  }, {
-    key: "set",
-    value: function set(moduleId, val) {
-      this.vals.set(moduleId, val);
-      this.emitChange(moduleId);
-    }
-  }, {
-    key: "get",
-    value: function get(moduleId) {
-      return this.vals.get(moduleId);
-    }
-  }, {
-    key: "emitChange",
-    value: function emitChange(moduleId) {
-      var listeners = this.listeners[moduleId];
-      if (typeof listeners === "undefined") return;
-      var _iterator = _createForOfIteratorHelper(listeners),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var listener = _step.value;
-          listener();
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    }
-  }]);
-  return ValStore;
-}();
-
-var ValContext = /*#__PURE__*/React.createContext({
-  get valStore() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  },
-  get valApi() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  }
-});
-function ValProvider(_ref) {
-  var _ref3;
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedSources = _useState2[0],
-    setSelectedSources = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    editMode = _useState4[0],
-    setEditMode = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    editFormPosition = _useState6[0],
-    setEditFormPosition = _useState6[1];
-  var _useState7 = useState({
-      status: "not-asked"
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    authentication = _useState8[0],
-    setAuthentication = _useState8[1];
-  var valApi = useMemo(function () {
-    return new ValApi(host);
-  }, [host]);
-  var valStore = useMemo(function () {
-    return new ValStore(valApi);
-  }, [valApi]);
-  useEffect(function () {
-    if (editMode) {
-      valStore.updateAll();
-    }
-  }, [editMode]);
-  useEffect(function () {
-    var openValFormListener = undefined;
-    var styleElement = undefined;
-    var editButtonClickOptions = {
-      capture: true,
-      passive: true
-    };
-    if (editMode) {
-      // highlight val element by appending a new style
-      styleElement = document.createElement("style");
-      styleElement.id = "val-edit-highlight";
-      styleElement.innerHTML = "\n        .val-edit-mode >* [data-val-path] {\n          outline: black solid 2px;\n          outline-offset: 4px;\n          cursor: pointer;\n        }\n      ";
-      document.body.appendChild(styleElement);
-
-      // capture event clicks on data-val-path elements
-      openValFormListener = function openValFormListener(e) {
-        if (e.target instanceof Element) {
-          var _parent;
-          var parent = e.target;
-          while (parent && parent !== document.body) {
-            if (parent.getAttribute("data-val-path")) {
-              break;
-            }
-            if (parent.parentElement) {
-              parent = parent.parentElement;
-            } else {
-              break;
-            }
-          }
-          var valSources = (_parent = parent) === null || _parent === void 0 ? void 0 : _parent.getAttribute("data-val-path");
-          if (valSources) {
-            e.stopPropagation();
-            setSelectedSources(valSources.split(",") /* TODO: just split on commas will not work if path contains , */);
-
-            setEditFormPosition({
-              left: e.pageX,
-              top: e.pageY
-            });
-            // } else if (!isValElement(e.target)) {
-            //   console.log("click outside", e.target);
-            //   setEditFormPosition(null);
-            //   setSelectedSources([]);
-          }
-        }
-      };
-
-      document.addEventListener("click", openValFormListener, editButtonClickOptions);
-    }
-    return function () {
-      var _styleElement;
-      if (openValFormListener) {
-        document.removeEventListener("click", openValFormListener, editButtonClickOptions);
-      }
-      (_styleElement = styleElement) === null || _styleElement === void 0 ? void 0 : _styleElement.remove();
-    };
-  }, [editMode]);
-
-  // useEffect(() => {
-  //   const requestAuth = !(
-  //     authentication.status === "authenticated" ||
-  //     authentication.status === "local"
-  //   );
-  //   if (requestAuth) {
-  //     setSelectedSources([]);
-  //     console.log("request auth");
-  //     setEditFormPosition(null);
-  //   }
-  //   if (!editMode) {
-  //     // reset state when disabled
-  //     setSelectedSources([]);
-  //     console.log("reset state");
-  //     setEditFormPosition(null);
-  //   }
-  // }, [editMode, selectedSources.length, authentication.status]);
-
-  useEffect(function () {
-    if (editMode) {
-      document.body.classList.add("val-edit-mode");
-    } else {
-      document.body.classList.remove("val-edit-mode");
-    }
-    if (editMode) {
-      if (authentication.status !== "authenticated") {
-        valApi.getSession().then( /*#__PURE__*/function () {
-          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
-            var data, message;
-            return _regeneratorRuntime().wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  if (!(res.status === 401)) {
-                    _context.next = 4;
-                    break;
-                  }
-                  setAuthentication({
-                    status: "unauthenticated"
-                  });
-                  _context.next = 21;
-                  break;
-                case 4:
-                  if (!res.ok) {
-                    _context.next = 11;
-                    break;
-                  }
-                  _context.next = 7;
-                  return res.json();
-                case 7:
-                  data = _context.sent;
-                  if (data.mode === "local") {
-                    setAuthentication({
-                      status: "local"
-                    });
-                  } else if (data.mode === "proxy") {
-                    setAuthentication({
-                      status: "authenticated"
-                    });
-                  } else {
-                    setAuthentication({
-                      status: "error",
-                      message: "Unknown authentication mode"
-                    });
-                  }
-                  _context.next = 21;
-                  break;
-                case 11:
-                  message = "Unknown error";
-                  _context.prev = 12;
-                  _context.next = 15;
-                  return res.text();
-                case 15:
-                  message = _context.sent;
-                  _context.next = 20;
-                  break;
-                case 18:
-                  _context.prev = 18;
-                  _context.t0 = _context["catch"](12);
-                case 20:
-                  setAuthentication({
-                    status: "error",
-                    message: message
-                  });
-                case 21:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee, null, [[12, 18]]);
-          }));
-          return function (_x) {
-            return _ref2.apply(this, arguments);
-          };
-        }())["catch"](function (err) {
-          console.error("Failed to fetch session", err);
-          setAuthentication({
-            status: "error",
-            message: "Unknown authentication mode"
-          });
-        });
-      }
-    } else {
-      if (authentication.status === "error") {
-        setAuthentication({
-          status: "not-asked"
-        });
-      }
-    }
-  }, [editMode, authentication.status]);
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showEditButton = _useState10[0],
-    setShowEditButton = _useState10[1];
-  useEffect(function () {
-    setShowEditButton(true);
-  }, []);
-  var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    inputs = _useState12[0],
-    setInputs = _useState12[1];
-  useEffect(function () {
-    setInputs({});
-    var _iterator = _createForOfIteratorHelper(selectedSources),
-      _step;
-    try {
-      var _loop = function _loop() {
-        var path = _step.value;
-        valApi.getModule(path).then(function (serializedModule) {
-          var input;
-          if (serializedModule.schema.type === "string" && typeof serializedModule.source === "string") {
-            input = {
-              status: "completed",
-              type: "text",
-              data: serializedModule.source
-            };
-          } else if (serializedModule.schema.type === "richtext" && _typeof(serializedModule.source) === "object") {
-            input = {
-              status: "completed",
-              type: "richtext",
-              data: serializedModule.source // TODO: validate
-            };
-          } else if (serializedModule.schema.type === "image" && serializedModule.source && _typeof(serializedModule.source) === "object" && FILE_REF_PROP in serializedModule.source && typeof serializedModule.source[FILE_REF_PROP] === "string" && VAL_EXTENSION in serializedModule.source && typeof serializedModule.source[VAL_EXTENSION] === "string") {
-            input = {
-              status: "completed",
-              type: "image",
-              data: Internal.convertImageSource(serializedModule.source)
-            };
-          }
-          console.log("input path", path);
-          console.log("serialized path", serializedModule.path);
-          if (!input) {
-            throw new Error("Unsupported module type: ".concat(serializedModule.schema.type));
-          }
-          setInputs(function (inputs) {
-            return _objectSpread2(_objectSpread2({}, inputs), {}, _defineProperty({}, serializedModule.path, input));
-          });
-        });
-      };
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        _loop();
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  }, [selectedSources.join(",")]);
-  return /*#__PURE__*/jsxs(ValContext.Provider, {
-    value: {
-      valApi: valApi,
-      valStore: valStore
-    },
-    children: [children, showEditButton && /*#__PURE__*/jsxs(root.div, {
-      children: [/*#__PURE__*/jsx("link", {
-        rel: "preconnect",
-        href: "https://fonts.googleapis.com"
-      }), /*#__PURE__*/jsx("link", {
-        rel: "preconnect",
-        href: "https://fonts.gstatic.com",
-        crossOrigin: "anonymous"
-      }), /*#__PURE__*/jsx("link", {
-        href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400;1,700&display=swap",
-        rel: "stylesheet"
-      }), /*#__PURE__*/jsx(Style, {}), /*#__PURE__*/jsx("div", {
-        "data-mode": "dark",
-        children: /*#__PURE__*/jsx(ValOverlay, {
-          editMode: editMode,
-          setEditMode: setEditMode,
-          closeValWindow: function closeValWindow() {
-            setEditFormPosition(null);
-            setSelectedSources([]);
-            setInputs({});
-          },
-          valWindow: (_ref3 = editFormPosition && {
-            position: editFormPosition,
-            inputs: inputs,
-            onSubmit: function onSubmit(inputs) {
-              Promise.all(Object.entries(inputs).map(function (_ref4) {
-                var _ref5 = _slicedToArray(_ref4, 2),
-                  path = _ref5[0],
-                  input = _ref5[1];
-                if (input.status === "completed") {
-                  var _Internal$splitModule = Internal.splitModuleIdAndModulePath(path),
-                    _Internal$splitModule2 = _slicedToArray(_Internal$splitModule, 2),
-                    moduleId = _Internal$splitModule2[0],
-                    modulePath = _Internal$splitModule2[1];
-                  if (input.type === "text") {
-                    var patch = [{
-                      value: input.data,
-                      op: "replace",
-                      path: "/".concat(modulePath.split(".").map(function (p) {
-                        return JSON.parse(p);
-                      }).join("/"))
-                    }];
-                    return valApi.patchModuleContent(moduleId, patch);
-                  } else if (input.type === "image") {
-                    var pathParts = modulePath.split(".").map(function (p) {
-                      return JSON.parse(p);
-                    });
-                    if (!(input !== null && input !== void 0 && input.data) || !("src" in input.data)) {
-                      // TODO: We probably need to have an Output type that is different from the Input: we have a union of both cases in Input right now, and we believe we do not want that
-                      console.warn("No .src on input provided - this might mean no changes was made");
-                      return;
-                    }
-                    var _patch = [{
-                      value: input.data.src,
-                      op: "replace",
-                      path: "/".concat(pathParts.slice(0, -1).join("/"), "/$").concat(pathParts[pathParts.length - 1])
-                    }];
-                    if (input.data.metadata) {
-                      if (input.data.addMetadata) {
-                        _patch.push({
-                          value: input.data.metadata,
-                          op: "add",
-                          path: "/".concat(pathParts.join("/"), "/metadata")
-                        });
-                      } else {
-                        _patch.push({
-                          value: input.data.metadata,
-                          op: "replace",
-                          path: "/".concat(pathParts.join("/"), "/metadata")
-                        });
-                      }
-                    }
-                    console.log("patch", _patch);
-                    return valApi.patchModuleContent(moduleId, _patch);
-                  } else if (input.type === "richtext") {
-                    var _patch2 = [{
-                      value: input.data,
-                      op: "replace",
-                      path: "/".concat(modulePath.split(".").map(function (p) {
-                        return JSON.parse(p);
-                      }).join("/"))
-                    }];
-                    return valApi.patchModuleContent(moduleId, _patch2);
-                  }
-                  throw new Error("Unsupported input type: ".concat(input.type));
-                } else {
-                  console.error("Submitted incomplete input, ignoring...");
-                  return Promise.resolve();
-                }
-              })).then(function () {
-                setEditFormPosition(null);
-                setSelectedSources([]);
-                setInputs({});
-              });
-            }
-          }) !== null && _ref3 !== void 0 ? _ref3 : undefined
-        })
-      })]
-    })]
-  });
 }
 
 function useVal(selector, locale) {
@@ -1224,4 +150,4 @@ function ListItemComponent(_ref6) {
   });
 }
 
-export { ValProvider, ValRichText, useVal };
+export { ValProviderWrapper as ValProvider, ValRichText, useVal };