Support blank siteRoot

Author: ShukantPal

example/package.json

@@ -23,7 +23,7 @@
   },
   "scripts": {
     "unit-test": "",
-    "build": "webdoc --tutorials ./tutorials --site-root example-documentation",
+    "build": "webdoc --tutorials ./tutorials",
     "build-next": "cd .. && webdoc && cd example",
     "build-pixi-api": "cd ../../pixi-api && webdoc --site-root docs && cd ../webdoc/example",
     "build-pixi-api-prod": "cd ../../pixi-api && webdoc --site-root pixi-api && cd ../webdoc/example"

packages/webdoc-default-template/src/app/components/Explorer/index.js

@@ -22,9 +22,10 @@ export default connect(({explorerOpen}) => ({
   const {root} = useExplorerStyles();
   const toggleOpen = React.useCallback(() => setOpen(!isOpen), [isOpen]);
   const children = [];
+  const sitePrefix = window.appData.siteRoot ? "/" + window.appData.siteRoot + "/" : "/";
 
   if (!fetched) {
-    fetch("/" + window.appData.siteRoot + "/explorer/reference.json")
+    fetch(sitePrefix + "explorer/reference.json")
       .then((response) => {
         if (response.ok) {
           response.json().then((idata) => {

packages/webdoc-default-template/static/scripts/default-template.js

@@ -4495,6 +4495,44 @@ function ExplorerHeader(_ref) {
     className: "explorer__header__title"
   }, "{ ", React.createElement("i", null, "webdoc"), " }"));
 }
+// CONCATENATED MODULE: ./src/app/components/Explorer/useExplorerStyles.js
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+var itemStyle = {
+  label: {
+    alignItems: "center",
+    display: "flex",
+    color: "#333333",
+    fontSize: 12,
+    height: "24px",
+    lineHeight: "14px"
+  },
+  labelLinks: {
+    color: "#333333"
+  },
+  iconContainer: {
+    color: "#333333",
+    fontSize: 8,
+    marginRight: 0
+  },
+  selected: {
+    backgroundColor: "none"
+  },
+  root: {
+    padding: "0 8px"
+  }
+};
+var useExplorerStyles = styles_makeStyles(itemStyle);
+var useExplorerCategoryStyles = styles_makeStyles(_objectSpread(_objectSpread({}, itemStyle), {}, {
+  label: _objectSpread(_objectSpread({}, itemStyle.label), {}, {
+    fontWeight: "bold"
+  })
+}));
 // CONCATENATED MODULE: /Users/shukantpal/Web Projects/webdoc/common/temp/node_modules/.pnpm/registry.npmjs.org/@material-ui/core/4.11.2_react-dom@16.14.0+react@16.14.0/node_modules/@material-ui/core/esm/Typography/Typography.js
 
 
@@ -5812,44 +5850,6 @@ var TreeItem_TreeItem = /*#__PURE__*/external_React_["forwardRef"](function Tree
 var cuid = __webpack_require__(26);
 var cuid_default = /*#__PURE__*/__webpack_require__.n(cuid);
 
-// CONCATENATED MODULE: ./src/app/components/Explorer/useExplorerStyles.js
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-var itemStyle = {
-  label: {
-    alignItems: "center",
-    display: "flex",
-    color: "#333333",
-    fontSize: 12,
-    height: "24px",
-    lineHeight: "14px"
-  },
-  labelLinks: {
-    color: "#333333"
-  },
-  iconContainer: {
-    color: "#333333",
-    fontSize: 8,
-    marginRight: 0
-  },
-  selected: {
-    backgroundColor: "none"
-  },
-  root: {
-    padding: "0 8px"
-  }
-};
-var useExplorerStyles = styles_makeStyles(itemStyle);
-var useExplorerCategoryStyles = styles_makeStyles(_objectSpread(_objectSpread({}, itemStyle), {}, {
-  label: _objectSpread(_objectSpread({}, itemStyle.label), {}, {
-    fontWeight: "bold"
-  })
-}));
 // CONCATENATED MODULE: ./src/app/components/Explorer/ExplorerCategoryItem.js
 
 
@@ -8701,9 +8701,10 @@ var fetched = false;
     return setOpen(!isOpen);
   }, [isOpen]);
   var children = [];
+  var sitePrefix = window.appData.siteRoot ? "/" + window.appData.siteRoot + "/" : "/";
 
   if (!fetched) {
-    fetch("/" + window.appData.siteRoot + "/explorer/reference.json").then(function (response) {
+    fetch(sitePrefix + "explorer/reference.json").then(function (response) {
       if (response.ok) {
         response.json().then(function (idata) {
           setData(idata || {});

packages/webdoc-default-template/tmpl/layout.tmpl

@@ -4,14 +4,15 @@
  */
 const rootData = obj;
 const siteRoot = this.getPlugin("linker").siteRoot;
+const sitePrefix = siteRoot ? siteRoot + "/" : siteRoot;
 ?>
 <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <title>webdoc: <?js= title ?></title>
 
-    <link type="text/css" rel="stylesheet" href="/<?js= siteRoot ?>/styles/index.css" />
+    <link type="text/css" rel="stylesheet" href="/<?js= sitePrefix ?>styles/index.css" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700&display=swap" />
     <link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/googlecode.min.css">
@@ -23,7 +24,7 @@ const siteRoot = this.getPlugin("linker").siteRoot;
         siteRoot: "<?js= siteRoot ?>",
       };
     </script>
-    <script src="/<?js= siteRoot ?>/scripts/default-template.js"></script>
+    <script src="/<?js= sitePrefix ?>scripts/default-template.js"></script>
   </head>
   <body class="root">
     <div class="docs">

packages/webdoc-template-library/src/template-plugins/LinkerPlugin.js

@@ -368,7 +368,9 @@ function LinkerPluginShell() {
      */
     processInternalURI(uri: string, options: { outputRelative?: boolean } = {}): string {
       if (!options.outputRelative) {
-        uri = uri.replace("%3CsiteRoot%3E", this.siteRoot);
+        uri = uri
+          .replace("%3CsiteRoot%3E", this.siteRoot)
+          .replace("//", "/");// needed if siteRoot = "";
       } else {
         uri = uri.replace("/%3CsiteRoot%3E/", "");
       }