rotion 0.0.5 → 0.0.7

package/dist/ui/esm/types/exporter/variables.d.ts

@@ -7,6 +7,7 @@ export declare const docRoot: string;
 export declare const imageDir: string;
 export declare const timeout: number;
 export declare const webpQuality: number;
+export declare const debug: boolean;
 export declare const httpOptions: {
     timeout: number;
     headers: {

package/dist/ui/styles/notionate-dark.css

@@ -90,6 +90,13 @@
     background-color: rgba(255, 255, 255, 0.055);
   }
 
+  .notionate-blocks-breadcrumb-a {
+    color: #ddd;
+  }
+  .notionate-blocks-breadcrumb-a:hover {
+    background-color: rgb(37, 37, 37);
+  }
+
   .notionate-blocks-callout {
     background-color: rgb(37, 37, 37);
   }

package/dist/ui/styles/page.css

@@ -90,9 +90,6 @@
 }
 
 /* breadcrumb */
-.notionate-blocks-breadcrumb {
-  padding-left: .5rem;
-}
 .notionate-blocks-breadcrumb-a {
   text-decoration: none;
   color: #333;
@@ -101,8 +98,8 @@
   border-radius: 4px;
 }
 .notionate-blocks-breadcrumb-a:hover {
-  color: #666;
-  background-color: #fff;
+  background-color: rgba(55, 53, 47, 0.08);
+  cursor: pointer;
 }
 .notionate-blocks-breadcrumb-icon {
   vertical-align: middle;

package/dist/ui/umd/index.js

@@ -19317,27 +19317,41 @@
                 React.createElement(TextBlock, { tag: "span", block: block.bookmark.caption }))));
     };
 
+    function buildPathname(id, name, href) {
+        if (href === '/') {
+            return href;
+        }
+        var _a = getLinkPathAndLinkKey(href || ''), path = _a[0], slugKey = _a[1];
+        var file = '';
+        if (slugKey === 'id') {
+            file = id;
+        }
+        else {
+            file = encodeURIComponent(name.toLowerCase()).replace(/%20/g, '-');
+        }
+        return "".concat(path).concat(file);
+    }
     var BreadcrumbLink = function (_a) {
         var breadcrumb = _a.breadcrumb, link = _a.link, href = _a.href, query = _a.query, children = _a.children;
         var id = breadcrumb.id, name = breadcrumb.name;
-        var _b = getLinkPathAndLinkKey(href || ''), path = _b[0], slugKey = _b[1];
-        var file = slugKey === 'id' ? id : encodeURIComponent(name.toLowerCase()).replace(/%20/g, '-');
+        var pathname = buildPathname(id, name, href);
         if (link && href) {
             var Link = link;
-            return (React.createElement(Link, { className: "notionate-blocks-breadcrumb-a", href: { pathname: "".concat(path).concat(file), query: query } }, children));
+            return (React.createElement(Link, { className: "notionate-blocks-breadcrumb-a", href: { pathname: pathname, query: query } }, children));
         }
         if (href) {
-            return (React.createElement("a", { className: "notionate-blocks-breadcrumb-a", href: "".concat(path).concat(file).concat(queryToString(query)) }, children));
+            return (React.createElement("a", { className: "notionate-blocks-breadcrumb-a", href: "".concat(pathname).concat(queryToString(query)) }, children));
         }
         return (React.createElement("span", { className: "notionate-blocks-breadcrumb-a" }, children));
     };
     var BreadcrumbBlock = function (_a) {
         var block = _a.block, link = _a.link, hrefs = _a.hrefs, query = _a.query;
         var max = block.list.length;
-        return (React.createElement("div", { className: "notionate-blocks-breadcrumb" }, block.list.map(function (v, i) { return (React.createElement(BreadcrumbLink, { key: "crumb-".concat(i), breadcrumb: v, href: hrefs === undefined ? undefined : hrefs[i], link: link, query: query },
-            v.icon.type === 'emoji' && React.createElement("span", { className: "notionate-blocks-breadcrumb-emoji" }, v.icon.emoji),
-            v.icon.type !== 'emoji' && React.createElement("img", { className: "notionate-blocks-breadcrumb-icon", src: v.icon.src, width: 20, height: 20, alt: v.name }),
-            React.createElement("span", { className: "notionate-blocks-breadcrumb-title" }, v.name),
+        return (React.createElement("div", { className: "notionate-blocks-breadcrumb" }, block.list.map(function (v, i) { return (React.createElement("span", { key: "crumb-".concat(i) },
+            React.createElement(BreadcrumbLink, { breadcrumb: v, href: hrefs === undefined ? undefined : hrefs[i], link: link, query: query },
+                v.icon.type === 'emoji' && React.createElement("span", { className: "notionate-blocks-breadcrumb-emoji" }, v.icon.emoji),
+                v.icon.type !== 'emoji' && React.createElement("img", { className: "notionate-blocks-breadcrumb-icon", src: v.icon.src, width: 20, height: 20, alt: v.name }),
+                React.createElement("span", { className: "notionate-blocks-breadcrumb-title" }, v.name)),
             i + 1 < max && React.createElement("span", { className: "notionate-blocks-breadcrumb-slash" }, "/"))); })));
     };
 
@@ -19858,7 +19872,6 @@
             case 'callout':
                 return React.createElement(CalloutBlock, { block: block, key: block.id });
             case 'child_database':
-                console.log("debug: ".concat(block.type), block);
                 return React.createElement(ChildDatabaseBlock, { block: block, href: href, link: link, query: query, key: block.id });
             case 'child_page':
                 return React.createElement(ChildPageBlock, { block: block, href: href, link: link, key: block.id });