@brillout/docpress 0.1.14 → 0.1.15

package/src/MobileHeader.tsx

@@ -0,0 +1,68 @@
+import React from 'react'
+import { usePageContext } from './renderer/usePageContext'
+
+export { MobileHeader }
+
+function MobileHeader() {
+  const pageContext = usePageContext()
+  return (
+    <div
+      id="mobile-header"
+      style={{
+        height: 'var(--mobile-header-height)',
+        width: '100vw',
+        position: 'relative'
+      }}
+    >
+      <div
+        style={{
+          position: 'fixed',
+          display: 'flex',
+          alignItems: 'center',
+          background: 'white',
+          zIndex: 99,
+          top: 0,
+          left: 0,
+          height: 'var(--mobile-header-height)',
+          width: '100%',
+          borderBottom: '1px solid #ddd'
+        }}
+      >
+        <MenuToggle />
+        <a
+          href="/"
+          style={{
+            color: 'inherit',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'left',
+            textDecoration: 'none'
+          }}
+        >
+          {pageContext.config.navHeaderMobile}
+        </a>
+        <div id="docsearch-mobile" />
+      </div>
+    </div>
+  )
+}
+
+function MenuToggle() {
+  return (
+    <div style={{ padding: 20, lineHeight: 0 }} id="menu-toggle">
+      <svg
+        style={{ width: 20 }}
+        className="icon"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+        role="img"
+        viewBox="0 0 448 512"
+      >
+        <path
+          fill="currentColor"
+          d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"
+        ></path>
+      </svg>
+    </div>
+  )
+}

package/src/PageLayout.css

@@ -0,0 +1,41 @@
+.doc-page #page-container {
+  padding-bottom: 100px;
+}
+
+#page-layout {
+  display: flex;
+  justify-content: center;
+}
+#page-layout > #navigation-wrapper,
+#page-layout > #page-wrapper {
+  flex-grow: 1;
+}
+/* Avoid overflow, see https://stackoverflow.com/questions/36230944/prevent-flex-items-from-overflowing-a-container/66689926#66689926 */
+#page-layout > #page-wrapper {
+  min-width: 0;
+}
+
+.doc-page #page-wrapper {
+  --main-view-max-width: 800px;
+}
+.landing-page #page-wrapper {
+  --main-view-max-width: 1010px;
+}
+#page-wrapper {
+  max-width: calc(var(--main-view-max-width) + 80px);
+}
+#page-content {
+  box-sizing: content-box;
+  max-width: var(--main-view-max-width);
+  padding: 20px var(--main-view-padding);
+  margin: auto;
+}
+
+#page-content {
+  --main-view-padding: 20px;
+}
+@media screen and (max-width: 1139px) {
+  #page-content {
+    --main-view-padding: 10px;
+  }
+}

package/src/PageLayout.tsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import { Navigation, NavigationMask } from './navigation/Navigation'
+import type { PageContextResolved } from './config/resolvePageContext'
+import { MobileHeader } from './MobileHeader'
+import { EditPageNote } from './components/EditPageNote'
+import { PageContextProvider } from './renderer/usePageContext'
+import './PageLayout.css'
+import { NavigationFullscreenButton } from './navigation/navigation-fullscreen/NavigationFullscreenButton'
+
+export { PageLayout }
+
+function PageLayout({ pageContext, children }: { pageContext: PageContextResolved; children: JSX.Element }) {
+  const { isLandingPage, pageTitle } = pageContext
+  return (
+    <React.StrictMode>
+      <PageContextProvider pageContext={pageContext}>
+        <div id="page-layout" className={isLandingPage ? 'landing-page' : 'doc-page'}>
+          <div id="navigation-wrapper">
+            <Navigation pageContext={pageContext} />
+          </div>
+          <NavigationFullscreenButton />
+          <div id="page-wrapper">
+            <div id="page-container">
+              <MobileHeader />
+              <div id="page-content">
+                {pageTitle && <h1>{pageTitle}</h1>}
+                {children}
+                {!isLandingPage && <EditPageNote pageContext={pageContext} />}
+              </div>
+            </div>
+            <NavigationMask />
+          </div>
+        </div>
+      </PageContextProvider>
+    </React.StrictMode>
+  )
+}

package/src/algolia/DocSearch.css

