relay-forms-nodeps 1.0.0 → 1.1.0

package/lib/useFormSetValue.js

@@ -9,82 +9,181 @@ var RelayStoreProvider_1 = require("./relay/RelayStoreProvider");
 var RelayStoreUtils_1 = require("./relay/RelayStoreUtils");
 var useForceUpdate_1 = require("./useForceUpdate");
 var Utils_1 = require("./Utils");
-function useFormSetValue(_a) {
-  var key = _a.key,
-    initialValue = _a.initialValue,
-    validate = _a.validate,
-    validateOnChange = _a.validateOnChange;
-  var forceUpdate = useForceUpdate_1.useForceUpdate();
-  var environment = RelayStoreProvider_1.useStore();
-  var ref = React.useRef({
-    value: initialValue,
-    error: undefined,
-    check: validate ? 'INIT' : 'DONE',
+var INIT = 0;
+exports.TOBEVALIDATE = 1;
+exports.VALIDATING = 2;
+var DONE = 3;
+var DONEVALIDATED = 4;
+exports.RESET = 5;
+function getInitCheck(validate) {
+  return validate ? exports.TOBEVALIDATE : DONE;
+}
+function isDone(check) {
+  return check === DONE || check === DONEVALIDATED;
+}
+exports.isDone = isDone;
+function logicSetValue(params) {
+  var environment = params.environment,
+    key = params.key,
+    initialValue = params.initialValue,
+    forceUpdate = params.forceUpdate,
+    validateOnChange = params.validateOnChange,
+    label = params.label;
+  var validate = undefined;
+  var firstSet = true;
+  var localId = Utils_1.getFieldId(key);
+  function getValidate() {
+    return validate;
+  }
+  var ref = {
+    check: INIT,
     isChecking: false
-  });
-  var setValue = React.useCallback(function (newValue) {
-    ref.current.value = newValue;
-    if (ref.current.check === 'DONE' && validate) {
-      ref.current.check = 'START';
+  };
+  var dataResult = {
+    value: initialValue,
+    error: undefined
+  };
+  function commitField(commitValue) {
+    if (commitValue === void 0) {
+      commitValue = true;
+    }
+    Utils_1.commit(environment, function (store, form) {
+      var field = store.get(localId);
+      if (!field) {
+        field = store.create(localId).setValue(localId, 'id').setValue(label, 'label').setValue(key, 'key');
+        var entriesArray = form.getLinkedRecords('entries');
+        entriesArray.push(field);
+        form.setLinkedRecords(entriesArray, 'entries');
+      }
+      if (ref.check === exports.VALIDATING) {
+        form.setValue(true, 'isValidating');
+      }
+      field.setValue(ref.check, 'check').setValue(dataResult.error, 'error');
+      if (commitValue) field.setValue(dataResult.value, 'value');
+    });
+  }
+  function setValidate(newValidate) {
+    if (validate === newValidate && !firstSet) {
+      // first set only needs this
+      return;
     }
-    Utils_1.commitValue(key, newValue, ref.current.check, environment);
+    firstSet = false;
+    validate = newValidate;
+    // validation was called
+    if (ref.check === DONEVALIDATED && validate) {
+      ref.check = exports.VALIDATING;
+    } else {
+      // reinit
+      ref.check = getInitCheck(validate);
+    }
+    commitField();
+  }
+  function getData() {
+    return dataResult;
+  }
+  function changeData(value, error) {
+    dataResult = {
+      value: value,
+      error: error
+    };
     forceUpdate();
-  }, [environment, key, validate, forceUpdate]);
-  React.useEffect(function () {
-    //commitResetField(environment, key);
-    Utils_1.commitValue(key, initialValue, ref.current.check, environment);
+  }
+  function setValue(newValue) {
+    setValueInternal(newValue);
+  }
+  function setValueInternal(newValue, error) {
+    if (ref.check === DONEVALIDATED) {
+      ref.check = exports.VALIDATING;
+    }
+    changeData(newValue, error);
+    commitField();
+  }
+  function finalizeCheck(error) {
+    ref.isChecking = false;
+    ref.check = DONEVALIDATED;
+    if (dataResult.error !== error) {
+      changeData(dataResult.value, error);
+    }
+    commitField(false);
+  }
+  function internalValidate(value, validateFunction) {
+    ref.isChecking = true;
+    var result = validateFunction(value);
+    function internalFinalize(error) {
+      var validate = getValidate();
+      if (value !== dataResult.value || validate !== validateFunction) {
+        internalValidate(dataResult.value, validate);
+        return;
+      }
+      finalizeCheck(error);
+    }
+    if (RelayStoreUtils_1.isPromise(result)) {
+      result.then(internalFinalize).catch(internalFinalize);
+    } else {
+      internalFinalize(result);
+    }
+  }
+  function subscribe() {
     var snapshot = Utils_1.getSnapshot(environment, queries_1.FragmentSet, key);
     var disposeSubscrition = environment.subscribe(snapshot, function (s) {
-      var check = s.data.check;
-      var isStart = check === 'START';
-      var isReset = check === 'RESET';
-      ref.current.check = check;
+      var data = s.data;
+      var dataCheck = data.check;
+      var isValidating = dataCheck === exports.VALIDATING;
+      var isReset = dataCheck === exports.RESET;
+      ref.check = dataCheck;
+      var validate = getValidate();
       if (isReset) {
-        ref.current.check = validate ? 'INIT' : 'DONE';
-        setValue(initialValue);
-      } else {
-        if (!validate) {
-          Utils_1.commitErrorIntoRelay(key, undefined, environment);
-          return;
-        }
-        if (isStart && !ref.current.isChecking) {
-          internalValidate(ref.current.value);
-        }
+        ref.check = getInitCheck(validate);
+        setValueInternal(initialValue);
+      } else if (isValidating && !ref.isChecking) {
+        internalValidate(dataResult.value, validate);
       }
     }).dispose;
     var dispose = function () {
       disposeSubscrition();
-      Utils_1.commitResetField(environment, key);
+      Utils_1.commit(environment, function (store, form) {
+        var entriesArray = form.getLinkedRecords('entries');
+        var newEntries = entriesArray.filter(function (value) {
+          return value.getDataID() != localId;
+        });
+        form.setLinkedRecords(newEntries, 'entries');
+        store.delete(localId);
+      });
     };
-    function finalizeCheck(error) {
-      ref.current.isChecking = false;
-      if (ref.current.error !== error) {
-        ref.current.error = error;
-        forceUpdate();
-      }
-      Utils_1.commitErrorIntoRelay(key, error, environment);
-    }
-    function internalValidate(value) {
-      ref.current.isChecking = true;
-      var result = validate(value);
-      function internalFinalize(error) {
-        if (value !== ref.current.value) {
-          internalValidate(ref.current.value);
-          return;
-        }
-        finalizeCheck(error);
-      }
-      if (RelayStoreUtils_1.isPromise(result)) {
-        result.then(internalFinalize).catch(internalFinalize);
-      } else {
-        internalFinalize(result);
-      }
-    }
     if (validateOnChange) {
-      internalValidate(initialValue);
+      internalValidate(initialValue, getValidate());
     }
     return dispose;
-  }, [environment, initialValue, key, setValue, validate, validateOnChange, forceUpdate]);
-  return [ref.current, setValue];
+  }
+  return {
+    subscribe: subscribe,
+    getData: getData,
+    setValue: setValue,
+    setValidate: setValidate
+  };
+}
+function useFormSetValue(_a) {
+  var key = _a.key,
+    initialValue = _a.initialValue,
+    validate = _a.validate,
+    validateOnChange = _a.validateOnChange,
+    label = _a.label;
+  var forceUpdate = useForceUpdate_1.useForceUpdate();
+  var environment = RelayStoreProvider_1.useStore();
+  var resolver = React.useMemo(function () {
+    return logicSetValue({
+      environment: environment,
+      key: key,
+      label: label,
+      initialValue: initialValue,
+      forceUpdate: forceUpdate,
+      validateOnChange: validateOnChange
+    });
+  }, [environment, key, initialValue, forceUpdate, validateOnChange, label]);
+  resolver.setValidate(validate);
+  React.useEffect(function () {
+    return resolver.subscribe();
+  }, [resolver]);
+  return [resolver.getData(), resolver.setValue];
 }
 exports.useFormSetValue = useFormSetValue;

package/lib/useFormState.d.ts

@@ -1,2 +1,12 @@
-import { FormStateReturn } from './RelayFormsTypes';
-export declare const useFormState: () => FormStateReturn;
+export declare const useFormState: () => {
+    readonly errors: readonly {
+        readonly check: number;
+        readonly error: string;
+        readonly id: string;
+        readonly key: string;
+        readonly label: string;
+    }[];
+    readonly isSubmitting: boolean;
+    readonly isValid: boolean;
+    readonly isValidating: boolean;
+};

package/lib/useFormState.js

@@ -5,50 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 var React = require("react");
 var RelayStoreProvider_1 = require("./relay/RelayStoreProvider");
-var RelayStoreUtils_1 = require("./relay/RelayStoreUtils");
-var useForceUpdate_1 = require("./useForceUpdate");
 var Utils_1 = require("./Utils");
 exports.useFormState = function () {
-  var ref = React.useRef({
-    errors: undefined,
-    isValidating: false,
-    isSubmitting: false,
-    isValid: false
-  });
-  var forceUpdate = useForceUpdate_1.useForceUpdate();
   var environment = RelayStoreProvider_1.useStore();
+  var snapshot = React.useMemo(function () {
+    return environment.lookup(Utils_1.operationQueryErrorsForm.fragment);
+  }, [environment]);
+  var _a = React.useState(snapshot.data.form),
+    data = _a[0],
+    setData = _a[1];
   React.useEffect(function () {
-    function checkError(s) {
-      var data = s.data;
-      var form = data.form;
-      var entries = form.entries;
-      var current = ref.current;
-      var entryErrors = entries.filter(function (value) {
-        return !!value.error;
-      });
-      var entryValidated = entries.filter(function (value) {
-        return value.check === 'DONE';
-      });
-      var errors = entryErrors.length > 0 ? entryErrors : undefined;
-      var isValidating = form.isValidating;
-      var isSubmitting = form.isSubmitting;
-      var isValid = entries.length === entryValidated.length && (!errors || Object.keys(errors).length === 0);
-      var newState = {
-        errors: errors,
-        isValid: isValid,
-        isValidating: isValidating,
-        isSubmitting: isSubmitting
-      };
-      if (!RelayStoreUtils_1.areEqual(current, newState)) {
-        ref.current = newState;
-        forceUpdate();
-      }
-    }
-    var snapshot = environment.lookup(Utils_1.operationQueryErrorsForm.fragment);
-    checkError(snapshot);
     return environment.subscribe(snapshot, function (s) {
-      checkError(s);
+      setData(s.data.form);
     }).dispose;
-  }, [environment, forceUpdate]);
-  return ref.current;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [snapshot]);
+  return data;
 };

package/lib/useFormSubmit.js

@@ -6,105 +6,120 @@ Object.defineProperty(exports, "__esModule", {
 var React = require("react");
 var RelayStoreProvider_1 = require("./relay/RelayStoreProvider");
 var RelayStoreUtils_1 = require("./relay/RelayStoreUtils");
+var useFormSetValue_1 = require("./useFormSetValue");
 var Utils_1 = require("./Utils");
-exports.useFormSubmit = function (_a) {
-  var onSubmit = _a.onSubmit;
-  var environment = RelayStoreProvider_1.useStore();
-  React.useEffect(function () {
-    return environment.retain(Utils_1.operationQueryForm).dispose;
-  }, [environment]);
-  var ref = React.useRef({
-    isSubmitting: false,
-    isValidating: false,
-    error: undefined,
-    subscription: undefined
-  });
-  var internalValidate = React.useCallback(function (snapshot, isSubmitting) {
-    ref.current.isValidating = true;
-    var data = snapshot.data;
-    var filtered = data.form.entries.filter(function (value) {
-      return value.check === 'INIT';
-    });
-    Utils_1.commitValidateIntoRelay(filtered, isSubmitting, environment);
-  }, [environment]);
-  var execute = React.useCallback(function (environment, snapshot, dispose, onSubmit) {
+function logicSubmit(environment, onSubmit) {
+  function dispose() {
+    subscription && subscription.dispose();
+    subscription = undefined;
+  }
+  var isSubmitting = false;
+  var subscription;
+  function execute(snapshot) {
+    var disposeSubmit = function () {
+      isSubmitting = false;
+      Utils_1.commit(environment, function (_, form) {
+        form.setValue(false, 'isSubmitting');
+      });
+    };
     var data = snapshot.data;
     var entries = data.form.entries;
     var filtered = entries.filter(function (value) {
-      return value.check === 'DONE';
+      return useFormSetValue_1.isDone(value.check);
+    });
+    var isValidating = filtered.length !== entries.length;
+    var errors = entries.filter(function (value) {
+      return !!value.error;
+    }).map(function (value) {
+      return value.id;
     });
-    if (filtered.length === entries.length) {
-      var errors = entries.filter(function (value) {
-        return !!value.error;
+    var isValid = !isValidating && errors.length === 0;
+    Utils_1.commit(environment, function (store, form) {
+      form.setValue(isValidating, 'isValidating').setValue(isValid, 'isValid');
+      var errorFields = [];
+      errors.forEach(function (id) {
+        errorFields.push(store.get(id));
       });
-      Utils_1.commitValidateEndRelay(environment);
-      ref.current.isValidating = false;
-      var internalDispose = function () {
-        dispose();
-        if (ref.current.isSubmitting) {
-          ref.current.isSubmitting = false;
-          Utils_1.commitSubmitEndRelay(environment);
-        }
-      };
-      if (ref.current.isSubmitting && onSubmit && errors.length === 0) {
-        var result_1 = {};
-        entries.forEach(function (entry) {
-          result_1[entry.key] = entry.value;
-        });
-        var submit_1 = onSubmit(result_1);
-        if (RelayStoreUtils_1.isPromise(submit_1)) {
-          submit_1.then(internalDispose).catch(internalDispose);
-          return;
-        }
+      form.setLinkedRecords(errorFields, 'errors');
+    });
+    if (isValid && isSubmitting) {
+      dispose();
+      var result_1 = {};
+      entries.forEach(function (entry) {
+        result_1[entry.key] = entry.value;
+      });
+      var submit_1 = onSubmit(result_1);
+      if (RelayStoreUtils_1.isPromise(submit_1)) {
+        submit_1.then(disposeSubmit).catch(disposeSubmit);
+        return;
       }
-      internalDispose();
-    }
-  }, []);
-  var reset = React.useCallback(function () {
-    var snapshot = environment.lookup(Utils_1.operationQueryForm.fragment);
-    if (ref.current.isValidating && ref.current.isSubmitting) {
-      return;
+    } else if (!isValidating) {
+      disposeSubmit();
     }
-    var data = snapshot.data;
-    Utils_1.commitResetIntoRelay(data.form.entries, environment);
-  }, [environment]);
-  var subscribe = React.useCallback(function (submit) {
-    if (submit === void 0) {
-      submit = false;
-    }
-    var snapshot = environment.lookup(Utils_1.operationQueryForm.fragment);
-    var subscription = ref.current.subscription;
-    subscription && subscription.dispose();
-    function dispose() {
-      subscription && subscription.dispose();
-      ref.current.subscription = null;
+  }
+  function reset() {
+    if (!isSubmitting) {
+      dispose();
+      Utils_1.commit(environment, function (_, form) {
+        form.setValue(false, 'isSubmitting').setValue(false, 'isValidating').setLinkedRecords([], 'errors').getLinkedRecords('entries').forEach(function (entry) {
+          return entry.setValue(useFormSetValue_1.RESET, 'check').setValue(undefined, 'error');
+        });
+      });
     }
-    ref.current.subscription = environment.subscribe(snapshot, function (s) {
-      return execute(environment, s, dispose, onSubmit);
+  }
+  function validate() {
+    Utils_1.commit(environment, function (_, form) {
+      var tobeValitating = form.setValue(isSubmitting, 'isSubmitting').getLinkedRecords('entries').filter(function (value) {
+        return value.getValue('check') === useFormSetValue_1.TOBEVALIDATE;
+      });
+      form.setValue(tobeValitating.length === 0, 'isValidating');
+      tobeValitating.forEach(function (entry) {
+        return entry.setValue(useFormSetValue_1.VALIDATING, 'check');
+      });
     });
-    internalValidate(snapshot, submit);
-    execute(environment, snapshot, dispose, onSubmit);
-  }, [environment, internalValidate, execute, onSubmit]);
-  var validate = React.useCallback(function () {
-    if (!ref.current.isValidating) {
-      subscribe(false);
-    }
-  }, [subscribe]);
-  var submit = React.useCallback(function (event) {
-    if (event) {
-      event.preventDefault();
+    var snapshot = environment.lookup(Utils_1.operationQueryForm.fragment);
+    if (!subscription) {
+      subscription = environment.subscribe(snapshot, function (s) {
+        return execute(s);
+      });
     }
-    if (!ref.current.isSubmitting) {
-      ref.current.isSubmitting = true;
-      subscribe(true);
+    execute(snapshot);
+  }
+  function submit(event) {
+    event && event.preventDefault();
+    if (!isSubmitting) {
+      isSubmitting = true;
+      validate();
     }
-  }, [subscribe]);
-  var result = React.useMemo(function () {
-    return {
-      submit: submit,
-      validate: validate,
-      reset: reset
+  }
+  function subscribe() {
+    var disposeRetain = environment.retain(Utils_1.operationQueryForm).dispose;
+    return function () {
+      dispose();
+      disposeRetain();
     };
-  }, [submit, validate, reset]);
-  return result;
+  }
+  var result = {
+    submit: submit,
+    validate: validate,
+    reset: reset
+  };
+  function getData() {
+    return result;
+  }
+  return {
+    subscribe: subscribe,
+    getData: getData
+  };
+}
+exports.useFormSubmit = function (_a) {
+  var onSubmit = _a.onSubmit;
+  var environment = RelayStoreProvider_1.useStore();
+  var resolver = React.useMemo(function () {
+    return logicSubmit(environment, onSubmit);
+  }, [environment, onSubmit]);
+  React.useEffect(function () {
+    return resolver.subscribe();
+  }, [resolver]);
+  return resolver.getData();
 };

package/lib/useFormValue.js

@@ -19,7 +19,7 @@ function useFormValue(key) {
     return environment.subscribe(snapshot, function (s) {
       setData(s.data);
     }).dispose;
-  }, [environment, snapshot, setData]);
+  }, [environment, snapshot]);
   return data;
 }
 exports.useFormValue = useFormValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "relay-forms-nodeps",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "keywords": [
     "forms",
     "relay",
@@ -24,7 +24,7 @@
   },
   "scripts": {
     "clean": "rimraf lib",
-    "relay": "relay-compiler --src ./compile/ --schema ./forms.graphql --language typescript --artifactDirectory ./src/relay --persist-output ./ignore-queries.json",
+    "relay": "relay-compiler",
     "compile": "npm run clean && tsc && tsc --project tsconfig.esm.json && npm run build:js && npm run build:replace && npm run rollup",
     "build": "npm run compile && npm run test",
     "fast:test": "npm run clean && tsc && npm run test",
@@ -37,6 +37,19 @@
     "build:replace": "replace-in-file --configFile=replace.config.js",
     "rollup": "rollup -c"
   },
+  "relay": {
+    "src": "./compile/",
+    "schema": "./forms.graphql",
+    "excludes": [
+      "__generated__",
+      "node_modules"
+    ],
+    "language": "typescript",
+    "artifactDirectory": "./src/relay",
+    "persistConfig": {
+      "file": "./ignore-queries.json"
+    }
+  },
   "peerDependencies": {
     "react": "^16.9.0 || ^17 || ^18"
   },

package/yarn-error.log

@@ -1,27 +1,27 @@
-Arguments: 
-  C:\Program Files\nodejs\node.exe C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\bin\yarn.js fast:test
-
-PATH: 
-  C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\app\lorenzo.digiacomo\product\11.2.0\client_1\bin;C:\windows\system32;C:\windows;C:\windows\System32\Wbem;C:\windows\System32\WindowsPowerShell\v1.0\;C:\windows\System32\OpenSSH\;C:\Program Files\nodejs\;C:\gradle-5.6.4\bin;C:\apache-maven-3.6.3\bin;C:\Program Files\Docker\Docker\resources\bin;C:\ProgramData\DockerDesktop\version-bin;C:\Program Files\Git\cmd;C:\Program Files (x86)\NetSarang\Xshell 7\;C:\Program Files (x86)\NetSarang\Xftp 7\;C:\Program Files\TortoiseSVN\bin;C:\dev\flutter\bin;C:\Users\lorenzo.digiacomo\AppData\Local\Programs\Python\Python311\Scripts\;C:\Users\lorenzo.digiacomo\AppData\Local\Programs\Python\Python311\;C:\Users\lorenzo.digiacomo\AppData\Local\Microsoft\WindowsApps;C:\Users\lorenzo.digiacomo\AppData\Local\GitHubDesktop\bin;C:\Users\lorenzo.digiacomo\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\lorenzo.digiacomo\AppData\Roaming\npm;C:\dev\flutter\bin;
-
-Yarn version: 
-  1.22.18
-
-Node version: 
-  16.15.0
-
-Platform: 
-  win32 x64
-
-Trace: 
-  SyntaxError: C:\dev\GIT\TEMP\github\relay-forms\package.json: Unexpected string in JSON at position 991
-      at JSON.parse (<anonymous>)
-      at C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:1625:59
-      at Generator.next (<anonymous>)
-      at step (C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:310:30)
-      at C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:321:13
-
-npm manifest: 
+Arguments: 
+  C:\Program Files\nodejs\node.exe C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\bin\yarn.js fast:test
+
+PATH: 
+  C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\app\lorenzo.digiacomo\product\11.2.0\client_1\bin;C:\windows\system32;C:\windows;C:\windows\System32\Wbem;C:\windows\System32\WindowsPowerShell\v1.0\;C:\windows\System32\OpenSSH\;C:\Program Files\nodejs\;C:\gradle-5.6.4\bin;C:\apache-maven-3.6.3\bin;C:\Program Files\Docker\Docker\resources\bin;C:\ProgramData\DockerDesktop\version-bin;C:\Program Files\Git\cmd;C:\Program Files (x86)\NetSarang\Xshell 7\;C:\Program Files (x86)\NetSarang\Xftp 7\;C:\Program Files\TortoiseSVN\bin;C:\dev\flutter\bin;C:\Users\lorenzo.digiacomo\AppData\Local\Programs\Python\Python311\Scripts\;C:\Users\lorenzo.digiacomo\AppData\Local\Programs\Python\Python311\;C:\Users\lorenzo.digiacomo\AppData\Local\Microsoft\WindowsApps;C:\Users\lorenzo.digiacomo\AppData\Local\GitHubDesktop\bin;C:\Users\lorenzo.digiacomo\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\lorenzo.digiacomo\AppData\Roaming\npm;C:\dev\flutter\bin;
+
+Yarn version: 
+  1.22.18
+
+Node version: 
+  16.15.0
+
+Platform: 
+  win32 x64
+
+Trace: 
+  SyntaxError: C:\dev\GIT\TEMP\github\relay-forms\package.json: Unexpected string in JSON at position 991
+      at JSON.parse (<anonymous>)
+      at C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:1625:59
+      at Generator.next (<anonymous>)
+      at step (C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:310:30)
+      at C:\Users\lorenzo.digiacomo\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:321:13
+
+npm manifest: 
   {
     "name": "react-relay-forms",
     "version": "1.0.1",
@@ -118,10 +118,10 @@ npm manifest:
       "@rollup/plugin-replace": "^2.3.3",
       "@rollup/plugin-babel": "5.2.2"
     }
-  }
-
-yarn manifest: 
-  No manifest
-
-Lockfile: 
-  No lockfile
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile