eddev 0.1.38 → 0.1.41

package/blocks/ContentBlocks.d.ts

@@ -16,8 +16,7 @@ declare type BlocksContext = {
     current: ContentBlock;
 };
 export declare const BlocksContext: import("react").Context<BlocksContext | undefined>;
-declare type Props = {
-    blocks: ContentBlock[];
+export declare type ContentBlocksSettings = {
     wrapBlock?: (child: ReactElement, ctx: BlocksContext) => ReactElement;
     spacer?: (ctx: {
         ancestors: ContentBlock[];
@@ -26,6 +25,9 @@ declare type Props = {
         next: ContentBlock | null;
     }) => ReactElement | null;
 };
+declare type Props = {
+    blocks: ContentBlock[];
+} & ContentBlocksSettings;
 export declare type GenericBlockProps = {
     innerHTML?: string;
     innerContent?: string[];

package/blocks/inlineEditing.d.ts

@@ -1,4 +1,5 @@
 import { ElementType } from "react";
+import { ContentBlocksSettings } from ".";
 declare type PropTypes<T extends ElementType> = {
     /** The 'key' of this editable text value */
     id: string;
@@ -18,6 +19,6 @@ declare type InnerBlocksProps = {
     templateLock?: any;
     template?: any;
     renderAppender?: any;
-};
+} & ContentBlocksSettings;
 export declare function InnerBlocks(props: InnerBlocksProps): JSX.Element;
 export {};

package/blocks/inlineEditing.js

@@ -40,6 +40,7 @@ function EditableText(_a) {
     }
     else {
         var value = (0, blockAttributes_1.useInlineEditableValue)(id)[0];
+        var router_1 = (0, __1.useRouter)();
         var otherProps = __assign({}, props);
         delete otherProps.inlineToolbar;
         delete otherProps.disableLineBreaks;
@@ -54,7 +55,6 @@ function EditableText(_a) {
                 return null;
             }
         }
-        var router_1 = (0, __1.useRouter)();
         return (0, react_1.createElement)(as || "div", __assign({ dangerouslySetInnerHTML: { __html: value }, onClick: function (e) {
                 if (e.target && e.target instanceof HTMLAnchorElement) {
                     if ((0, remoteProps_1.isSameOrigin)(e.target.href) && router_1) {
@@ -74,7 +74,7 @@ function InnerBlocks(props) {
     }
     else {
         var blocks = (0, blockAttributes_1.useInnerBlocks)();
-        return (0, jsx_runtime_1.jsx)(ContentBlocks_1.ContentBlocks, { blocks: blocks }, void 0);
+        return (0, jsx_runtime_1.jsx)(ContentBlocks_1.ContentBlocks, { blocks: blocks, spacer: props.spacer, wrapBlock: props.wrapBlock }, void 0);
     }
 }
 exports.InnerBlocks = InnerBlocks;

package/components/BrowserRouter.js

@@ -29,12 +29,15 @@ var updateHeadTags_1 = require("../routing/updateHeadTags");
 var hasPopulatedCache = false;
 function BrowserRouter(props) {
     var setAppData = (0, hooks_1.useAppDataStore)(function (s) { return s.setAppData; });
-    var _a = (0, react_1.useState)(function () { return document.location.href; }), url = _a[0], setUrl = _a[1];
-    var _b = (0, react_1.useState)(function () {
+    var _a = (0, react_1.useState)(function () {
         setAppData(_PAGE_DATA.appData.data);
-        return _PAGE_DATA;
-    }), data = _b[0], setData = _b[1];
-    var _c = (0, react_1.useState)(null), pending = _c[0], setPendingUrl = _c[1];
+        return {
+            url: document.location.href,
+            data: _PAGE_DATA,
+        };
+    }), state = _a[0], setState = _a[1];
+    var url = state.url, data = state.data;
+    var _b = (0, react_1.useState)(null), pending = _b[0], setPendingUrl = _b[1];
     var setIsLoading = (0, usePageLoad_1.usePageLoad)(function (s) { return s.setIsLoading; });
     (0, react_1.useEffect)(function () {
         if (data.errorStack) {
@@ -68,8 +71,11 @@ function BrowserRouter(props) {
             var view = views_1.default[data.view];
             var finish = function () {
                 var _a, _b;
-                setUrl(pending.url);
-                setData(data);
+                setState({
+                    url: pending.url,
+                    data: data,
+                });
+                // setData(data)
                 if (data.appData) {
                     setAppData(data.appData.data);
                 }
@@ -81,16 +87,6 @@ function BrowserRouter(props) {
                 if (!pending.popped) {
                     history.replaceState({ scrollPosition: (_b = document.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop }, "", document.location.href);
                     history.pushState({}, "", pending.url);
-                    // if (document.scrollingElement) {
-                    //   console.log("Scroll to top")
-                    //   document.scrollingElement.scrollTop = 0
-                    // }
-                }
-                else {
-                    // if (document.scrollingElement) {
-                    //   console.log("Scroll to", pending.scrollPosition)
-                    //   document.scrollingElement.scrollTop = pending.scrollPosition || 0
-                    // }
                 }
             };
             if (view && view.preload) {
@@ -106,6 +102,12 @@ function BrowserRouter(props) {
             cancelled = true;
         };
     }, [pending]);
+    var _c = (0, react_1.useState)({ value: null }), scrollPosition = _c[0], setScrollPosition = _c[1];
+    (0, react_1.useEffect)(function () {
+        if (document.scrollingElement && typeof scrollPosition.value === "number") {
+            document.scrollingElement.scrollTop = scrollPosition.value;
+        }
+    }, [scrollPosition]);
     return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, __assign({ url: url, data: data, onNavigateRequest: function (url) {
             setPendingUrl({ popped: false, url: url });
         }, onPreload: function (url) {
@@ -113,7 +115,12 @@ function BrowserRouter(props) {
                 (0, remoteProps_1.fetchProps)(url);
             }
         }, onNavigated: function () {
-            console.log("Navigated");
+            if (pending && typeof pending.scrollPosition === "number") {
+                setScrollPosition({ value: pending.scrollPosition });
+            }
+            else {
+                setScrollPosition({ value: 0 });
+            }
         } }, { children: props.children }), void 0));
 }
 exports.BrowserRouter = BrowserRouter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.1.38",
+  "version": "0.1.41",
   "main": "./index.js",
   "license": "MIT",
   "bin": {

package/routing/remoteProps.js

@@ -42,6 +42,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasCachedProps = exports.fetchProps = exports.isSameOrigin = exports.setInitialProps = exports.parseURL = void 0;
 var url_parse_1 = __importDefault(require("url-parse"));
 var qs_1 = __importDefault(require("qs"));
+var pending = {};
 var cache = {};
 function parseURL(url) {
     return (0, url_parse_1.default)(url, qs_1.default.parse);
@@ -63,26 +64,26 @@ function isSameOrigin(url) {
 exports.isSameOrigin = isSameOrigin;
 function fetchProps(url) {
     return __awaiter(this, void 0, void 0, function () {
-        var parsed, cacheKey, requestUrl, response, data;
+        var parsed, cacheKey, requestUrl, promise;
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    parsed = parseURL(url);
-                    cacheKey = getRouteCacheKey(url);
-                    // Cached value?
-                    if (cache[cacheKey])
-                        return [2 /*return*/, Promise.resolve(cache[cacheKey])];
-                    parsed.query["_props"] = "1";
-                    requestUrl = parsed.toString();
-                    return [4 /*yield*/, fetch(requestUrl)];
-                case 1:
-                    response = _a.sent();
-                    return [4 /*yield*/, response.json()];
-                case 2:
-                    data = _a.sent();
-                    cache[cacheKey] = data;
-                    return [2 /*return*/, data];
-            }
+            parsed = parseURL(url);
+            cacheKey = getRouteCacheKey(url);
+            // Cached value?
+            if (cacheKey in cache)
+                return [2 /*return*/, Promise.resolve(cache[cacheKey])];
+            if (cacheKey in pending)
+                return [2 /*return*/, pending[cacheKey]];
+            parsed.query["_props"] = "1";
+            requestUrl = parsed.toString();
+            promise = fetch(requestUrl)
+                .then(function (response) { return response.json(); })
+                .then(function (data) {
+                delete pending[cacheKey];
+                cache[cacheKey] = data;
+                return data;
+            });
+            pending[cacheKey] = promise;
+            return [2 /*return*/, promise];
         });
     });
 }

package/routing/routing.d.ts

@@ -55,7 +55,7 @@ declare type RouterRootProps = {
     children: ReactNode;
     onNavigateRequest?: (url: string) => void;
     onPreload?: (url: string) => void;
-    onNavigated?: (url: string) => void;
+    onNavigated?: (item: RouteItem) => void;
 };
 export declare function RouterRoot(props: RouterRootProps): JSX.Element;
 declare type SwitchProps = {

package/routing/routing.js

@@ -213,15 +213,7 @@ function useForkedRouter(conf, opts) {
     var ctx = (0, react_1.useMemo)(function () {
         return parent.fork(conf, opts);
     }, [parent]);
-    // useEffect(() => {
-    //   if (onChange) {
-    //     return ctx.subscribe(onChange);
-    //   }
-    // }, [ctx, onChange]);
     Object.assign(ctx.config, conf);
-    // ctx.config.match = conf.match;
-    // ctx.config.beforeLeave = conf.beforeLeave;
-    // ctx.config.beforeLeave = conf.beforeLeave;
     (0, react_1.useEffect)(function () {
         return function () { return ctx.dispose(); };
     }, [ctx]);
@@ -301,7 +293,9 @@ function RouterRoot(props) {
             ctx.propagateCandidate(item, ctx.item).then(function () {
                 if (!cancelled) {
                     ctx.propagateChange(item, true);
-                    console.log("Really finished");
+                    if (props.onNavigated) {
+                        props.onNavigated(item);
+                    }
                 }
             });
             return function () {