@@ -0,0 +1,29 @@
+#docsearch-desktop {
+  max-width: 110px !important;
+}
+#docsearch-desktop .DocSearch-Button-Placeholder {
+  display: none;
+  padding: 0 !important;
+}
+#docsearch-desktop .DocSearch-Search-Icon {
+  margin-right: 6px !important;
+}
+#docsearch-desktop .DocSearch-Button {
+  margin-right: 3px !important;
+  margin-left: 1px !important;
+}
+
+#docsearch-mobile {
+  margin-left: auto !important;
+  padding-right: 20px !important;
+}
+
+#docsearch-mobile .DocSearch-Button {
+  margin-left: 0px !important;
+}
+
+@media screen and (max-width: 339px) {
+  #docsearch-mobile {
+    padding-right: 6px !important;
+  }
+}

package/src/algolia/DocSearch.ts

@@ -0,0 +1,37 @@
+import { escapeInject } from 'vite-plugin-ssr'
+import { PageContextResolved } from '../config/resolvePageContext'
+
+export { getDocSearchCSS }
+export { getDocSearchJS }
+
+function getDocSearchCSS(pageContext: PageContextResolved) {
+  const docSearchCSS = !pageContext.meta.algolia
+    ? ''
+    : escapeInject`
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@alpha" />
+    `
+  return docSearchCSS
+}
+
+function getDocSearchJS(pageContext: PageContextResolved) {
+  const docSearchJS = !pageContext.meta.algolia
+    ? ''
+    : escapeInject`
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@docsearch/js@alpha"></script>
+    <script type="text/javascript">
+      docsearch({
+        appId: '${pageContext.meta.algolia.appId}',
+        apiKey: '${pageContext.meta.algolia.apiKey}',
+        indexName: '${pageContext.meta.algolia.indexName}',
+        container: '#docsearch-desktop',
+      })
+      docsearch({
+        appId: '${pageContext.meta.algolia.appId}',
+        apiKey: '${pageContext.meta.algolia.apiKey}',
+        indexName: '${pageContext.meta.algolia.indexName}',
+        container: '#docsearch-mobile',
+      })
+    </script>
+  `
+  return docSearchJS
+}

package/src/autoScrollNav.ts

@@ -0,0 +1,22 @@
+import { assert } from './utils/client'
+
+autoScrollNav()
+
+function autoScrollNav() {
+  const navigationEl = document.getElementById('navigation-content')
+  assert(navigationEl)
+  const href = window.location.pathname
+  const navLinks: HTMLElement[] = Array.from(navigationEl.querySelectorAll(`a[href="${href}"]`))
+  assert(navLinks.length <= 1, { navLinks, href })
+  const navLink = navLinks[0]
+  if (!navLink) return
+  navLink.scrollIntoView({
+    /*
+    behavior: 'smooth',
+    /*/
+    behavior: 'auto',
+    //*/
+    block: 'center',
+    inline: 'center'
+  })
+}

package/src/cli/devServer.ts

@@ -0,0 +1,31 @@
+import express from 'express'
+import * as vite from 'vite'
+import { renderPage } from 'vite-plugin-ssr'
+import config from '../vite.config'
+const viteVersion = (vite as { version?: string }).version || '2.?.?'
+
+startServer()
+
+async function startServer() {
+  const app = express()
+
+  const viteDevServer = await vite.createServer({
+    ...config,
+    server: { middlewareMode: viteVersion.startsWith('2') ? 'ssr' : true }
+  })
+  app.use(viteDevServer.middlewares)
+
+  app.get('*', async (req, res, next) => {
+    const pageContextInit = {
+      urlOriginal: req.originalUrl
+    }
+    const pageContext = await renderPage(pageContextInit)
+    if (!pageContext.httpResponse) return next()
+    const { body, statusCode, contentType } = pageContext.httpResponse
+    res.status(statusCode).type(contentType).send(body)
+  })
+
+  const port = 3000
+  app.listen(port)
+  console.log(`Server running at http://localhost:${port}`)
+}

package/src/cli/index.ts

@@ -0,0 +1,29 @@
+import { build, preview } from 'vite'
+import config from '../vite.config'
+import { prerender } from 'vite-plugin-ssr/prerender'
+const args = process.argv.filter(Boolean).slice(2)
+const isDev = args.includes('dev')
+const isPreview = args.includes('preview')
+const isBuild = args.includes('build')
+Error.stackTraceLimit = Infinity
+
+cli()
+
+async function cli() {
+  if (isDev) {
+    await import('./devServer')
+  } else if (isBuild) {
+    await build(config)
+    await build({ ...config, build: { ssr: true } })
+    await prerender({ viteConfig: config })
+  } else if (isPreview) {
+    const server = await preview({ ...config, preview: { host: true } })
+    server.printUrls()
+  } else {
+    throw new Error(
+      `DocPress: unknown command \`$ docpress ${args.join(
+        ' '
+      )}\`. Known commands: \`$ docpress dev\` and \`$ docpress preview\`.`
+    )
+  }
+}

