@apify/docs-theme 1.0.0 → 1.0.2

package/index.d.ts

@@ -0,0 +1,9 @@
+export default function theme(context: any, opts: any): {
+    name: string;
+    getThemePath(): string;
+    getTypeScriptThemePath(): string;
+    contentLoaded({ content, actions }: {
+        content: any;
+        actions: any;
+    }): Promise<void>;
+};

package/{src/index.ts → index.js}

@@ -1,4 +1,6 @@
-export default function theme(context, opts) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function theme(context, opts) {
     return {
         name: "@apify/docs-theme",
         getThemePath() {
@@ -15,3 +17,4 @@ export default function theme(context, opts) {
         },
     };
 }
+exports.default = theme;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@apify/docs-theme",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
-  "main": "./dist/index.js",
+  "main": "./index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rimraf ./dist && tsc && npm run copyStyles && npm run copyImages",

package/theme/ColorModeToggle/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: React.MemoExoticComponent<typeof ColorModeToggle>;
+export default _default;
+declare function ColorModeToggle({ className, value, onChange }: {
+    className: any;
+    value: any;
+    onChange: any;
+}): JSX.Element;
+import React from "react";

package/theme/ColorModeToggle/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
+const Translate_1 = require("@docusaurus/Translate");
+const LightMode_1 = __importDefault(require("../Icon/LightMode"));
+const DarkMode_1 = __importDefault(require("../Icon/DarkMode"));
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function ColorModeToggle({ className, value, onChange }) {
+    const isBrowser = (0, useIsBrowser_1.default)();
+    const title = (0, Translate_1.translate)({
+        message: 'Switch between dark and light mode (currently {mode})',
+        id: 'theme.colorToggle.ariaLabel',
+        description: 'The ARIA label for the navbar color mode toggle',
+    }, {
+        mode: value === 'dark'
+            ? (0, Translate_1.translate)({
+                message: 'dark mode',
+                id: 'theme.colorToggle.ariaLabel.mode.dark',
+                description: 'The name for the dark color mode',
+            })
+            : (0, Translate_1.translate)({
+                message: 'light mode',
+                id: 'theme.colorToggle.ariaLabel.mode.light',
+                description: 'The name for the light color mode',
+            }),
+    });
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.toggle, className) },
+        react_1.default.createElement("button", { className: (0, clsx_1.default)('clean-btn', styles_module_css_1.default.toggleButton, !isBrowser && styles_module_css_1.default.toggleButtonDisabled), type: "button", onClick: () => onChange(value === 'dark' ? 'light' : 'dark'), disabled: !isBrowser, title: title, "aria-label": title },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement(LightMode_1.default, { className: (0, clsx_1.default)(styles_module_css_1.default.toggleIcon, styles_module_css_1.default.lightToggleIcon), width: 14, height: 14 }),
+                react_1.default.createElement(DarkMode_1.default, { className: (0, clsx_1.default)(styles_module_css_1.default.toggleIcon, styles_module_css_1.default.darkToggleIcon), width: 14, height: 14 })))));
+}
+exports.default = react_1.default.memo(ColorModeToggle);

package/theme/Footer/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: React.MemoExoticComponent<typeof Footer>;
+export default _default;
+declare function Footer(): JSX.Element;
+import React from "react";

package/theme/Footer/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+// eslint-disable-next-line import/no-extraneous-dependencies
+const theme_common_1 = require("@docusaurus/theme-common");
+const LinkItem_1 = __importDefault(require("@theme/Footer/LinkItem"));
+const index_module_css_1 = __importDefault(require("./index.module.css"));
+function FooterLinksColumn({ column }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: index_module_css_1.default.footerTitle }, column.title),
+        react_1.default.createElement("ul", { className: (0, clsx_1.default)(index_module_css_1.default.footerItem, 'clean-list') }, column.items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "footer__item" },
+            react_1.default.createElement(LinkItem_1.default, { item: item })))))));
+}
+function Footer() {
+    const { footer } = (0, theme_common_1.useThemeConfig)();
+    if (!footer) {
+        return null;
+    }
+    const { links, style } = footer;
+    const OpenSourceIcon = require('../../img/footer-open-source.svg').default;
+    const ApifyLogo = require('../../img/footer-apify-logo.svg').default;
+    return (react_1.default.createElement("footer", { className: (0, clsx_1.default)(index_module_css_1.default.footer, style) },
+        react_1.default.createElement("div", { className: "container padding-horiz--lg" },
+            react_1.default.createElement("div", { className: "row" },
+                react_1.default.createElement("div", { className: "col col--5" },
+                    react_1.default.createElement("div", { className: "row" },
+                        react_1.default.createElement("div", { className: "col col--6" },
+                            react_1.default.createElement(FooterLinksColumn, { column: links[0] })),
+                        react_1.default.createElement("div", { className: "col col--6" },
+                            react_1.default.createElement(FooterLinksColumn, { column: links[1] })))),
+                react_1.default.createElement("div", { className: "col col--7" },
+                    react_1.default.createElement("div", { className: "row" },
+                        react_1.default.createElement("div", { className: "col col--3 col--offset-9" },
+                            react_1.default.createElement(FooterLinksColumn, { column: links[2] }))))),
+            react_1.default.createElement("div", { className: "row padding-vert--md padding-top--lg" },
+                react_1.default.createElement("div", { className: "col padding-vert--md col--6" },
+                    react_1.default.createElement("div", { className: index_module_css_1.default.freeAndOpenSource },
+                        react_1.default.createElement(OpenSourceIcon, { className: index_module_css_1.default.alignMiddle }),
+                        react_1.default.createElement("span", { className: index_module_css_1.default.alignMiddle }, "Blablabla, bla bla bla. This component is from the common theme!"))),
+                react_1.default.createElement("div", { className: "col padding-vert--md col--6 text--right" },
+                    react_1.default.createElement("span", { className: index_module_css_1.default.builtBy },
+                        react_1.default.createElement("span", { className: index_module_css_1.default.alignMiddle }, "Built by"),
+                        react_1.default.createElement(ApifyLogo, { className: index_module_css_1.default.alignMiddle })))))));
+}
+exports.default = react_1.default.memo(Footer);

