@backstage/plugin-techdocs-module-addons-contrib 0.1.0-next.0 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,112 @@
 # @backstage/plugin-techdocs-module-addons-contrib
 
+## 1.0.0
+
+### Major Changes
+
+- 0ad901569f: The TechDocs Addon framework is now generally available.
+
+### Minor Changes
+
+- 5f4dbd2b52: A package for contributed TechDocs addons.
+
+  In this release it will introduce the ReportIssue addon, which lets you select text and open a GitHub/Gitlab issue.
+
+### Patch Changes
+
+- 10d86dedc0: Improved inline/type documentation for the <ReportIssue /> addon.
+- 52419be116: Create a TechDocs `<TextSize/>` addon that allows users to set a font size in the browser's local storage for the text of documentation pages.
+
+  Here's an example on how to use it in a Backstage app:
+
+  ```diff
+  import {
+    DefaultTechDocsHome,
+    TechDocsIndexPage,
+    TechDocsReaderPage,
+  } from '@backstage/plugin-techdocs';
+  import { TechDocsAddons } from '@backstage/plugin-techdocs-react/alpha';
+  +import { TextSize } from '@backstage/plugin-techdocs-module-addons-contrib';
+
+  const AppRoutes = () => {
+    <FlatRoutes>
+      // other plugin routes
+      <Route path="/docs" element={<TechDocsIndexPage />}>
+        <DefaultTechDocsHome />
+      </Route>
+      <Route
+        path="/docs/:namespace/:kind/:name/*"
+        element={<TechDocsReaderPage />}
+      >
+        <TechDocsAddons>
+  +       <TextSize />
+        </TechDocsAddons>
+      </Route>
+    </FlatRoutes>;
+  };
+  ```
+
+- 075a9a067b: Updated the return type of `createTechDocsAddonExtension` to better reflect the fact that passing children to Addon components is not a valid use-case.
+- c25e880e36: Introducing the Expandable Navigation addon, which lets you expand and collapse the TechDocs main navigation and store your preference in local storage.
+- Updated dependencies
+  - @backstage/core-components@0.9.4
+  - @backstage/integration@1.2.0
+  - @backstage/core-plugin-api@1.0.2
+  - @backstage/integration-react@1.1.0
+  - @backstage/plugin-techdocs-react@1.0.0
+
+## 0.1.0-next.2
+
+### Patch Changes
+
+- 52419be116: Create a TechDocs `<TextSize/>` addon that allows users to set a font size in the browser's local storage for the text of documentation pages.
+
+  Here's an example on how to use it in a Backstage app:
+
+  ```diff
+  import {
+    DefaultTechDocsHome,
+    TechDocsIndexPage,
+    TechDocsReaderPage,
+  } from '@backstage/plugin-techdocs';
+  import { TechDocsAddons } from '@backstage/plugin-techdocs-react/alpha';
+  +import { TextSize } from '@backstage/plugin-techdocs-module-addons-contrib';
+
+  const AppRoutes = () => {
+    <FlatRoutes>
+      // other plugin routes
+      <Route path="/docs" element={<TechDocsIndexPage />}>
+        <DefaultTechDocsHome />
+      </Route>
+      <Route
+        path="/docs/:namespace/:kind/:name/*"
+        element={<TechDocsReaderPage />}
+      >
+        <TechDocsAddons>
+  +       <TextSize />
+        </TechDocsAddons>
+      </Route>
+    </FlatRoutes>;
+  };
+  ```
+
+- Updated dependencies
+  - @backstage/core-components@0.9.4-next.1
+  - @backstage/plugin-techdocs-react@0.1.1-next.2
+  - @backstage/core-plugin-api@1.0.2-next.1
+  - @backstage/integration@1.2.0-next.1
+  - @backstage/integration-react@1.1.0-next.2
+
+## 0.1.0-next.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.9.4-next.0
+  - @backstage/core-plugin-api@1.0.2-next.0
+  - @backstage/plugin-techdocs-react@0.1.1-next.1
+  - @backstage/integration-react@1.1.0-next.1
+
 ## 0.1.0-next.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -2,13 +2,24 @@
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
 /**
+ * Properties for creating an issue in a remote issue tracker.
+ *
  * @public
  */
 declare type ReportIssueTemplate = {
+    /**
+     * The title of the issue.
+     */
     title: string;
+    /**
+     * The body or description of the issue.
+     */
     body: string;
 };
 /**
+ * A function for returning a custom issue template, given a selection of text
+ * on a TechDocs page.
+ *
  * @public
  */
 declare type ReportIssueTemplateBuilder = ({ selection, }: {
@@ -16,10 +27,20 @@ declare type ReportIssueTemplateBuilder = ({ selection, }: {
 }) => ReportIssueTemplate;
 
 /**
+ * Props customizing the <ReportIssue /> Addon.
+ *
  * @public
  */
 declare type ReportIssueProps = {
+    /**
+     * Number of milliseconds after a user highlights some text before the report
+     * issue link appears above the highlighted text. Defaults to 500ms.
+     */
     debounceTime?: number;
+    /**
+     * An optional function defining how a custom issue title and body should be
+     * constructed, given some selected text.
+     */
     templateBuilder?: ReportIssueTemplateBuilder;
 };
 
@@ -29,11 +50,154 @@ declare type ReportIssueProps = {
  * @public
  */
 declare const techdocsModuleAddonsContribPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}>;
+/**
+ * TechDocs addon that lets you expand/collapse the TechDocs main navigation
+ * and keep the preferred state in local storage. The addon will render as
+ * a button next to the site name if the documentation has nested navigation.
+ *
+ * @example
+ * Here's a simple example:
+ * ```
+ * import {
+ *   DefaultTechDocsHome,
+ *   TechDocsIndexPage,
+ *   TechDocsReaderPage,
+ * } from '@backstage/plugin-techdocs';
+ * import { TechDocsAddons } from '@backstage/plugin-techdocs-react/alpha';
+ * import { ExpandableNavigation } from '@backstage/plugin-techdocs-module-addons-contrib';
+ *
+ *
+ * const AppRoutes = () => {
+ *   <FlatRoutes>
+ *     // other plugin routes
+ *     <Route path="/docs" element={<TechDocsIndexPage />}>
+ *       <DefaultTechDocsHome />
+ *     </Route>
+ *     <Route
+ *       path="/docs/:namespace/:kind/:name/*"
+ *       element={<TechDocsReaderPage />}
+ *     >
+ *       <TechDocsAddons>
+ *         <ExpandableNavigation />
+ *       </TechDocsAddons>
+ *     </Route>
+ *   </FlatRoutes>;
+ * };
+ * ```
+ *
+ * @public
+ */
+declare const ExpandableNavigation: () => JSX.Element | null;
 /**
  * TechDocs addon that lets you select text and open GitHub/Gitlab issues
  *
+ * @remarks
+ * Before using it, you should set up an `edit_uri` for your pages as explained {@link https://backstage.io/docs/features/techdocs/faqs#is-it-possible-for-users-to-suggest-changes-or-provide-feedback-on-a-techdocs-page | here} and remember, it only works for Github or Gitlab.
+ *
+ * @example
+ * Here's a simple example:
+ * ```
+ * import {
+ *   DefaultTechDocsHome,
+ *   TechDocsIndexPage,
+ *   TechDocsReaderPage,
+ * } from '@backstage/plugin-techdocs';
+ * import { TechDocsAddons } from '@backstage/plugin-techdocs-react';
+ * import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib';
+ *
+ *
+ * const AppRoutes = () => {
+ *   <FlatRoutes>
+ *     // other plugin routes
+ *     <Route path="/docs" element={<TechDocsIndexPage />}>
+ *       <DefaultTechDocsHome />
+ *     </Route>
+ *     <Route
+ *       path="/docs/:namespace/:kind/:name/*"
+ *       element={<TechDocsReaderPage />}
+ *     >
+ *       <TechDocsAddons>
+ *         <ReportIssue />
+ *       </TechDocsAddons>
+ *     </Route>
+ *   </FlatRoutes>;
+ * };
+ * ```
+ *
+ * @example
+ * Here's an example with `debounceTime` and `templateBuilder` props:
+ * ```
+ * import {
+ *   DefaultTechDocsHome,
+ *   TechDocsIndexPage,
+ *   TechDocsReaderPage,
+ * } from '@backstage/plugin-techdocs';
+ * import { TechDocsAddons } from '@backstage/plugin-techdocs-react';
+ * import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib';
+ *
+ * const templateBuilder = ({ selection }: ReportIssueTemplateBuilder) => (({
+ *  title: 'Custom issue title',
+ *  body: `Custom issue body: ${selection.toString()}`
+ * }))
+ *
+ * const AppRoutes = () => {
+ *   <FlatRoutes>
+ *     // other plugin routes
+ *     <Route path="/docs" element={<TechDocsIndexPage />}>
+ *       <DefaultTechDocsHome />
+ *     </Route>
+ *     <Route
+ *       path="/docs/:namespace/:kind/:name/*"
+ *       element={<TechDocsReaderPage />}
+ *     >
+ *       <TechDocsAddons>
+ *         <ReportIssue debounceTime={300} templateBuilder={templateBuilder} />
+ *       </TechDocsAddons>
+ *     </Route>
+ *   </FlatRoutes>;
+ * ```
+ * @param props - Object that can optionally contain `debounceTime` and `templateBuilder` properties.
  * @public
  */
 declare const ReportIssue: (props: ReportIssueProps) => JSX.Element | null;
+/**
+ * This TechDocs addon allows users to customize text size on documentation pages, they can select how much they want to increase or decrease the font size via slider or buttons.
+ *
+ * @remarks
+ * The default value for the font size is 100% of the HTML font size, if the theme does not have a `htmlFontSize` in its typography object, the addon will assume 16px as 100%, and remember, this setting is kept in the browser local storage.
+ *
+ * @example
+ * Here's a simple example:
+ * ```
+ * import {
+ *   DefaultTechDocsHome,
+ *   TechDocsIndexPage,
+ *   TechDocsReaderPage,
+ * } from '@backstage/plugin-techdocs';
+ * import { TechDocsAddons } from '@backstage/plugin-techdocs-react';
+ * import { TextSize } from '@backstage/plugin-techdocs-module-addons-contrib';
+ *
+ *
+ * const AppRoutes = () => {
+ *   <FlatRoutes>
+ *     // other plugin routes
+ *     <Route path="/docs" element={<TechDocsIndexPage />}>
+ *       <DefaultTechDocsHome />
+ *     </Route>
+ *     <Route
+ *       path="/docs/:namespace/:kind/:name/*"
+ *       element={<TechDocsReaderPage />}
+ *     >
+ *       <TechDocsAddons>
+ *         <TextSize />
+ *       </TechDocsAddons>
+ *     </Route>
+ *   </FlatRoutes>;
+ * };
+ * ```
+ *
+ * @public
+ */
+declare const TextSize: () => JSX.Element | null;
 
-export { ReportIssue, ReportIssueProps, ReportIssueTemplate, ReportIssueTemplateBuilder, techdocsModuleAddonsContribPlugin };
+export { ExpandableNavigation, ReportIssue, ReportIssueProps, ReportIssueTemplate, ReportIssueTemplateBuilder, TextSize, techdocsModuleAddonsContribPlugin };

package/dist/index.esm.js

@@ -1,12 +1,79 @@
 import { useApi, createPlugin } from '@backstage/core-plugin-api';
-import { useShadowRootSelection, useShadowRootElements, createTechDocsAddonExtension, TechDocsAddonLocations } from '@backstage/plugin-techdocs-react';
-import React, { useState, useEffect } from 'react';
-import { makeStyles, Portal, Paper } from '@material-ui/core';
+import { useShadowRootElements, useShadowRootSelection, createTechDocsAddonExtension, TechDocsAddonLocations } from '@backstage/plugin-techdocs-react';
+import React, { useState, useCallback, useEffect, useMemo } from 'react';
+import { useLocalStorageValue } from '@react-hookz/web';
+import { withStyles, Button, makeStyles, Portal, Paper, Slider, useTheme, MenuItem, ListItemText, Typography, Box, IconButton } from '@material-ui/core';
+import ChevronRightIcon from '@material-ui/icons/ChevronRight';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import parseGitUrl from 'git-url-parse';
 import { replaceGitHubUrlType, replaceGitLabUrlType } from '@backstage/integration';
 import { scmIntegrationsApiRef } from '@backstage/integration-react';
 import BugReportIcon from '@material-ui/icons/BugReport';
 import { Link, GitHubIcon } from '@backstage/core-components';
+import AddIcon from '@material-ui/icons/Add';
+import RemoveIcon from '@material-ui/icons/Remove';
+
+const NESTED_LIST_TOGGLE = ".md-nav__item--nested .md-toggle";
+const EXPANDABLE_NAVIGATION_LOCAL_STORAGE = "@backstage/techdocs-addons/nav-expanded";
+const StyledButton = withStyles({
+  root: {
+    position: "absolute",
+    left: "220px",
+    top: "19px",
+    padding: 0,
+    minWidth: 0
+  }
+})(Button);
+const CollapsedIcon = withStyles({
+  root: {
+    height: "20px",
+    width: "20px"
+  }
+})(ChevronRightIcon);
+const ExpandedIcon = withStyles({
+  root: {
+    height: "20px",
+    width: "20px"
+  }
+})(ExpandMoreIcon);
+const ExpandableNavigationAddon = () => {
+  const defaultValue = { expandAllNestedNavs: false };
+  const [expanded, setExpanded] = useLocalStorageValue(EXPANDABLE_NAVIGATION_LOCAL_STORAGE, defaultValue);
+  const [hasNavSubLevels, setHasNavSubLevels] = useState(false);
+  const [...checkboxToggles] = useShadowRootElements([
+    NESTED_LIST_TOGGLE
+  ]);
+  const shouldToggle = useCallback((item) => {
+    const isExpanded = item.checked;
+    const shouldExpand = expanded == null ? void 0 : expanded.expandAllNestedNavs;
+    if (shouldExpand && !isExpanded) {
+      return true;
+    }
+    if (!shouldExpand && isExpanded) {
+      return true;
+    }
+    return false;
+  }, [expanded]);
+  useEffect(() => {
+    if (!(checkboxToggles == null ? void 0 : checkboxToggles.length))
+      return;
+    setHasNavSubLevels(true);
+    checkboxToggles.forEach((item) => {
+      if (shouldToggle(item))
+        item.click();
+    });
+  }, [expanded, shouldToggle, checkboxToggles]);
+  const handleState = () => {
+    setExpanded((prevState) => ({
+      expandAllNestedNavs: !(prevState == null ? void 0 : prevState.expandAllNestedNavs)
+    }));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, hasNavSubLevels ? /* @__PURE__ */ React.createElement(StyledButton, {
+    size: "small",
+    onClick: handleState,
+    "aria-label": (expanded == null ? void 0 : expanded.expandAllNestedNavs) ? "collapse-nav" : "expand-nav"
+  }, (expanded == null ? void 0 : expanded.expandAllNestedNavs) ? /* @__PURE__ */ React.createElement(ExpandedIcon, null) : /* @__PURE__ */ React.createElement(CollapsedIcon, null)) : null);
+};
 
 const ADDON_FEEDBACK_CONTAINER_ID = "techdocs-report-issue";
 const ADDON_FEEDBACK_CONTAINER_SELECTOR = `#${ADDON_FEEDBACK_CONTAINER_ID}`;
@@ -80,7 +147,7 @@ const useGitRepository = () => {
   return { ...parseGitUrl(resolveBlobUrl(url, type)), type };
 };
 
-const useStyles$1 = makeStyles((theme) => ({
+const useStyles$2 = makeStyles((theme) => ({
   root: {
     display: "grid",
     gridGap: theme.spacing(1),
@@ -114,10 +181,10 @@ const getUrl = (repository, template) => {
   if (type === "github") {
     return `${url}/issues/new?title=${encodedTitle}&body=${encodedBody}`;
   }
-  return `${url}/issues/new?[title]=${encodedTitle}&[body]=${encodedBody}`;
+  return `${url}/issues/new?issue[title]=${encodedTitle}&issue[description]=${encodedBody}`;
 };
 const IssueLink = ({ template, repository }) => {
-  const classes = useStyles$1();
+  const classes = useStyles$2();
   const Icon = getIcon(repository);
   const url = getUrl(repository, template);
   return /* @__PURE__ */ React.createElement(Link, {
@@ -127,7 +194,7 @@ const IssueLink = ({ template, repository }) => {
   }, /* @__PURE__ */ React.createElement(Icon, null), " Open new ", getName(repository), " issue");
 };
 
-const useStyles = makeStyles((theme) => ({
+const useStyles$1 = makeStyles((theme) => ({
   root: {
     transform: "translate(-100%, -100%)",
     position: "absolute",
@@ -140,7 +207,7 @@ const ReportIssueAddon = ({
   debounceTime = 500,
   templateBuilder: buildTemplate
 }) => {
-  const classes = useStyles();
+  const classes = useStyles$1();
   const [style, setStyle] = useState();
   const repository = useGitRepository();
   const defaultTemplate = useGitTemplate(debounceTime);
@@ -185,14 +252,186 @@ const ReportIssueAddon = ({
   })));
 };
 
+const boxShadow = "0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.13),0 0 0 1px rgba(0,0,0,0.02)";
+const StyledSlider = withStyles((theme) => ({
+  root: {
+    height: 2,
+    padding: "15px 0"
+  },
+  thumb: {
+    height: 18,
+    width: 18,
+    backgroundColor: theme.palette.common.white,
+    boxShadow,
+    marginTop: -9,
+    marginLeft: -9,
+    "&:focus, &:hover, &$active": {
+      boxShadow: "0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.02)",
+      "@media (hover: none)": {
+        boxShadow
+      }
+    }
+  },
+  active: {},
+  valueLabel: {
+    top: "100%",
+    left: "50%",
+    transform: "scale(1) translate(-50%, -5px) !important",
+    "& *": {
+      color: theme.palette.common.black,
+      fontSize: theme.typography.caption.fontSize,
+      background: "transparent"
+    }
+  },
+  track: {
+    height: 2
+  },
+  rail: {
+    height: 2,
+    opacity: 0.5
+  },
+  mark: {
+    height: 10,
+    width: 1,
+    marginTop: -4
+  },
+  markActive: {
+    opacity: 1,
+    backgroundColor: "currentColor"
+  }
+}))(Slider);
+const settings = {
+  key: "techdocs.addons.settings.textsize",
+  defaultValue: 100
+};
+const marks = [
+  {
+    value: 90
+  },
+  {
+    value: 100
+  },
+  {
+    value: 115
+  },
+  {
+    value: 130
+  },
+  {
+    value: 150
+  }
+];
+const useStyles = makeStyles((theme) => ({
+  container: {
+    color: theme.palette.textSubtle,
+    display: "flex",
+    alignItems: "center",
+    margin: 0,
+    minWidth: 200
+  },
+  menuItem: {
+    "&:hover": {
+      background: "transparent"
+    }
+  },
+  decreaseButton: {
+    marginRight: theme.spacing(1)
+  },
+  increaseButton: {
+    marginLeft: theme.spacing(1)
+  }
+}));
+const TextSizeAddon = () => {
+  const classes = useStyles();
+  const theme = useTheme();
+  const [body] = useShadowRootElements(["body"]);
+  const [value, setValue] = useState(() => {
+    const initialValue = localStorage == null ? void 0 : localStorage.getItem(settings.key);
+    return initialValue ? parseInt(initialValue, 10) : settings.defaultValue;
+  });
+  const values = useMemo(() => marks.map((mark) => mark.value), []);
+  const index = useMemo(() => values.indexOf(value), [values, value]);
+  const min = useMemo(() => values[0], [values]);
+  const max = useMemo(() => values[values.length - 1], [values]);
+  const getValueText = useCallback(() => `${value}%`, [value]);
+  const handleChangeCommitted = useCallback((_event, newValue) => {
+    if (!Array.isArray(newValue)) {
+      setValue(newValue);
+      localStorage == null ? void 0 : localStorage.setItem(settings.key, String(newValue));
+    }
+  }, [setValue]);
+  const handleDecreaseClick = useCallback((event) => {
+    handleChangeCommitted(event, values[index - 1]);
+  }, [index, values, handleChangeCommitted]);
+  const handleIncreaseClick = useCallback((event) => {
+    handleChangeCommitted(event, values[index + 1]);
+  }, [index, values, handleChangeCommitted]);
+  useEffect(() => {
+    var _a, _b;
+    if (!body)
+      return;
+    const htmlFontSize = (_b = (_a = theme.typography) == null ? void 0 : _a.htmlFontSize) != null ? _b : 16;
+    body.style.setProperty("--md-typeset-font-size", `${htmlFontSize * (value / 100)}px`);
+  }, [body, value, theme]);
+  return /* @__PURE__ */ React.createElement(MenuItem, {
+    className: classes.menuItem,
+    button: true,
+    disableRipple: true
+  }, /* @__PURE__ */ React.createElement(ListItemText, {
+    primary: /* @__PURE__ */ React.createElement(Typography, {
+      variant: "subtitle2",
+      color: "textPrimary"
+    }, "Text size"),
+    secondary: /* @__PURE__ */ React.createElement(Box, {
+      className: classes.container
+    }, /* @__PURE__ */ React.createElement(IconButton, {
+      className: classes.decreaseButton,
+      size: "small",
+      edge: "start",
+      disabled: value === min,
+      onClick: handleDecreaseClick,
+      "aria-label": "Decrease text size"
+    }, /* @__PURE__ */ React.createElement(RemoveIcon, null)), /* @__PURE__ */ React.createElement(StyledSlider, {
+      value,
+      "aria-labelledby": "text-size-slider",
+      getAriaValueText: getValueText,
+      valueLabelDisplay: "on",
+      valueLabelFormat: getValueText,
+      marks,
+      step: null,
+      min,
+      max,
+      onChangeCommitted: handleChangeCommitted
+    }), /* @__PURE__ */ React.createElement(IconButton, {
+      className: classes.increaseButton,
+      size: "small",
+      edge: "end",
+      disabled: value === max,
+      onClick: handleIncreaseClick,
+      "aria-label": "Increase text size"
+    }, /* @__PURE__ */ React.createElement(AddIcon, null))),
+    disableTypography: true
+  }));
+};
+
 const techdocsModuleAddonsContribPlugin = createPlugin({
   id: "techdocsModuleAddonsContrib"
 });
+const ExpandableNavigation = techdocsModuleAddonsContribPlugin.provide(createTechDocsAddonExtension({
+  name: "ExpandableNavigation",
+  location: TechDocsAddonLocations.PrimarySidebar,
+  component: ExpandableNavigationAddon
+}));
 const ReportIssue = techdocsModuleAddonsContribPlugin.provide(createTechDocsAddonExtension({
   name: "ReportIssue",
   location: TechDocsAddonLocations.Content,
   component: ReportIssueAddon
 }));
+const TextSize = techdocsModuleAddonsContribPlugin.provide(createTechDocsAddonExtension({
+  name: "TextSize",
+  location: TechDocsAddonLocations.Settings,
+  component: TextSizeAddon
+}));
 
-export { ReportIssue, techdocsModuleAddonsContribPlugin };
+export { ExpandableNavigation, ReportIssue, TextSize, techdocsModuleAddonsContribPlugin };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/ReportIssue/constants.ts","../src/ReportIssue/hooks.ts","../src/ReportIssue/IssueLink.tsx","../src/ReportIssue/ReportIssue.tsx","../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const ADDON_FEEDBACK_CONTAINER_ID = 'techdocs-report-issue';\nexport const ADDON_FEEDBACK_CONTAINER_SELECTOR = `#${ADDON_FEEDBACK_CONTAINER_ID}`;\nexport const PAGE_EDIT_LINK_SELECTOR = '[title^=\"Edit this page\"]';\nexport const PAGE_FEEDBACK_LINK_SELECTOR = '[title^=\"Leave feedback for\"]';\nexport const PAGE_MAIN_CONTENT_SELECTOR =\n  '[data-md-component=\"main\"] .md-content';\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport parseGitUrl from 'git-url-parse';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  replaceGitHubUrlType,\n  replaceGitLabUrlType,\n} from '@backstage/integration';\nimport { scmIntegrationsApiRef } from '@backstage/integration-react';\nimport {\n  useShadowRootElements,\n  useShadowRootSelection,\n} from '@backstage/plugin-techdocs-react';\n\nimport { PAGE_EDIT_LINK_SELECTOR } from './constants';\n\nconst resolveBlobUrl = (url: string, type: string) => {\n  if (type === 'github') {\n    return replaceGitHubUrlType(url, 'blob');\n  } else if (type === 'gitlab') {\n    return replaceGitLabUrlType(url, 'blob');\n  }\n  // eslint-disable-next-line no-console\n  console.error(\n    `Invalid SCM type ${type} found in ReportIssue addon for URL ${url}!`,\n  );\n  return url;\n};\n\nexport const getTitle = (selection: Selection) => {\n  const text = selection.toString().substring(0, 70);\n  const ellipsis = text.length === 70 ? '...' : '';\n  return `Documentation feedback: ${text}${ellipsis}`;\n};\n\nexport const getBody = (selection: Selection, markdownUrl: string) => {\n  const title = '## Documentation Feedback 📝';\n  const subheading = '#### The highlighted text:';\n  const commentHeading = '#### The comment on the text:';\n  const commentPlaceholder = '_>replace this line with your comment<_';\n  const highlightedTextAsQuote = selection\n    .toString()\n    .trim()\n    .split('\\n')\n    .map(line => `> ${line.trim()}`)\n    .join('\\n');\n\n  const facts = [\n    `Backstage URL: <${window.location.href}> \\nMarkdown URL: <${markdownUrl}>`,\n  ];\n\n  return `${title}\\n\\n ${subheading} \\n\\n ${highlightedTextAsQuote}\\n\\n ${commentHeading} \\n ${commentPlaceholder}\\n\\n ___\\n${facts}`;\n};\n\nexport const useGitTemplate = (debounceTime?: number) => {\n  const initialTemplate = { title: '', body: '' };\n  const selection = useShadowRootSelection(debounceTime);\n  const [editLink] = useShadowRootElements([PAGE_EDIT_LINK_SELECTOR]);\n  const url = (editLink as HTMLAnchorElement)?.href ?? '';\n  const scmIntegrationsApi = useApi(scmIntegrationsApiRef);\n\n  if (!selection || !url) return initialTemplate;\n\n  const type = scmIntegrationsApi.byUrl(url)?.type;\n\n  if (!type) return initialTemplate;\n\n  return {\n    title: getTitle(selection),\n    body: getBody(selection, resolveBlobUrl(url, type)),\n  };\n};\n\nexport const useGitRepository = () => {\n  const scmIntegrationsApi = useApi(scmIntegrationsApiRef);\n\n  const [editLink] = useShadowRootElements([PAGE_EDIT_LINK_SELECTOR]);\n  const url = (editLink as HTMLAnchorElement)?.href ?? '';\n\n  if (!url) return null;\n\n  const type = scmIntegrationsApi.byUrl(url)?.type;\n\n  if (!type) return null;\n\n  return { ...parseGitUrl(resolveBlobUrl(url, type)), type };\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport BugReportIcon from '@material-ui/icons/BugReport';\n\nimport { Link, GitHubIcon } from '@backstage/core-components';\n\nimport { ReportIssueTemplate, Repository } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'grid',\n    gridGap: theme.spacing(1),\n    gridAutoFlow: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    color: theme.palette.common.black,\n    fontSize: theme.typography.button.fontSize,\n  },\n}));\n\ntype IssueLinkProps = {\n  template: ReportIssueTemplate;\n  repository: Repository;\n};\n\nconst getIcon = ({ type }: Repository) => {\n  if (type === 'github') {\n    return GitHubIcon;\n  }\n  return BugReportIcon;\n};\n\nconst getName = ({ type }: Repository) => {\n  if (type === 'github') {\n    return 'Github';\n  }\n  return 'Gitlab';\n};\n\nconst getUrl = (repository: Repository, template: ReportIssueTemplate) => {\n  const { title, body } = template;\n  const encodedTitle = encodeURIComponent(title);\n  const encodedBody = encodeURIComponent(body);\n  const { protocol, resource, owner, name, type } = repository;\n  const encodedOwner = encodeURIComponent(owner);\n  const encodedName = encodeURIComponent(name);\n\n  const url = `${protocol}://${resource}/${encodedOwner}/${encodedName}`;\n  if (type === 'github') {\n    return `${url}/issues/new?title=${encodedTitle}&body=${encodedBody}`;\n  }\n  return `${url}/issues/new?[title]=${encodedTitle}&[body]=${encodedBody}`;\n};\n\nexport const IssueLink = ({ template, repository }: IssueLinkProps) => {\n  const classes = useStyles();\n\n  const Icon = getIcon(repository);\n  const url = getUrl(repository, template);\n\n  return (\n    <Link className={classes.root} to={url} target=\"_blank\">\n      <Icon /> Open new {getName(repository)} issue\n    </Link>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState, useEffect } from 'react';\n\nimport { makeStyles, Portal, Paper } from '@material-ui/core';\n\nimport { useGitTemplate, useGitRepository } from './hooks';\nimport { ReportIssueTemplateBuilder } from './types';\nimport {\n  PAGE_MAIN_CONTENT_SELECTOR,\n  PAGE_FEEDBACK_LINK_SELECTOR,\n  ADDON_FEEDBACK_CONTAINER_ID,\n  ADDON_FEEDBACK_CONTAINER_SELECTOR,\n} from './constants';\nimport { IssueLink } from './IssueLink';\n\nimport {\n  useShadowRootElements,\n  useShadowRootSelection,\n} from '@backstage/plugin-techdocs-react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    transform: 'translate(-100%, -100%)',\n    position: 'absolute',\n    padding: theme.spacing(1),\n    zIndex: theme.zIndex.tooltip,\n    background: theme.palette.common.white,\n  },\n}));\n\ntype Style = {\n  top: string;\n  left: string;\n};\n\n/**\n * @public\n */\nexport type ReportIssueProps = {\n  debounceTime?: number;\n  templateBuilder?: ReportIssueTemplateBuilder;\n};\n\n/**\n * Show report issue button when text is highlighted\n */\nexport const ReportIssueAddon = ({\n  debounceTime = 500,\n  templateBuilder: buildTemplate,\n}: ReportIssueProps) => {\n  const classes = useStyles();\n  const [style, setStyle] = useState<Style>();\n\n  const repository = useGitRepository();\n\n  const defaultTemplate = useGitTemplate(debounceTime);\n\n  const selection = useShadowRootSelection(debounceTime);\n\n  const [mainContent, feedbackLink] = useShadowRootElements([\n    PAGE_MAIN_CONTENT_SELECTOR,\n    PAGE_FEEDBACK_LINK_SELECTOR,\n  ]);\n\n  let [feedbackContainer] = useShadowRootElements([\n    ADDON_FEEDBACK_CONTAINER_SELECTOR,\n  ]);\n\n  if (feedbackLink) {\n    feedbackLink.style.display = 'none';\n  }\n\n  // calculates the position of the selected text to be able to set the position of the addon\n  useEffect(() => {\n    if (\n      // todo(backstage/techdocs-core) handle non-repo rendering\n      !repository ||\n      !selection ||\n      !selection.containsNode(mainContent!, true) ||\n      selection?.containsNode(feedbackContainer!, true)\n    ) {\n      return;\n    }\n\n    const mainContentPosition = mainContent!.getBoundingClientRect();\n    const selectionPosition = selection.getRangeAt(0).getBoundingClientRect();\n\n    setStyle({\n      top: `${selectionPosition.top - mainContentPosition.top - 16}px`,\n      left: `${selectionPosition.left + selectionPosition.width / 2}px`,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selection, mainContent, feedbackContainer]);\n\n  if (!selection || !repository) return null;\n\n  if (!feedbackContainer) {\n    feedbackContainer = document.createElement('div');\n    feedbackContainer.setAttribute('id', ADDON_FEEDBACK_CONTAINER_ID);\n    mainContent!.prepend(feedbackContainer);\n  }\n\n  return (\n    <Portal container={feedbackContainer}>\n      <Paper\n        data-testid=\"report-issue-addon\"\n        className={classes.root}\n        style={style}\n      >\n        <IssueLink\n          repository={repository}\n          template={\n            buildTemplate ? buildTemplate({ selection }) : defaultTemplate\n          }\n        />\n      </Paper>\n    </Portal>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createPlugin } from '@backstage/core-plugin-api';\nimport {\n  createTechDocsAddonExtension,\n  TechDocsAddonLocations,\n} from '@backstage/plugin-techdocs-react';\nimport { ReportIssueAddon, ReportIssueProps } from './ReportIssue';\n\n/**\n * The TechDocs addons contrib plugin\n *\n * @public\n */\n\nexport const techdocsModuleAddonsContribPlugin = createPlugin({\n  id: 'techdocsModuleAddonsContrib',\n});\n\n/**\n * TechDocs addon that lets you select text and open GitHub/Gitlab issues\n *\n * @public\n */\n\nexport const ReportIssue = techdocsModuleAddonsContribPlugin.provide(\n  createTechDocsAddonExtension<ReportIssueProps>({\n    name: 'ReportIssue',\n    location: TechDocsAddonLocations.Content,\n    component: ReportIssueAddon,\n  }),\n);\n"],"names":["useStyles"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/ExpandableNavigation/ExpandableNavigation.tsx","../src/ReportIssue/constants.ts","../src/ReportIssue/hooks.ts","../src/ReportIssue/IssueLink.tsx","../src/ReportIssue/ReportIssue.tsx","../src/TextSize/TextSize.tsx","../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect, useCallback, useState } from 'react';\nimport { useLocalStorageValue } from '@react-hookz/web';\nimport { Button, withStyles } from '@material-ui/core';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nimport { useShadowRootElements } from '@backstage/plugin-techdocs-react';\n\nconst NESTED_LIST_TOGGLE = '.md-nav__item--nested .md-toggle';\n\nconst EXPANDABLE_NAVIGATION_LOCAL_STORAGE =\n  '@backstage/techdocs-addons/nav-expanded';\n\nconst StyledButton = withStyles({\n  root: {\n    position: 'absolute',\n    left: '220px',\n    top: '19px',\n    padding: 0,\n    minWidth: 0,\n  },\n})(Button);\n\nconst CollapsedIcon = withStyles({\n  root: {\n    height: '20px',\n    width: '20px',\n  },\n})(ChevronRightIcon);\n\nconst ExpandedIcon = withStyles({\n  root: {\n    height: '20px',\n    width: '20px',\n  },\n})(ExpandMoreIcon);\n\ntype expandableNavigationLocalStorage = {\n  expandAllNestedNavs: boolean;\n};\n\n/**\n * Show expand/collapse navigation button next to site name in main\n * navigation menu if documentation site has nested navigation.\n */\nexport const ExpandableNavigationAddon = () => {\n  const defaultValue = { expandAllNestedNavs: false };\n  const [expanded, setExpanded] =\n    useLocalStorageValue<expandableNavigationLocalStorage>(\n      EXPANDABLE_NAVIGATION_LOCAL_STORAGE,\n      defaultValue,\n    );\n  const [hasNavSubLevels, setHasNavSubLevels] = useState<boolean>(false);\n\n  const [...checkboxToggles] = useShadowRootElements<HTMLInputElement>([\n    NESTED_LIST_TOGGLE,\n  ]);\n\n  const shouldToggle = useCallback(\n    (item: HTMLInputElement) => {\n      const isExpanded = item.checked;\n      const shouldExpand = expanded?.expandAllNestedNavs;\n\n      // Is collapsed but should expand\n      if (shouldExpand && !isExpanded) {\n        return true;\n      }\n\n      // Is expanded but should collapse\n      if (!shouldExpand && isExpanded) {\n        return true;\n      }\n\n      return false;\n    },\n    [expanded],\n  );\n\n  useEffect(() => {\n    // There is no nested navs\n    if (!checkboxToggles?.length) return;\n\n    setHasNavSubLevels(true);\n    checkboxToggles.forEach(item => {\n      if (shouldToggle(item)) item.click();\n    });\n  }, [expanded, shouldToggle, checkboxToggles]);\n\n  const handleState = () => {\n    setExpanded(prevState => ({\n      expandAllNestedNavs: !prevState?.expandAllNestedNavs,\n    }));\n  };\n\n  return (\n    <>\n      {hasNavSubLevels ? (\n        <StyledButton\n          size=\"small\"\n          onClick={handleState}\n          aria-label={\n            expanded?.expandAllNestedNavs ? 'collapse-nav' : 'expand-nav'\n          }\n        >\n          {expanded?.expandAllNestedNavs ? <ExpandedIcon /> : <CollapsedIcon />}\n        </StyledButton>\n      ) : null}\n    </>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const ADDON_FEEDBACK_CONTAINER_ID = 'techdocs-report-issue';\nexport const ADDON_FEEDBACK_CONTAINER_SELECTOR = `#${ADDON_FEEDBACK_CONTAINER_ID}`;\nexport const PAGE_EDIT_LINK_SELECTOR = '[title^=\"Edit this page\"]';\nexport const PAGE_FEEDBACK_LINK_SELECTOR = '[title^=\"Leave feedback for\"]';\nexport const PAGE_MAIN_CONTENT_SELECTOR =\n  '[data-md-component=\"main\"] .md-content';\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport parseGitUrl from 'git-url-parse';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  replaceGitHubUrlType,\n  replaceGitLabUrlType,\n} from '@backstage/integration';\nimport { scmIntegrationsApiRef } from '@backstage/integration-react';\nimport {\n  useShadowRootElements,\n  useShadowRootSelection,\n} from '@backstage/plugin-techdocs-react';\n\nimport { PAGE_EDIT_LINK_SELECTOR } from './constants';\n\nconst resolveBlobUrl = (url: string, type: string) => {\n  if (type === 'github') {\n    return replaceGitHubUrlType(url, 'blob');\n  } else if (type === 'gitlab') {\n    return replaceGitLabUrlType(url, 'blob');\n  }\n  // eslint-disable-next-line no-console\n  console.error(\n    `Invalid SCM type ${type} found in ReportIssue addon for URL ${url}!`,\n  );\n  return url;\n};\n\nexport const getTitle = (selection: Selection) => {\n  const text = selection.toString().substring(0, 70);\n  const ellipsis = text.length === 70 ? '...' : '';\n  return `Documentation feedback: ${text}${ellipsis}`;\n};\n\nexport const getBody = (selection: Selection, markdownUrl: string) => {\n  const title = '## Documentation Feedback 📝';\n  const subheading = '#### The highlighted text:';\n  const commentHeading = '#### The comment on the text:';\n  const commentPlaceholder = '_>replace this line with your comment<_';\n  const highlightedTextAsQuote = selection\n    .toString()\n    .trim()\n    .split('\\n')\n    .map(line => `> ${line.trim()}`)\n    .join('\\n');\n\n  const facts = [\n    `Backstage URL: <${window.location.href}> \\nMarkdown URL: <${markdownUrl}>`,\n  ];\n\n  return `${title}\\n\\n ${subheading} \\n\\n ${highlightedTextAsQuote}\\n\\n ${commentHeading} \\n ${commentPlaceholder}\\n\\n ___\\n${facts}`;\n};\n\nexport const useGitTemplate = (debounceTime?: number) => {\n  const initialTemplate = { title: '', body: '' };\n  const selection = useShadowRootSelection(debounceTime);\n  const [editLink] = useShadowRootElements([PAGE_EDIT_LINK_SELECTOR]);\n  const url = (editLink as HTMLAnchorElement)?.href ?? '';\n  const scmIntegrationsApi = useApi(scmIntegrationsApiRef);\n\n  if (!selection || !url) return initialTemplate;\n\n  const type = scmIntegrationsApi.byUrl(url)?.type;\n\n  if (!type) return initialTemplate;\n\n  return {\n    title: getTitle(selection),\n    body: getBody(selection, resolveBlobUrl(url, type)),\n  };\n};\n\nexport const useGitRepository = () => {\n  const scmIntegrationsApi = useApi(scmIntegrationsApiRef);\n\n  const [editLink] = useShadowRootElements([PAGE_EDIT_LINK_SELECTOR]);\n  const url = (editLink as HTMLAnchorElement)?.href ?? '';\n\n  if (!url) return null;\n\n  const type = scmIntegrationsApi.byUrl(url)?.type;\n\n  if (!type) return null;\n\n  return { ...parseGitUrl(resolveBlobUrl(url, type)), type };\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport BugReportIcon from '@material-ui/icons/BugReport';\n\nimport { Link, GitHubIcon } from '@backstage/core-components';\n\nimport { ReportIssueTemplate, Repository } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'grid',\n    gridGap: theme.spacing(1),\n    gridAutoFlow: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    color: theme.palette.common.black,\n    fontSize: theme.typography.button.fontSize,\n  },\n}));\n\ntype IssueLinkProps = {\n  template: ReportIssueTemplate;\n  repository: Repository;\n};\n\nconst getIcon = ({ type }: Repository) => {\n  if (type === 'github') {\n    return GitHubIcon;\n  }\n  return BugReportIcon;\n};\n\nconst getName = ({ type }: Repository) => {\n  if (type === 'github') {\n    return 'Github';\n  }\n  return 'Gitlab';\n};\n\nconst getUrl = (repository: Repository, template: ReportIssueTemplate) => {\n  const { title, body } = template;\n  const encodedTitle = encodeURIComponent(title);\n  const encodedBody = encodeURIComponent(body);\n  const { protocol, resource, owner, name, type } = repository;\n  const encodedOwner = encodeURIComponent(owner);\n  const encodedName = encodeURIComponent(name);\n\n  const url = `${protocol}://${resource}/${encodedOwner}/${encodedName}`;\n  if (type === 'github') {\n    return `${url}/issues/new?title=${encodedTitle}&body=${encodedBody}`;\n  }\n  return `${url}/issues/new?issue[title]=${encodedTitle}&issue[description]=${encodedBody}`;\n};\n\nexport const IssueLink = ({ template, repository }: IssueLinkProps) => {\n  const classes = useStyles();\n\n  const Icon = getIcon(repository);\n  const url = getUrl(repository, template);\n\n  return (\n    <Link className={classes.root} to={url} target=\"_blank\">\n      <Icon /> Open new {getName(repository)} issue\n    </Link>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState, useEffect } from 'react';\n\nimport { makeStyles, Portal, Paper } from '@material-ui/core';\n\nimport { useGitTemplate, useGitRepository } from './hooks';\nimport { ReportIssueTemplateBuilder } from './types';\nimport {\n  PAGE_MAIN_CONTENT_SELECTOR,\n  PAGE_FEEDBACK_LINK_SELECTOR,\n  ADDON_FEEDBACK_CONTAINER_ID,\n  ADDON_FEEDBACK_CONTAINER_SELECTOR,\n} from './constants';\nimport { IssueLink } from './IssueLink';\n\nimport {\n  useShadowRootElements,\n  useShadowRootSelection,\n} from '@backstage/plugin-techdocs-react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    transform: 'translate(-100%, -100%)',\n    position: 'absolute',\n    padding: theme.spacing(1),\n    zIndex: theme.zIndex.tooltip,\n    background: theme.palette.common.white,\n  },\n}));\n\ntype Style = {\n  top: string;\n  left: string;\n};\n\n/**\n * Props customizing the <ReportIssue /> Addon.\n *\n * @public\n */\nexport type ReportIssueProps = {\n  /**\n   * Number of milliseconds after a user highlights some text before the report\n   * issue link appears above the highlighted text. Defaults to 500ms.\n   */\n  debounceTime?: number;\n\n  /**\n   * An optional function defining how a custom issue title and body should be\n   * constructed, given some selected text.\n   */\n  templateBuilder?: ReportIssueTemplateBuilder;\n};\n\n/**\n * Show report issue button when text is highlighted\n */\nexport const ReportIssueAddon = ({\n  debounceTime = 500,\n  templateBuilder: buildTemplate,\n}: ReportIssueProps) => {\n  const classes = useStyles();\n  const [style, setStyle] = useState<Style>();\n\n  const repository = useGitRepository();\n\n  const defaultTemplate = useGitTemplate(debounceTime);\n\n  const selection = useShadowRootSelection(debounceTime);\n\n  const [mainContent, feedbackLink] = useShadowRootElements([\n    PAGE_MAIN_CONTENT_SELECTOR,\n    PAGE_FEEDBACK_LINK_SELECTOR,\n  ]);\n\n  let [feedbackContainer] = useShadowRootElements([\n    ADDON_FEEDBACK_CONTAINER_SELECTOR,\n  ]);\n\n  if (feedbackLink) {\n    feedbackLink.style.display = 'none';\n  }\n\n  // calculates the position of the selected text to be able to set the position of the addon\n  useEffect(() => {\n    if (\n      // todo(backstage/techdocs-core) handle non-repo rendering\n      !repository ||\n      !selection ||\n      !selection.containsNode(mainContent!, true) ||\n      selection?.containsNode(feedbackContainer!, true)\n    ) {\n      return;\n    }\n\n    const mainContentPosition = mainContent!.getBoundingClientRect();\n    const selectionPosition = selection.getRangeAt(0).getBoundingClientRect();\n\n    setStyle({\n      top: `${selectionPosition.top - mainContentPosition.top - 16}px`,\n      left: `${selectionPosition.left + selectionPosition.width / 2}px`,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selection, mainContent, feedbackContainer]);\n\n  if (!selection || !repository) return null;\n\n  if (!feedbackContainer) {\n    feedbackContainer = document.createElement('div');\n    feedbackContainer.setAttribute('id', ADDON_FEEDBACK_CONTAINER_ID);\n    mainContent!.prepend(feedbackContainer);\n  }\n\n  return (\n    <Portal container={feedbackContainer}>\n      <Paper\n        data-testid=\"report-issue-addon\"\n        className={classes.root}\n        style={style}\n      >\n        <IssueLink\n          repository={repository}\n          template={\n            buildTemplate ? buildTemplate({ selection }) : defaultTemplate\n          }\n        />\n      </Paper>\n    </Portal>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  ChangeEvent,\n  MouseEvent,\n  useMemo,\n  useState,\n  useEffect,\n  useCallback,\n} from 'react';\n\nimport {\n  withStyles,\n  makeStyles,\n  useTheme,\n  Box,\n  MenuItem,\n  ListItemText,\n  Slider,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport AddIcon from '@material-ui/icons/Add';\nimport RemoveIcon from '@material-ui/icons/Remove';\n\nimport { BackstageTheme } from '@backstage/theme';\nimport { useShadowRootElements } from '@backstage/plugin-techdocs-react';\n\nconst boxShadow =\n  '0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.13),0 0 0 1px rgba(0,0,0,0.02)';\n\nconst StyledSlider = withStyles(theme => ({\n  root: {\n    height: 2,\n    padding: '15px 0',\n  },\n  thumb: {\n    height: 18,\n    width: 18,\n    backgroundColor: theme.palette.common.white,\n    boxShadow: boxShadow,\n    marginTop: -9,\n    marginLeft: -9,\n    '&:focus, &:hover, &$active': {\n      boxShadow:\n        '0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.02)',\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        boxShadow: boxShadow,\n      },\n    },\n  },\n  active: {},\n  valueLabel: {\n    top: '100%',\n    left: '50%',\n    transform: 'scale(1) translate(-50%, -5px) !important',\n    '& *': {\n      color: theme.palette.common.black,\n      fontSize: theme.typography.caption.fontSize,\n      background: 'transparent',\n    },\n  },\n  track: {\n    height: 2,\n  },\n  rail: {\n    height: 2,\n    opacity: 0.5,\n  },\n  mark: {\n    height: 10,\n    width: 1,\n    marginTop: -4,\n  },\n  markActive: {\n    opacity: 1,\n    backgroundColor: 'currentColor',\n  },\n}))(Slider);\n\nconst settings = {\n  key: 'techdocs.addons.settings.textsize',\n  defaultValue: 100,\n};\n\nconst marks = [\n  {\n    value: 90,\n  },\n  {\n    value: 100,\n  },\n  {\n    value: 115,\n  },\n  {\n    value: 130,\n  },\n  {\n    value: 150,\n  },\n];\n\nconst useStyles = makeStyles((theme: BackstageTheme) => ({\n  container: {\n    color: theme.palette.textSubtle,\n    display: 'flex',\n    alignItems: 'center',\n    margin: 0,\n    minWidth: 200,\n  },\n  menuItem: {\n    '&:hover': {\n      background: 'transparent',\n    },\n  },\n  decreaseButton: {\n    marginRight: theme.spacing(1),\n  },\n  increaseButton: {\n    marginLeft: theme.spacing(1),\n  },\n}));\n\nexport const TextSizeAddon = () => {\n  const classes = useStyles();\n  const theme = useTheme<BackstageTheme>();\n  const [body] = useShadowRootElements(['body']);\n\n  const [value, setValue] = useState<number>(() => {\n    const initialValue = localStorage?.getItem(settings.key);\n    return initialValue ? parseInt(initialValue, 10) : settings.defaultValue;\n  });\n\n  const values = useMemo(() => marks.map(mark => mark.value), []);\n  const index = useMemo(() => values.indexOf(value), [values, value]);\n  const min = useMemo(() => values[0], [values]);\n  const max = useMemo(() => values[values.length - 1], [values]);\n\n  const getValueText = useCallback(() => `${value}%`, [value]);\n\n  const handleChangeCommitted = useCallback(\n    (_event: ChangeEvent<{}>, newValue: number | number[]) => {\n      if (!Array.isArray(newValue)) {\n        setValue(newValue);\n        localStorage?.setItem(settings.key, String(newValue));\n      }\n    },\n    [setValue],\n  );\n\n  const handleDecreaseClick = useCallback(\n    (event: MouseEvent) => {\n      handleChangeCommitted(event, values[index - 1]);\n    },\n    [index, values, handleChangeCommitted],\n  );\n\n  const handleIncreaseClick = useCallback(\n    (event: MouseEvent) => {\n      handleChangeCommitted(event, values[index + 1]);\n    },\n    [index, values, handleChangeCommitted],\n  );\n\n  useEffect(() => {\n    if (!body) return;\n    const htmlFontSize =\n      (\n        theme.typography as BackstageTheme['typography'] & {\n          htmlFontSize?: number;\n        }\n      )?.htmlFontSize ?? 16;\n    body.style.setProperty(\n      '--md-typeset-font-size',\n      `${htmlFontSize * (value / 100)}px`,\n    );\n  }, [body, value, theme]);\n\n  return (\n    <MenuItem className={classes.menuItem} button disableRipple>\n      <ListItemText\n        primary={\n          <Typography variant=\"subtitle2\" color=\"textPrimary\">\n            Text size\n          </Typography>\n        }\n        secondary={\n          <Box className={classes.container}>\n            <IconButton\n              className={classes.decreaseButton}\n              size=\"small\"\n              edge=\"start\"\n              disabled={value === min}\n              onClick={handleDecreaseClick}\n              aria-label=\"Decrease text size\"\n            >\n              <RemoveIcon />\n            </IconButton>\n            <StyledSlider\n              value={value}\n              aria-labelledby=\"text-size-slider\"\n              getAriaValueText={getValueText}\n              valueLabelDisplay=\"on\"\n              valueLabelFormat={getValueText}\n              marks={marks}\n              step={null}\n              min={min}\n              max={max}\n              onChangeCommitted={handleChangeCommitted}\n            />\n            <IconButton\n              className={classes.increaseButton}\n              size=\"small\"\n              edge=\"end\"\n              disabled={value === max}\n              onClick={handleIncreaseClick}\n              aria-label=\"Increase text size\"\n            >\n              <AddIcon />\n            </IconButton>\n          </Box>\n        }\n        disableTypography\n      />\n    </MenuItem>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createPlugin } from '@backstage/core-plugin-api';\nimport {\n  createTechDocsAddonExtension,\n  TechDocsAddonLocations,\n} from '@backstage/plugin-techdocs-react';\nimport { ExpandableNavigationAddon } from './ExpandableNavigation';\nimport { ReportIssueAddon, ReportIssueProps } from './ReportIssue';\nimport { TextSizeAddon } from './TextSize';\n\n/**\n * The TechDocs addons contrib plugin\n *\n * @public\n */\n\nexport const techdocsModuleAddonsContribPlugin = createPlugin({\n  id: 'techdocsModuleAddonsContrib',\n});\n\n/**\n * TechDocs addon that lets you expand/collapse the TechDocs main navigation\n * and keep the preferred state in local storage. The addon will render as\n * a button next to the site name if the documentation has nested navigation.\n *\n * @example\n * Here's a simple example:\n * ```\n * import {\n *   DefaultTechDocsHome,\n *   TechDocsIndexPage,\n *   TechDocsReaderPage,\n * } from '@backstage/plugin-techdocs';\n * import { TechDocsAddons } from '@backstage/plugin-techdocs-react/alpha';\n * import { ExpandableNavigation } from '@backstage/plugin-techdocs-module-addons-contrib';\n *\n *\n * const AppRoutes = () => {\n *   <FlatRoutes>\n *     // other plugin routes\n *     <Route path=\"/docs\" element={<TechDocsIndexPage />}>\n *       <DefaultTechDocsHome />\n *     </Route>\n *     <Route\n *       path=\"/docs/:namespace/:kind/:name/*\"\n *       element={<TechDocsReaderPage />}\n *     >\n *       <TechDocsAddons>\n *         <ExpandableNavigation />\n *       </TechDocsAddons>\n *     </Route>\n *   </FlatRoutes>;\n * };\n * ```\n *\n * @public\n */\n\nexport const ExpandableNavigation = techdocsModuleAddonsContribPlugin.provide(\n  createTechDocsAddonExtension({\n    name: 'ExpandableNavigation',\n    location: TechDocsAddonLocations.PrimarySidebar,\n    component: ExpandableNavigationAddon,\n  }),\n);\n\n/**\n * TechDocs addon that lets you select text and open GitHub/Gitlab issues\n *\n * @remarks\n * Before using it, you should set up an `edit_uri` for your pages as explained {@link https://backstage.io/docs/features/techdocs/faqs#is-it-possible-for-users-to-suggest-changes-or-provide-feedback-on-a-techdocs-page | here} and remember, it only works for Github or Gitlab.\n *\n * @example\n * Here's a simple example:\n * ```\n * import {\n *   DefaultTechDocsHome,\n *   TechDocsIndexPage,\n *   TechDocsReaderPage,\n * } from '@backstage/plugin-techdocs';\n * import { TechDocsAddons } from '@backstage/plugin-techdocs-react';\n * import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib';\n *\n *\n * const AppRoutes = () => {\n *   <FlatRoutes>\n *     // other plugin routes\n *     <Route path=\"/docs\" element={<TechDocsIndexPage />}>\n *       <DefaultTechDocsHome />\n *     </Route>\n *     <Route\n *       path=\"/docs/:namespace/:kind/:name/*\"\n *       element={<TechDocsReaderPage />}\n *     >\n *       <TechDocsAddons>\n *         <ReportIssue />\n *       </TechDocsAddons>\n *     </Route>\n *   </FlatRoutes>;\n * };\n * ```\n *\n * @example\n * Here's an example with `debounceTime` and `templateBuilder` props:\n * ```\n * import {\n *   DefaultTechDocsHome,\n *   TechDocsIndexPage,\n *   TechDocsReaderPage,\n * } from '@backstage/plugin-techdocs';\n * import { TechDocsAddons } from '@backstage/plugin-techdocs-react';\n * import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib';\n *\n * const templateBuilder = ({ selection }: ReportIssueTemplateBuilder) => (({\n *  title: 'Custom issue title',\n *  body: `Custom issue body: ${selection.toString()}`\n * }))\n *\n * const AppRoutes = () => {\n *   <FlatRoutes>\n *     // other plugin routes\n *     <Route path=\"/docs\" element={<TechDocsIndexPage />}>\n *       <DefaultTechDocsHome />\n *     </Route>\n *     <Route\n *       path=\"/docs/:namespace/:kind/:name/*\"\n *       element={<TechDocsReaderPage />}\n *     >\n *       <TechDocsAddons>\n *         <ReportIssue debounceTime={300} templateBuilder={templateBuilder} />\n *       </TechDocsAddons>\n *     </Route>\n *   </FlatRoutes>;\n * ```\n * @param props - Object that can optionally contain `debounceTime` and `templateBuilder` properties.\n * @public\n */\nexport const ReportIssue = techdocsModuleAddonsContribPlugin.provide(\n  createTechDocsAddonExtension<ReportIssueProps>({\n    name: 'ReportIssue',\n    location: TechDocsAddonLocations.Content,\n    component: ReportIssueAddon,\n  }),\n);\n\n/**\n * This TechDocs addon allows users to customize text size on documentation pages, they can select how much they want to increase or decrease the font size via slider or buttons.\n *\n * @remarks\n * The default value for the font size is 100% of the HTML font size, if the theme does not have a `htmlFontSize` in its typography object, the addon will assume 16px as 100%, and remember, this setting is kept in the browser local storage.\n *\n * @example\n * Here's a simple example:\n * ```\n * import {\n *   DefaultTechDocsHome,\n *   TechDocsIndexPage,\n *   TechDocsReaderPage,\n * } from '@backstage/plugin-techdocs';\n * import { TechDocsAddons } from '@backstage/plugin-techdocs-react';\n * import { TextSize } from '@backstage/plugin-techdocs-module-addons-contrib';\n *\n *\n * const AppRoutes = () => {\n *   <FlatRoutes>\n *     // other plugin routes\n *     <Route path=\"/docs\" element={<TechDocsIndexPage />}>\n *       <DefaultTechDocsHome />\n *     </Route>\n *     <Route\n *       path=\"/docs/:namespace/:kind/:name/*\"\n *       element={<TechDocsReaderPage />}\n *     >\n *       <TechDocsAddons>\n *         <TextSize />\n *       </TechDocsAddons>\n *     </Route>\n *   </FlatRoutes>;\n * };\n * ```\n *\n * @public\n */\nexport const TextSize = techdocsModuleAddonsContribPlugin.provide(\n  createTechDocsAddonExtension({\n    name: 'TextSize',\n    location: TechDocsAddonLocations.Settings,\n    component: TextSizeAddon,\n  }),\n);\n"],"names":["useStyles"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/plugin-techdocs-module-addons-contrib",
   "description": "Plugin module for contributed TechDocs Addons",
-  "version": "0.1.0-next.0",
+  "version": "1.0.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -34,15 +34,16 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.9.3",
-    "@backstage/core-plugin-api": "^1.0.1",
-    "@backstage/integration": "^1.2.0-next.0",
-    "@backstage/integration-react": "^1.1.0-next.0",
-    "@backstage/plugin-techdocs-react": "^0.1.1-next.0",
+    "@backstage/core-components": "^0.9.4",
+    "@backstage/core-plugin-api": "^1.0.2",
+    "@backstage/integration": "^1.2.0",
+    "@backstage/integration-react": "^1.1.0",
+    "@backstage/plugin-techdocs-react": "^1.0.0",
     "@backstage/theme": "^0.2.15",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
+    "@react-hookz/web": "^13.0.0",
     "git-url-parse": "^11.6.0",
     "react-use": "^17.2.4"
   },
@@ -50,10 +51,11 @@
     "react": "^16.13.1 || ^17.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.17.1-next.0",
-    "@backstage/core-app-api": "^1.0.1",
-    "@backstage/dev-utils": "^1.0.2-next.0",
-    "@backstage/test-utils": "^1.0.2-next.0",
+    "@backstage/cli": "^0.17.1",
+    "@backstage/core-app-api": "^1.0.2",
+    "@backstage/dev-utils": "^1.0.2",
+    "@backstage/plugin-techdocs-addons-test-utils": "^1.0.0",
+    "@backstage/test-utils": "^1.1.0",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^14.0.0",
@@ -66,5 +68,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "88ee375f5ee44b7a7917297785ddf88691fe3381"
+  "gitHead": "96323f280ba32ee526c5b151cda42260aee927c9"
 }