package/src/components/CodeBlock.tsx

@@ -0,0 +1,22 @@
+export { CodeBlock }
+
+import React from 'react'
+import { assert, objectAssign } from '../utils/server'
+
+function CodeBlock({ children, lineBreak }: { children: any; lineBreak?: true }) {
+  assert(lineBreak, '`lineBreak: true` is currently the only use case for <CodeBlock>')
+  const style = {}
+  if (lineBreak) {
+    objectAssign(style, {
+      wordWrap: 'break-word',
+      wordBreak: 'break-all',
+      whiteSpace: 'initial',
+      paddingRight: '16px !important'
+    })
+  }
+  return (
+    <pre>
+      <code style={style}>{children}</code>
+    </pre>
+  )
+}

package/src/components/DocLink.tsx

@@ -0,0 +1,108 @@
+import React from 'react'
+import { getHeadings, parseTitle, Heading, HeadingWithoutLink } from '../headings'
+import { PageContextResolved } from '../config/resolvePageContext'
+import { usePageContext } from '../renderer/usePageContext'
+import { assert, assertUsage, determineSectionTitle, determineSectionUrlHash } from '../utils/server'
+
+export { DocLink }
+
+function DocLink({
+  href,
+  text,
+  noBreadcrumb,
+  doNotInferSectionTitle
+}: {
+  href: string
+  text?: string | JSX.Element
+  noBreadcrumb?: true
+  doNotInferSectionTitle?: true
+}) {
+  const pageContext = usePageContext()
+  return <a href={href}>{text || getTitle({ href, noBreadcrumb, pageContext, doNotInferSectionTitle })}</a>
+}
+
+function getTitle({
+  href,
+  noBreadcrumb,
+  pageContext,
+  doNotInferSectionTitle
+}: {
+  href: string
+  noBreadcrumb: true | undefined
+  pageContext: PageContextResolved
+  doNotInferSectionTitle: true | undefined
+}): string | JSX.Element {
+  let urlHash: string | null = null
+  let hrefWithoutHash: string = href
+  if (href.includes('#')) {
+    ;[hrefWithoutHash, urlHash] = href.split('#')
+  }
+  const heading = findHeading(hrefWithoutHash, pageContext)
+
+  const breadcrumbs: (string | JSX.Element)[] = []
+
+  if ('parentHeadings' in heading) {
+    breadcrumbs.push(
+      ...heading.parentHeadings
+        .slice()
+        .reverse()
+        .map(({ title }) => title)
+    )
+  }
+
+  breadcrumbs.push(heading.title)
+
+  if (urlHash) {
+    let sectionTitle: string | JSX.Element | undefined = undefined
+    if ('sectionTitles' in heading && heading.sectionTitles) {
+      heading.sectionTitles.forEach((title) => {
+        if (determineSectionUrlHash(title) === urlHash) {
+          sectionTitle = parseTitle(title)
+        }
+      })
+    }
+    if (!sectionTitle) {
+      assertUsage(
+        !doNotInferSectionTitle,
+        `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`
+      )
+      sectionTitle = determineSectionTitle(href, pageContext.config.titleNormalCase)
+    }
+    breadcrumbs.push(sectionTitle)
+  }
+
+  {
+    const linkIsOnSamePage = heading.url === pageContext.urlPathname
+    if (noBreadcrumb || linkIsOnSamePage) {
+      return breadcrumbs[breadcrumbs.length - 1]
+    }
+  }
+
+  return (
+    <>
+      {breadcrumbs.map((title, i) => {
+        const seperator = i === 0 ? <></> : ' > '
+        return (
+          <React.Fragment key={i}>
+            {seperator}
+            {title}
+          </React.Fragment>
+        )
+      })}
+    </>
+  )
+}
+
+function findHeading(href: string, pageContext: PageContextResolved): Heading | HeadingWithoutLink {
+  assert(href.startsWith('/'), `\`href==='${href}'\` but should start with \`/\`.`)
+  const { headings, headingsWithoutLink } = getHeadings(pageContext.config)
+  {
+    const heading = headingsWithoutLink.find(({ url }) => href === url)
+    if (heading) {
+      return heading
+    }
+  }
+  const heading = headings.find(({ url }) => href === url)
+  assert(heading, `Could not find page \`${href}\`. Does it exist?`)
+  return heading
+}