package/theme/Icon/DarkMode/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: React.MemoExoticComponent<typeof IconDarkMode>;
+export default _default;
+declare function IconDarkMode(props: any): JSX.Element;
+import React from "react";

package/theme/Icon/DarkMode/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function IconDarkMode(props) {
+    return (react_1.default.createElement("svg", { viewBox: "0 0 13 12", width: 14, height: 14, ...props },
+        react_1.default.createElement("path", { d: "M10.7001 6.39501C10.6215 7.24611 10.3021 8.05721 9.77927 8.7334C9.25646 9.40959 8.55189 9.92291 7.748 10.2133C6.9441 10.5036 6.07414 10.5591 5.2399 10.3731C4.40565 10.187 3.64164 9.76728 3.03726 9.1629C2.43287 8.55851 2.01312 7.7945 1.8271 6.96026C1.64108 6.12602 1.6965 5.25605 1.98688 4.45216C2.27725 3.64826 2.79056 2.94369 3.46675 2.42088C4.14294 1.89808 4.95404 1.57866 5.80515 1.50001C5.30685 2.17414 5.06707 3.00473 5.12941 3.84071C5.19175 4.6767 5.55208 5.46254 6.14485 6.05531C6.73762 6.64808 7.52346 7.0084 8.35944 7.07074C9.19542 7.13308 10.026 6.8933 10.7001 6.39501Z", stroke: "currentColor", fill: "transparent", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = react_1.default.memo(IconDarkMode);

package/theme/Icon/LightMode/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: React.MemoExoticComponent<typeof IconLightMode>;
+export default _default;
+declare function IconLightMode(props: any): JSX.Element;
+import React from "react";

package/theme/Icon/LightMode/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function IconLightMode(props) {
+    return (react_1.default.createElement("svg", { viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, ...props },
+        react_1.default.createElement("g", { clipPath: "url(#clip0_833_8168)" },
+            react_1.default.createElement("path", { d: "M6.59998 8.49999C7.98069 8.49999 9.09998 7.3807 9.09998 5.99999C9.09998 4.61928 7.98069 3.49999 6.59998 3.49999C5.21926 3.49999 4.09998 4.61928 4.09998 5.99999C4.09998 7.3807 5.21926 8.49999 6.59998 8.49999Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M6.59985 0.5V1.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M6.59985 10.5V11.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M2.7099 2.11L3.4199 2.82", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M9.77991 9.17999L10.4899 9.88999", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M1.09998 6H2.09998", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M11.0999 6H12.0999", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M2.7099 9.88999L3.4199 9.17999", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+            react_1.default.createElement("path", { d: "M9.77991 2.82L10.4899 2.11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_833_8168" },
+                react_1.default.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(0.599976)" })))));
+}
+exports.default = react_1.default.memo(IconLightMode);

package/theme/Navbar/Content/index.d.ts

@@ -0,0 +1 @@
+export default function NavbarContent(): JSX.Element;

package/theme/Navbar/Content/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const theme_common_1 = require("@docusaurus/theme-common");
+const useGlobalData_1 = require("@docusaurus/useGlobalData");
+const useDocusaurusContext_1 = __importDefault(require("@docusaurus/useDocusaurusContext"));
+const internal_1 = require("@docusaurus/theme-common/internal");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+const Logo_1 = __importDefault(require("@theme/Navbar/Logo"));
+const NavbarItem_1 = __importDefault(require("@theme/NavbarItem"));
+const ColorModeToggle_1 = __importDefault(require("@theme/Navbar/ColorModeToggle"));
+const Search_1 = __importDefault(require("@theme/Navbar/Search"));
+const SearchBar_1 = __importDefault(require("@theme/SearchBar"));
+const Toggle_1 = __importDefault(require("@theme/Navbar/MobileSidebar/Toggle"));
+function NavbarItems({ items }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null, items.map((item, i) => (react_1.default.createElement(NavbarItem_1.default, { ...item, key: i })))));
+}
+function NavbarContentLayout({ left, right }) {
+    return (react_1.default.createElement("div", { className: "navbar__inner" },
+        react_1.default.createElement("div", { className: "navbar__items" }, left),
+        react_1.default.createElement("div", { className: "navbar__items navbar__items--right" }, right)));
+}
+function SubNavbar() {
+    const { subNavbar } = (0, useGlobalData_1.usePluginData)('@apify/docs-theme').opts;
+    const pageTitle = (0, useDocusaurusContext_1.default)().siteConfig.title;
+    return (subNavbar ? (react_1.default.createElement("div", { className: "navbar__inner" },
+        react_1.default.createElement("div", { className: "navbar__items" },
+            react_1.default.createElement(NavbarItems, { items: [
+                    {
+                        label: pageTitle,
+                        to: '/',
+                    },
+                    ...subNavbar,
+                ] })))) : null);
+}
+function NavbarContent() {
+    const items = (0, theme_common_1.useThemeConfig)().navbar.items;
+    const [leftItems, rightItems] = (0, internal_1.splitNavbarItems)(items);
+    const searchBarItem = items.find((item) => item.type === 'search');
+    return (react_1.default.createElement("div", { style: {
+            width: "100%",
+            height: "100%",
+            alignItems: "center",
+            display: "flex",
+            flexDirection: "column",
+        } },
+        react_1.default.createElement(NavbarContentLayout, { left: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Toggle_1.default, null),
+                react_1.default.createElement(Logo_1.default, null),
+                react_1.default.createElement(NavbarItems, { items: leftItems })), right: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ColorModeToggle_1.default, { className: styles_module_css_1.default.colorModeToggle }),
+                react_1.default.createElement(NavbarItems, { items: rightItems }),
+                !searchBarItem && (react_1.default.createElement(Search_1.default, null,
+                    react_1.default.createElement(SearchBar_1.default, null)))) }),
+        react_1.default.createElement(SubNavbar, null)));
+}
+exports.default = NavbarContent;

package/theme/NavbarItem/ComponentTypes.d.ts

@@ -0,0 +1,20 @@
+export default ComponentTypes;
+declare const ComponentTypes: {
+    default: any;
+    localeDropdown: any;
+    search: any;
+    dropdown: any;
+    html: any;
+    'custom-api': typeof ApiNavbarItem;
+    doc: typeof DocNavbarItem;
+    docSidebar: any;
+    docsVersion: any;
+    docsVersionDropdown: any;
+};
+declare function ApiNavbarItem(ctx: any): JSX.Element;
+declare function DocNavbarItem({ docId, label: staticLabel, docsPluginId, ...props }: {
+    [x: string]: any;
+    docId: any;
+    label: any;
+    docsPluginId: any;
+}): JSX.Element;

package/theme/NavbarItem/ComponentTypes.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const DefaultNavbarItem_1 = __importDefault(require("@theme/NavbarItem/DefaultNavbarItem"));
+const DropdownNavbarItem_1 = __importDefault(require("@theme/NavbarItem/DropdownNavbarItem"));
+const LocaleDropdownNavbarItem_1 = __importDefault(require("@theme/NavbarItem/LocaleDropdownNavbarItem"));
+const SearchNavbarItem_1 = __importDefault(require("@theme/NavbarItem/SearchNavbarItem"));
+const HtmlNavbarItem_1 = __importDefault(require("@theme/NavbarItem/HtmlNavbarItem"));
+const DocSidebarNavbarItem_1 = __importDefault(require("@theme/NavbarItem/DocSidebarNavbarItem"));
+const DocsVersionNavbarItem_1 = __importDefault(require("@theme/NavbarItem/DocsVersionNavbarItem"));
+const DocsVersionDropdownNavbarItem_1 = __importDefault(require("@theme/NavbarItem/DocsVersionDropdownNavbarItem"));
+const internal_1 = require("@docusaurus/theme-common/internal");
+const useDocusaurusContext_1 = __importDefault(require("@docusaurus/useDocusaurusContext"));
+const react_1 = __importDefault(require("react"));
+// const versions = require('../../../versions.json');
+//
+// const stable = versions[0];
+const stable = '1';
+function DocNavbarItem({ docId, label: staticLabel, docsPluginId, ...props }) {
+    const doc = (0, internal_1.useLayoutDoc)(docId, docsPluginId);
+    // Draft items are not displayed in the navbar.
+    if (doc === null) {
+        return null;
+    }
+    return (react_1.default.createElement(DefaultNavbarItem_1.default, { exact: true, ...props, label: staticLabel ?? doc.id, to: doc.path }));
+}
+function ApiNavbarItem(ctx) {
+    let version = {};
+    try {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        version = (0, internal_1.useDocsVersion)();
+    }
+    catch {
+        version.version = stable;
+    }
+    const { siteConfig } = (0, useDocusaurusContext_1.default)();
+    if (siteConfig.presets[0][1].docs.disableVersioning || version.version === stable) {
+        return (react_1.default.createElement(DefaultNavbarItem_1.default, { exact: true, ...ctx, label: ctx.label, to: `api/${ctx.to}` }));
+    }
+    // skip changelog button for older versions
+    if (+version.version < 3 && ctx.className === 'changelog') {
+        return null;
+    }
+    // link directly to the old API docs under /docs/x.x/api
+    if (+version.version < 3) {
+        return (react_1.default.createElement(DefaultNavbarItem_1.default, { exact: true, ...ctx, label: ctx.label, to: `docs/${version.version === 'current' ? 'next' : version.version}/api/${ctx.to}` }));
+    }
+    return (react_1.default.createElement(DefaultNavbarItem_1.default, { exact: true, ...ctx, label: ctx.label, to: `api/${version.version === 'current' ? 'next' : version.version}/${ctx.to}` }));
+}
+const ComponentTypes = {
+    'default': DefaultNavbarItem_1.default,
+    'localeDropdown': LocaleDropdownNavbarItem_1.default,
+    'search': SearchNavbarItem_1.default,
+    'dropdown': DropdownNavbarItem_1.default,
+    'html': HtmlNavbarItem_1.default,
+    'custom-api': ApiNavbarItem,
+    'doc': DocNavbarItem,
+    'docSidebar': DocSidebarNavbarItem_1.default,
+    'docsVersion': DocsVersionNavbarItem_1.default,
+    'docsVersionDropdown': DocsVersionDropdownNavbarItem_1.default,
+};
+exports.default = ComponentTypes;

package/theme/NavbarItem/NavbarNavLink.d.ts

@@ -0,0 +1,11 @@
+export default function NavbarNavLink({ activeBasePath, activeBaseRegex, to, href, label, html, isDropdownLink, prependBaseUrlToHref, ...props }: {
+    [x: string]: any;
+    activeBasePath: any;
+    activeBaseRegex: any;
+    to: any;
+    href: any;
+    label: any;
+    html: any;
+    isDropdownLink: any;
+    prependBaseUrlToHref: any;
+}): JSX.Element;

package/theme/NavbarItem/NavbarNavLink.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Link_1 = __importDefault(require("@docusaurus/Link"));
+const useBaseUrl_1 = __importDefault(require("@docusaurus/useBaseUrl"));
+const isInternalUrl_1 = __importDefault(require("@docusaurus/isInternalUrl"));
+const router_1 = require("@docusaurus/router");
+const theme_common_1 = require("@docusaurus/theme-common");
+function NavbarNavLink({ activeBasePath, activeBaseRegex, to, href, label, html, isDropdownLink, prependBaseUrlToHref, ...props }) {
+    const location = (0, router_1.useLocation)();
+    // TODO all this seems hacky
+    // {to: 'version'} should probably be forbidden, in favor of {to: '/version'}
+    const toUrl = (0, useBaseUrl_1.default)(to);
+    const activeBaseUrl = (0, useBaseUrl_1.default)(activeBasePath);
+    const normalizedHref = (0, useBaseUrl_1.default)(href, { forcePrependBaseUrl: true });
+    // const isExternalLink = label && href && !isInternalUrl(href);
+    const isExternalLink = false;
+    // Link content is set through html XOR label
+    const linkContentProps = html
+        ? { dangerouslySetInnerHTML: { __html: html } }
+        : {
+            children: (react_1.default.createElement(react_1.default.Fragment, null,
+                label,
+                isExternalLink && (react_1.default.createElement(IconExternalLink, { ...(isDropdownLink && { width: 12, height: 12 }) })))),
+        };
+    if (href) {
+        return (react_1.default.createElement(Link_1.default, { href: prependBaseUrlToHref ? normalizedHref : href, ...props, ...(activeBaseUrl && {
+                className: location.pathname.startsWith(`/${activeBasePath}`)
+                    ? 'navbar__item navbar__link navbar__link--active'
+                    : 'navbar__item navbar__link',
+            }), ...linkContentProps }));
+    }
+    return (react_1.default.createElement(Link_1.default, { to: toUrl, isNavLink: true, ...((activeBasePath || activeBaseRegex) && {
+            isActive: (_match, location) => (activeBaseRegex
+                ? (0, theme_common_1.isRegexpStringMatch)(activeBaseRegex, location.pathname)
+                : location.pathname.startsWith(activeBaseUrl)),
+        }), ...props, ...linkContentProps }));
+}
+exports.default = NavbarNavLink;

package/theme/NotFound.d.ts

@@ -0,0 +1 @@
+export default function NotFound(): JSX.Element;

package/theme/NotFound.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const useBaseUrl_1 = __importDefault(require("@docusaurus/useBaseUrl"));
+const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
+const theme_common_1 = require("@docusaurus/theme-common");
+const Link_1 = __importDefault(require("@docusaurus/Link"));
+const Layout_1 = __importDefault(require("@theme/Layout"));
+function NotFound() {
+    const redirectedV2Url = (0, useBaseUrl_1.default)('/docs/api');
+    const redirectedV1Url = (0, useBaseUrl_1.default)('/docs/1.3.1/api');
+    const baseUrlForV2Redirect = (0, useBaseUrl_1.default)(`/docs/2.3/api/`);
+    const baseUrlForV1Redirect = (0, useBaseUrl_1.default)(`/docs/1.3/api/`);
+    const isBrowser = (0, useIsBrowser_1.default)();
+    if (isBrowser) {
+        const path = window.location.pathname;
+        let href = '';
+        let redirect = false;
+        if (path.startsWith(redirectedV2Url)) {
+            href = baseUrlForV2Redirect + path.substring(redirectedV2Url.length + 1);
+            redirect = true;
+        }
+        if (path.match(/\/docs\/2\.\d+\.\d+\/api/)) {
+            href = baseUrlForV2Redirect + path.substring(redirectedV1Url.length + 1);
+            redirect = true;
+        }
+        if (path.match(/\/api\/[12]\.\d+\/\w+/)) {
+            const [, v, id] = path.match(/\/api\/([12])\.\d+\/(.*)/);
+            href = (v === '1' ? baseUrlForV1Redirect : baseUrlForV2Redirect) + id;
+            redirect = true;
+        }
+        if (path.match(/\/docs\/[01]\.\d+\.\d+\/api\/(.*)/)) {
+            const id = path.match(/\/docs\/[01]\.\d+\.\d+\/api\/(.*)/)[1];
+            href = baseUrlForV1Redirect + id;
+            redirect = true;
+        }
+        if (redirect && window.location.href !== href) {
+            window.location.href = href;
+        }
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(theme_common_1.PageMetadata, { title: 'Page Not Found' }),
+        react_1.default.createElement(Layout_1.default, null,
+            react_1.default.createElement("main", { className: "container margin-vert--xl" },
+                react_1.default.createElement("div", { className: "row" },
+                    react_1.default.createElement("div", { className: "col col--6 col--offset-3" },
+                        react_1.default.createElement("h1", { className: "hero__title" }, "Page Not Found"),
+                        react_1.default.createElement("p", null, "We could not find what you were looking for \uD83D\uDE22"),
+                        react_1.default.createElement("p", null,
+                            "Recently we ",
+                            react_1.default.createElement("b", null, "released Apify SDK v3 "),
+                            "and we significantly upgraded the documentation."),
+                        react_1.default.createElement("p", null,
+                            "If you're looking for documentation of ",
+                            react_1.default.createElement("b", null, "Apify SDK v2"),
+                            ",",
+                            react_1.default.createElement(Link_1.default, { to: '/docs/2.3/guides/apify-platform' }, " you can find it here"),
+                            "."),
+                        react_1.default.createElement("p", null,
+                            "For ",
+                            react_1.default.createElement("b", null, "Apify SDK v3 docs"),
+                            ", go to the ",
+                            react_1.default.createElement(Link_1.default, { to: '/' }, "homepage"),
+                            ".")))))));
+}
+exports.default = NotFound;

package/src/theme/ColorModeToggle/index.jsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import useIsBrowser from '@docusaurus/useIsBrowser';
-import { translate } from '@docusaurus/Translate';
-import IconLightMode from '../Icon/LightMode';
-import IconDarkMode from '../Icon/DarkMode';
-import styles from './styles.module.css';
-
-function ColorModeToggle({
-    className,
-    value,
-    onChange
-}) {
-    const isBrowser = useIsBrowser();
-    const title = translate(
-        {
-            message: 'Switch between dark and light mode (currently {mode})',
-            id: 'theme.colorToggle.ariaLabel',
-            description: 'The ARIA label for the navbar color mode toggle',
-        },
-        {
-            mode:
-                value === 'dark'
-                    ? translate({
-                        message: 'dark mode',
-                        id: 'theme.colorToggle.ariaLabel.mode.dark',
-                        description: 'The name for the dark color mode',
-                    })
-                    : translate({
-                        message: 'light mode',
-                        id: 'theme.colorToggle.ariaLabel.mode.light',
-                        description: 'The name for the light color mode',
-                    }),
-        },
-    );
-    return (
-        <div className={clsx(styles.toggle, className)}>
-            <button
-                className={clsx(
-                    'clean-btn',
-                    styles.toggleButton,
-                    !isBrowser && styles.toggleButtonDisabled,
-                )}
-                type="button"
-                onClick={() => onChange(value === 'dark' ? 'light' : 'dark')}
-                disabled={!isBrowser}
-                title={title}
-                aria-label={title}>
-                <span>
-                    <IconLightMode
-                        className={clsx(styles.toggleIcon, styles.lightToggleIcon)}
-                        width={14} height={14}
-                    />
-                    <IconDarkMode
-                        className={clsx(styles.toggleIcon, styles.darkToggleIcon)}
-                        width={14} height={14}
-                    />
-                </span>
-            </button>
-        </div>
-    );
-}
-
-export default React.memo(ColorModeToggle);

package/src/theme/Footer/index.jsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { useThemeConfig } from '@docusaurus/theme-common';
-import LinkItem from '@theme/Footer/LinkItem';
-import styles from './index.module.css';
-
-function FooterLinksColumn({ column }) {
-    return (
-        <>
-            <div className={styles.footerTitle}>{column.title}</div>
-            <ul className={clsx(styles.footerItem, 'clean-list')}>
-                {column.items.map((item, i) => (
-                    <li key={i} className="footer__item">
-                        <LinkItem item={item} />
-                    </li>
-                ))}
-            </ul>
-        </>
-    );
-}
-
-function Footer() {
-    const { footer } = useThemeConfig();
-    if (!footer) {
-        return null;
-    }
-    const { links, style } = footer;
-    const OpenSourceIcon = require('../../img/footer-open-source.svg').default;
-    const ApifyLogo = require('../../img/footer-apify-logo.svg').default;
-    return (
-        <footer className={clsx(styles.footer, style)}>
-            <div className="container padding-horiz--lg">
-                <div className="row">
-                    <div className="col col--5">
-                        <div className="row">
-                            <div className="col col--6">
-                                <FooterLinksColumn column={links[0]} />
-                            </div>
-                            <div className="col col--6">
-                                <FooterLinksColumn column={links[1]} />
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col col--7">
-                        <div className="row">
-                            <div className="col col--3 col--offset-9">
-                                <FooterLinksColumn column={links[2]} />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div className="row padding-vert--md padding-top--lg">
-                    <div className="col padding-vert--md col--6">
-                        <div className={styles.freeAndOpenSource}>
-                            <OpenSourceIcon className={styles.alignMiddle} />
-                            <span className={styles.alignMiddle}>Blablabla, bla bla bla. This component is from the common theme!</span>
-                        </div>
-                    </div>
-                    <div className="col padding-vert--md col--6 text--right">
-                        <span className={styles.builtBy}>
-                            <span className={styles.alignMiddle}>Built by</span>
-                            <ApifyLogo className={styles.alignMiddle} />
-                        </span>
-                    </div>
-                </div>
-            </div>
-        </footer>
-    );
-}
-
-export default React.memo(Footer);

package/src/theme/Icon/DarkMode/index.jsx

@@ -1,11 +0,0 @@
-import React from 'react';
-
-function IconDarkMode(props) {
-    return (
-        <svg viewBox="0 0 13 12" width={14} height={14} {...props}>
-            <path d="M10.7001 6.39501C10.6215 7.24611 10.3021 8.05721 9.77927 8.7334C9.25646 9.40959 8.55189 9.92291 7.748 10.2133C6.9441 10.5036 6.07414 10.5591 5.2399 10.3731C4.40565 10.187 3.64164 9.76728 3.03726 9.1629C2.43287 8.55851 2.01312 7.7945 1.8271 6.96026C1.64108 6.12602 1.6965 5.25605 1.98688 4.45216C2.27725 3.64826 2.79056 2.94369 3.46675 2.42088C4.14294 1.89808 4.95404 1.57866 5.80515 1.50001C5.30685 2.17414 5.06707 3.00473 5.12941 3.84071C5.19175 4.6767 5.55208 5.46254 6.14485 6.05531C6.73762 6.64808 7.52346 7.0084 8.35944 7.07074C9.19542 7.13308 10.026 6.8933 10.7001 6.39501Z" stroke="currentColor" fill="transparent" strokeLinecap="round" strokeLinejoin="round"/>
-        </svg>
-    );
-}
-
-export default React.memo(IconDarkMode);

package/src/theme/Icon/LightMode/index.jsx

@@ -1,28 +0,0 @@
-import React from 'react';
-
-function IconLightMode(props) {
-    return (
-        <svg viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg" width={14} height={14} {...props}>
-            <g clipPath="url(#clip0_833_8168)">
-                <path
-                    d="M6.59998 8.49999C7.98069 8.49999 9.09998 7.3807 9.09998 5.99999C9.09998 4.61928 7.98069 3.49999 6.59998 3.49999C5.21926 3.49999 4.09998 4.61928 4.09998 5.99999C4.09998 7.3807 5.21926 8.49999 6.59998 8.49999Z"
-                    stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M6.59985 0.5V1.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M6.59985 10.5V11.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M2.7099 2.11L3.4199 2.82" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M9.77991 9.17999L10.4899 9.88999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M1.09998 6H2.09998" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M11.0999 6H12.0999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M2.7099 9.88999L3.4199 9.17999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M9.77991 2.82L10.4899 2.11" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-            </g>
-            <defs>
-                <clipPath id="clip0_833_8168">
-                    <rect width="12" height="12" fill="white" transform="translate(0.599976)"/>
-                </clipPath>
-            </defs>
-        </svg>
-    );
-}
-
-export default React.memo(IconLightMode);

package/src/theme/Navbar/Content/index.jsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { useThemeConfig } from '@docusaurus/theme-common';
-import { usePluginData } from '@docusaurus/useGlobalData';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import {
-    splitNavbarItems,
-} from '@docusaurus/theme-common/internal';
-import styles from './styles.module.css';
-import NavbarLogo from '@theme/Navbar/Logo';
-import NavbarItem from '@theme/NavbarItem';
-import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import NavbarSearch from '@theme/Navbar/Search';
-import SearchBar from '@theme/SearchBar';
-import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
-
-function NavbarItems({ items }) {
-    return (
-        <>
-            {items.map((item, i) => (
-                <NavbarItem {...item} key={i}/>
-            ))}
-        </>
-    );
-}
-
-function NavbarContentLayout({
-    left,
-    right
-}) {
-    return (
-        <div className="navbar__inner">
-            <div className="navbar__items">{left}</div>
-            <div className="navbar__items navbar__items--right">{right}</div>
-        </div>
-    );
-}
-
-function SubNavbar() {
-    const { subNavbar } = usePluginData('@apify/docs-theme').opts;
-    const pageTitle = useDocusaurusContext().siteConfig.title;
-    return (
-        subNavbar ? (
-            <div className="navbar__inner">
-                <div className="navbar__items">
-                    <NavbarItems items={[
-                        {
-                            label: pageTitle,
-                            to: '/',
-                        },
-                        ...subNavbar,
-                    ]}/>
-                </div>
-            </div>
-        ): null
-    )
-}
-
-export default function NavbarContent() {
-    const items = useThemeConfig().navbar.items;
-    const [leftItems, rightItems] = splitNavbarItems(items);
-    const searchBarItem = items.find((item) => item.type === 'search');
-    return (
-        <div
-            style={{
-                width: "100%",
-                height: "100%",
-                alignItems: "center",
-                display: "flex",
-                flexDirection: "column",
-            }}    
-        >
-            <NavbarContentLayout
-                left={
-                    <>
-                        <NavbarMobileSidebarToggle/>
-                        <NavbarLogo/>
-                        <NavbarItems items={leftItems}/>
-                    </>
-                }
-                right={
-                    <>
-                        <NavbarColorModeToggle className={styles.colorModeToggle}/>
-                        <NavbarItems items={rightItems}/>
-                        {!searchBarItem && (
-                            <NavbarSearch>
-                                <SearchBar/>
-                            </NavbarSearch>
-                        )}
-                    </>
-                }
-            />
-            <SubNavbar/>
-        </div>
-    );
-}

package/src/theme/NavbarItem/ComponentTypes.jsx

@@ -1,101 +0,0 @@
-import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
-import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
-import LocaleDropdownNavbarItem from '@theme/NavbarItem/LocaleDropdownNavbarItem';
-import SearchNavbarItem from '@theme/NavbarItem/SearchNavbarItem';
-import HtmlNavbarItem from '@theme/NavbarItem/HtmlNavbarItem';
-import DocSidebarNavbarItem from '@theme/NavbarItem/DocSidebarNavbarItem';
-import DocsVersionNavbarItem from '@theme/NavbarItem/DocsVersionNavbarItem';
-import DocsVersionDropdownNavbarItem from '@theme/NavbarItem/DocsVersionDropdownNavbarItem';
-import { useDocsVersion, useLayoutDoc } from '@docusaurus/theme-common/internal';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import React from 'react';
-
-// const versions = require('../../../versions.json');
-//
-// const stable = versions[0];
-const stable = '1';
-
-function DocNavbarItem({
-    docId,
-    label: staticLabel,
-    docsPluginId,
-    ...props
-}) {
-    const doc = useLayoutDoc(docId, docsPluginId);
-    // Draft items are not displayed in the navbar.
-    if (doc === null) {
-        return null;
-    }
-    return (
-        <DefaultNavbarItem
-            exact
-            {...props}
-            label={staticLabel ?? doc.id}
-            to={doc.path}
-        />
-    );
-}
-
-function ApiNavbarItem(ctx) {
-    let version = {};
-
-    try {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        version = useDocsVersion();
-    } catch {
-        version.version = stable;
-    }
-
-    const { siteConfig } = useDocusaurusContext();
-
-    if (siteConfig.presets[0][1].docs.disableVersioning || version.version === stable) {
-        return (
-            <DefaultNavbarItem
-                exact
-                {...ctx}
-                label={ctx.label}
-                to={`api/${ctx.to}`}
-            />
-        );
-    }
-
-    // skip changelog button for older versions
-    if (+version.version < 3 && ctx.className === 'changelog') {
-        return null;
-    }
-
-    // link directly to the old API docs under /docs/x.x/api
-    if (+version.version < 3) {
-        return (
-            <DefaultNavbarItem
-                exact
-                {...ctx}
-                label={ctx.label}
-                to={`docs/${version.version === 'current' ? 'next' : version.version}/api/${ctx.to}`}
-            />
-        );
-    }
-
-    return (
-        <DefaultNavbarItem
-            exact
-            {...ctx}
-            label={ctx.label}
-            to={`api/${version.version === 'current' ? 'next' : version.version}/${ctx.to}`}
-        />
-    );
-}
-
-const ComponentTypes = {
-    'default': DefaultNavbarItem,
-    'localeDropdown': LocaleDropdownNavbarItem,
-    'search': SearchNavbarItem,
-    'dropdown': DropdownNavbarItem,
-    'html': HtmlNavbarItem,
-    'custom-api': ApiNavbarItem,
-    'doc': DocNavbarItem,
-    'docSidebar': DocSidebarNavbarItem,
-    'docsVersion': DocsVersionNavbarItem,
-    'docsVersionDropdown': DocsVersionDropdownNavbarItem,
-};
-export default ComponentTypes;

package/src/theme/NavbarItem/NavbarNavLink.jsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import Link from '@docusaurus/Link';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import isInternalUrl from '@docusaurus/isInternalUrl';
-import { useLocation } from '@docusaurus/router';
-import { isRegexpStringMatch } from '@docusaurus/theme-common';
-
-export default function NavbarNavLink({
-    activeBasePath,
-    activeBaseRegex,
-    to,
-    href,
-    label,
-    html,
-    isDropdownLink,
-    prependBaseUrlToHref,
-    ...props
-}) {
-    const location = useLocation();
-    // TODO all this seems hacky
-    // {to: 'version'} should probably be forbidden, in favor of {to: '/version'}
-    const toUrl = useBaseUrl(to);
-    const activeBaseUrl = useBaseUrl(activeBasePath);
-    const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true });
-    // const isExternalLink = label && href && !isInternalUrl(href);
-    const isExternalLink = false;
-    // Link content is set through html XOR label
-    const linkContentProps = html
-        ? { dangerouslySetInnerHTML: { __html: html } }
-        : {
-            children: (
-                <>
-                    {label}
-                    {isExternalLink && (
-                        <IconExternalLink
-                            {...(isDropdownLink && { width: 12, height: 12 })}
-                        />
-                    )}
-                </>
-            ),
-        };
-    if (href) {
-        return (
-            <Link
-                href={prependBaseUrlToHref ? normalizedHref : href}
-                {...props}
-                {...(activeBaseUrl && {
-                    className: location.pathname.startsWith(`/${activeBasePath}`)
-                        ? 'navbar__item navbar__link navbar__link--active'
-                        : 'navbar__item navbar__link',
-                })}
-                {...linkContentProps}
-            />
-        );
-    }
-    return (
-        <Link
-            to={toUrl}
-            isNavLink
-            {...((activeBasePath || activeBaseRegex) && {
-                isActive: (_match, location) => (activeBaseRegex
-                    ? isRegexpStringMatch(activeBaseRegex, location.pathname)
-                    : location.pathname.startsWith(activeBaseUrl)),
-            })}
-            {...props}
-            {...linkContentProps}
-        />
-    );
-}

package/src/theme/NotFound.jsx

@@ -1,77 +0,0 @@
-import React from 'react';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import useIsBrowser from '@docusaurus/useIsBrowser';
-import { PageMetadata } from '@docusaurus/theme-common';
-import Link from '@docusaurus/Link';
-import Layout from '@theme/Layout';
-
-export default function NotFound() {
-    const redirectedV2Url = useBaseUrl('/docs/api');
-    const redirectedV1Url = useBaseUrl('/docs/1.3.1/api');
-    const baseUrlForV2Redirect = useBaseUrl(`/docs/2.3/api/`);
-    const baseUrlForV1Redirect = useBaseUrl(`/docs/1.3/api/`);
-    const isBrowser = useIsBrowser();
-
-    if (isBrowser) {
-        const path = window.location.pathname;
-        let href = '';
-        let redirect = false;
-
-        if (path.startsWith(redirectedV2Url)) {
-            href = baseUrlForV2Redirect + path.substring(redirectedV2Url.length + 1);
-            redirect = true;
-        }
-
-        if (path.match(/\/docs\/2\.\d+\.\d+\/api/)) {
-            href = baseUrlForV2Redirect + path.substring(redirectedV1Url.length + 1);
-            redirect = true;
-        }
-
-        if (path.match(/\/api\/[12]\.\d+\/\w+/)) {
-            const [, v, id] = path.match(/\/api\/([12])\.\d+\/(.*)/);
-            href = (v === '1' ? baseUrlForV1Redirect : baseUrlForV2Redirect) + id;
-            redirect = true;
-        }
-
-        if (path.match(/\/docs\/[01]\.\d+\.\d+\/api\/(.*)/)) {
-            const id = path.match(/\/docs\/[01]\.\d+\.\d+\/api\/(.*)/)[1];
-            href = baseUrlForV1Redirect + id;
-            redirect = true;
-        }
-
-        if (redirect && window.location.href !== href) {
-            window.location.href = href;
-        }
-    }
-
-    return (
-        <>
-            <PageMetadata title={'Page Not Found'} />
-            <Layout>
-                <main className="container margin-vert--xl">
-                    <div className="row">
-                        <div className="col col--6 col--offset-3">
-                            <h1 className="hero__title">
-                                Page Not Found
-                            </h1>
-                            <p>
-                                We could not find what you were looking for 😢
-                            </p>
-                            <p>
-                                Recently we <b>released Apify SDK v3 </b>
-                                and we significantly upgraded the documentation.
-                            </p>
-                            <p>
-                                If you're looking for documentation of <b>Apify SDK v2</b>,
-                                <Link to={'/docs/2.3/guides/apify-platform'}> you can find it here</Link>.
-                            </p>
-                            <p>
-                                For <b>Apify SDK v3 docs</b>, go to the <Link to={'/'}>homepage</Link>.
-                            </p>
-                        </div>
-                    </div>
-                </main>
-            </Layout>
-        </>
-    );
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-      "outDir": "./dist",
-      "allowJs": true,
-      "jsx": "react",
-    },
-    "include": ["./src/*", "./src/**/*"],
-  }