package/src/components/EditPageNote.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { RepoLink } from './RepoLink'
+import { Emoji } from '../utils/server'
+
+export { EditPageNote }
+
+function EditPageNote({ pageContext }: { pageContext: { urlPathname: string } }) {
+  const text = (
+    <>
+      <Emoji name="writing-hang" /> Edit this page
+    </>
+  )
+  return (
+    <div style={{ marginTop: 50 }}>
+      <RepoLink path={'/docs/pages' + pageContext.urlPathname + '.page.server.mdx'} text={text} editMode={true} />
+    </div>
+  )
+}

package/src/components/HorizontalLine.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+export { HorizontalLine }
+
+function HorizontalLine({ primary }: { primary?: true }) {
+  return (
+    <div className={'header-separator-line ' + (primary ? 'primary' : '')} style={{ textAlign: 'center' }}>
+      <hr
+        style={{
+          display: 'inline-block',
+          margin: 0,
+          border: 0,
+          borderTop: '1px solid #eee',
+          maxWidth: 500,
+          width: '80%'
+        }}
+      />
+    </div>
+  )
+}

package/src/components/ImportMeta.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { assert } from '../utils/server'
+
+export { ImportMeta }
+
+function ImportMeta({ prop }: { prop: string }) {
+  assert(!prop.startsWith('import'))
+  assert(!prop.startsWith('.'))
+  const text = 'imp' + 'ort.meta.' + prop
+  return <code>{text}</code>
+}

package/src/components/Info.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { P } from './P'
+
+export { Info }
+
+function Info({ children }: { children: React.ReactNode }) {
+  return (
+    <blockquote>
+      <P>{children}</P>
+    </blockquote>
+  )
+}

package/src/components/Link.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { DocLink } from './DocLink'
+import { isRepoLink, RepoLink } from './RepoLink'
+
+export { Link }
+
+function Link(props: {
+  href: string
+  text?: string | JSX.Element
+  noBreadcrumb?: true
+  doNotInferSectionTitle?: true
+}) {
+  if (isRepoLink(props.href)) {
+    return <RepoLink path={props.href} text={props.text} />
+  } else {
+    return <DocLink {...props} />
+  }
+}

package/src/components/Note.tsx

@@ -0,0 +1,31 @@
+export { Note }
+
+import React from 'react'
+import { assert } from '../utils/server'
+
+function Note({
+  type,
+  icon,
+  children
+}: {
+  icon: JSX.Element | string
+  type?: 'error' | 'warning'
+  children: JSX.Element
+}) {
+  assert(type === undefined || ['error', 'warning'].includes(type))
+  if (!icon) {
+    if (type === 'error') {
+      icon = ':no_entry:'
+    }
+    if (type === 'warning') {
+      icon = ':warning:'
+    }
+  }
+  return (
+    <blockquote className={type}>
+      <div style={{ marginBottom: 20 }} />
+      {icon} {children}
+      <div style={{ marginTop: 20 }} />
+    </blockquote>
+  )
+}

package/src/components/P.css

@@ -0,0 +1,8 @@
+/* Copied from Chrome's user agent stylesheet */
+div.paragraph {
+  display: block;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+}

package/src/components/P.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import './P.css'
+
+export { P }
+
+function P(props: React.HTMLProps<HTMLDivElement>) {
+  return <div {...props} className={'paragraph'} />
+}

package/src/components/ReadingRecommendation.tsx

@@ -0,0 +1,53 @@
+import React from 'react'
+import { Info } from './Info'
+import { Link } from './Link'
+
+export { ReadingRecommendation }
+
+function ReadingRecommendation({ tour, links }: { tour?: true; links: string[] }) {
+  const multiple = links.length + (tour ? 1 : 0) > 1
+  return (
+    <Info>
+      {multiple ? ' ' : ''}
+      <b>Reading Recommendation{multiple ? '.' : ': '}</b>
+      {(() => {
+        if (!multiple) {
+          const link = tour ? <TourLink /> : <Link href={links[0]} />
+          return (
+            <>
+              {link}
+              {'.'}
+            </>
+          )
+        }
+        return (
+          <ul
+            style={{
+              marginLeft: 18,
+              marginTop: 11
+            }}
+          >
+            {tour && (
+              <li>
+                <TourLink />
+              </li>
+            )}
+            {links.map((link, i) => (
+              <li key={i}>
+                <Link href={link} />
+              </li>
+            ))}
+          </ul>
+        )
+      })()}
+    </Info>
+  )
+}
+
+function TourLink() {
+  return (
+    <>
+      <Link href={'/react-tour'} noBreadcrumb={true} /> or <Link href={'/vue-tour'} noBreadcrumb={true} />
+    </>
+  )
+}

package/src/components/RepoLink.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { assert } from '../utils/server'
+import { usePageContext } from '../renderer/usePageContext'
+
+export { RepoLink }
+export { isRepoLink }
+
+function isRepoLink(href: string) {
+  return ['/examples/', '/docs/', '/boilerplates/', '.github/', '/test/'].some((start) => href.startsWith(start))
+}
+
+function RepoLink({ path, text, editMode }: { path: string; text?: string | JSX.Element; editMode?: true }) {
+  const pageContext = usePageContext()
+  assert(isRepoLink(path), { path })
+  text = text || path
+  if (!path.startsWith('/')) {
+    path = '/' + path
+  }
+  const viewMode = (editMode && 'edit') || (path.endsWith('/') && 'tree') || 'blob'
+  const { githubRepository } = pageContext.config.projectInfo
+  assert(githubRepository.startsWith('https://github.com/'))
+  const href = `${githubRepository}/${viewMode}/main${path}`
+  return <a href={href}>{text}</a>
+}

package/src/components/Sponsors/companyLogos/ccoli-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156.62 156.96"><path d="M156.62 78.65c0-12.01-8.81-22.1-20.27-24.12 6.68-9.55 5.74-22.49-2.84-31.08-8.27-8.57-21.41-9.52-31.02-2.88C100.6 8.95 90.44-.01 78.32-.01S56.22 8.8 54.2 20.26c-9.55-6.68-22.49-5.74-31.08 2.84-8.71 8.71-9.56 22.19-2.31 31.33C9.08 56.24 0 66.45 0 78.65s8.83 21.91 20.32 24.05c-6.73 9.56-5.81 22.54 2.79 31.15 8.6 8.3 21.58 9.18 31.14 3.19 2.16 11.3 12.16 19.93 24.05 19.93s22.2-9.17 24.15-20.78c9.39 6.86 22.74 5.98 31.39-2.67 8.51-8.51 9.51-21.3 3.03-30.83 11.21-2.23 19.74-12.19 19.74-24.02Z" style="fill: rgb(117, 50, 168);"></path><path class="logo_svg__cls-1" fill="white" d="M61.33 72.59c.2-2.08 2.06-3.61 4.15-3.61h3.12c1.67 0 2.7-1.88 1.75-3.25-2.01-2.91-5.38-4.8-9.2-4.74-6.07.09-10.84 5.29-10.84 11.36v12.27c0 6.06 4.74 11.25 10.79 11.36s11.21-4.85 11.21-11v-3.96c0-2.23-1.81-4.04-4.04-4.04h-2.96c-2.34 0-4.21-2.01-3.98-4.39ZM95.33 72.59c.2-2.08 2.06-3.61 4.15-3.61h3.12c1.67 0 2.7-1.88 1.75-3.25-2.01-2.91-5.38-4.8-9.2-4.74-6.07.09-10.84 5.29-10.84 11.36v12.27c0 6.06 4.74 11.25 10.79 11.36s11.21-4.85 11.21-11v-3.96c0-2.23-1.81-4.04-4.04-4.04h-2.96c-2.34 0-4.21-2.01-3.98-4.39Z"></path></svg>

package/src/components/Sponsors/companyLogos/ccoli-text.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 366.81 127.09"><path fill="rgb(16, 24, 32)" d="M138 127.09a50.79 50.79 0 0 1-19.75-3.65 43 43 0 0 1-14.94-10.19 47 47 0 0 1-9.54-14.86 48.21 48.21 0 0 1 2.41-40.51 43.6 43.6 0 0 1 16.4-16.73q10.65-6.28 25.25-6.29t25.07 6.36a44.36 44.36 0 0 1 7 5.26 9 9 0 0 1-3.53 15.1l-3.51 1.07a10.47 10.47 0 0 1-10.37-2.41 19.48 19.48 0 0 0-4.23-3.13 21.52 21.52 0 0 0-10.64-2.67 22.56 22.56 0 0 0-11.94 3.29 22.79 22.79 0 0 0-8.5 9.27 29.85 29.85 0 0 0-3.09 13.9 28.79 28.79 0 0 0 3.17 13.73 24.89 24.89 0 0 0 8.5 9.43 21.35 21.35 0 0 0 11.86 3.46 22.14 22.14 0 0 0 7.81-1.38 22.61 22.61 0 0 0 6.61-3.78c.4-.32.77-.66 1.12-1a10.1 10.1 0 0 1 10-2.4l3.12 1a9.31 9.31 0 0 1 3.72 15.69l-.12.11a43.46 43.46 0 0 1-13.88 8.33 50.78 50.78 0 0 1-18 3ZM47.57 127.09a50.82 50.82 0 0 1-19.75-3.65 43 43 0 0 1-14.94-10.19 47.8 47.8 0 0 1-7.13-55.37 43.63 43.63 0 0 1 16.41-16.73q10.64-6.28 25.24-6.29t25.08 6.36a44.36 44.36 0 0 1 7 5.26A9 9 0 0 1 76 61.58l-3.5 1.07a10.49 10.49 0 0 1-10.4-2.41 19.42 19.42 0 0 0-4.22-3.13 21.59 21.59 0 0 0-10.65-2.67 22.59 22.59 0 0 0-11.94 3.29 22.86 22.86 0 0 0-8.5 9.27 29.85 29.85 0 0 0-3.09 13.9 28.8 28.8 0 0 0 3.18 13.73 24.89 24.89 0 0 0 8.5 9.43 21.34 21.34 0 0 0 11.85 3.46 22.19 22.19 0 0 0 7.82-1.38 22.61 22.61 0 0 0 6.61-3.78c.39-.32.76-.66 1.12-1a10.08 10.08 0 0 1 10-2.4l3.12 1a9.3 9.3 0 0 1 3.64 15.74l-.12.11a43.35 43.35 0 0 1-13.91 8.33 50.74 50.74 0 0 1-17.94 2.95ZM227.72 127.09a50.84 50.84 0 0 1-19.72-3.65 42.76 42.76 0 0 1-14.85-10.1 45.4 45.4 0 0 1-9.36-14.78 47.41 47.41 0 0 1-3.27-17.49 47.89 47.89 0 0 1 3.27-17.67 45.4 45.4 0 0 1 9.36-14.78A42.76 42.76 0 0 1 208 38.52a50.84 50.84 0 0 1 19.76-3.66 50.15 50.15 0 0 1 19.66 3.66A43.62 43.62 0 0 1 271.6 63.4a49.09 49.09 0 0 1 3.18 17.67 48.6 48.6 0 0 1-3.18 17.49 44.37 44.37 0 0 1-9.28 14.78 42.67 42.67 0 0 1-14.85 10.1 50.82 50.82 0 0 1-19.75 3.65Zm-23.53-46a29.53 29.53 0 0 0 3.09 13.74 23.7 23.7 0 0 0 8.41 9.35 22.08 22.08 0 0 0 12 3.37 21.34 21.34 0 0 0 11.85-3.46 25 25 0 0 0 8.5-9.43 28.8 28.8 0 0 0 3.18-13.73 28.93 28.93 0 0 0-3.18-13.65 24.18 24.18 0 0 0-8.5-9.43 22.55 22.55 0 0 0-23.88.08 24.27 24.27 0 0 0-8.41 9.43 29.51 29.51 0 0 0-3.06 13.7ZM294.62 0a18.06 18.06 0 0 1 18.06 18.06v78.77q0 6.21 2.06 8.36a7.48 7.48 0 0 0 5.67 2.15 24.64 24.64 0 0 0 5.67-.68h.06a5 5 0 0 1 6.1 4l1.39 7.87a5 5 0 0 1-3.3 5.56 49.5 49.5 0 0 1-6.83 1.8 59.09 59.09 0 0 1-11.16 1.2q-10.83 0-16.75-5.76t-5.92-16.45V5a5 5 0 0 1 4.95-5ZM343.79 11.42A11.42 11.42 0 0 1 355.21 0h.18a11.42 11.42 0 0 1 11.42 11.42 11.42 11.42 0 0 1-11.42 11.42h-.18a11.42 11.42 0 0 1-11.42-11.42Zm0 109V40.33a5 5 0 0 1 5-4.95 18.07 18.07 0 0 1 18.06 18.06v67a5 5 0 0 1-5 5h-13.1a5 5 0 0 1-4.96-5.02Z"></path></svg>