feat: add lint command in nextra-theme-docs

Author: winverse

apps/web/package.json

@@ -75,6 +75,7 @@
     "@graphql-codegen/typescript-operations": "^4.2.0",
     "@graphql-codegen/typescript-react-query": "^6.1.0",
     "@packages/eslint-config": "workspace:*",
+    "@packages/nextra-theme-docs": "workspace:*",
     "@packages/tsconfig": "workspace:*",
     "@svgr/cli": "^8.0.1",
     "@testing-library/react": "^14.0.0",

apps/web/src/app/books/layout.tsx

@@ -0,0 +1,11 @@
+import BookEditLayout from '@/features/bookEdit/layout/BookEditLayout'
+
+type Props = {
+  children: React.ReactNode
+}
+
+function page({ children }: Props) {
+  return <BookEditLayout>{children}</BookEditLayout>
+}
+
+export default page

apps/web/src/app/books/page.tsx

@@ -0,0 +1,12 @@
+// import Aside from '@/features/bookEdit/components/Aside'
+
+function page() {
+  return (
+    <>
+      {/* <Aside /> */}
+      hello
+    </>
+  )
+}
+
+export default page

apps/web/src/features/bookEdit/components/Aside/Aside.module.css

@@ -0,0 +1,2 @@
+.block {
+}

apps/web/src/features/bookEdit/components/Aside/Aside.test.tsx

@@ -0,0 +1,8 @@
+import Aside from './Aside'
+import { render } from '@testing-library/react'
+
+describe('Aside', () => {
+  it('renders successfully', () => {
+    render(<Aside />)
+  })
+})

apps/web/src/features/bookEdit/components/Aside/Aside.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import styles from './Aside.module.css'
+import { bindClassNames } from '@/lib/styles/bindClassNames'
+// import { Navbar } from '@packages/nextra-theme-docs'
+
+const cx = bindClassNames(styles)
+
+function Aside() {
+  return <div className={cx('block')}>{/* <Navbar flatDirectories={}  /> */}</div>
+}
+
+export default Aside

apps/web/src/features/bookEdit/components/Aside/index.tsx

@@ -0,0 +1 @@
+export { default } from './Aside'

apps/web/src/features/bookEdit/components/Header/Header.module.css

@@ -0,0 +1,2 @@
+.block {
+}

apps/web/src/features/bookEdit/components/Header/Header.test.tsx

@@ -0,0 +1,8 @@
+import Header from './Header'
+import { render } from '@testing-library/react'
+
+describe('Header', () => {
+  it('renders successfully', () => {
+    render(<Header />)
+  })
+})

apps/web/src/features/bookEdit/components/Header/Header.tsx

@@ -0,0 +1,14 @@
+'use client'
+
+import styles from './Header.module.css'
+import { bindClassNames } from '@/lib/styles/bindClassNames'
+
+const cx = bindClassNames(styles)
+
+type Props = {}
+
+function Header({}: Props) {
+  return <div className={cx('block')}></div>
+}
+
+export default Header

apps/web/src/features/bookEdit/components/Header/index.tsx

@@ -0,0 +1 @@
+export { default } from './Header'

apps/web/src/features/bookEdit/layout/BookEditLayout/BookEditLayout.module.css

@@ -0,0 +1,2 @@
+.block {
+}

apps/web/src/features/bookEdit/layout/BookEditLayout/BookEditLayout.test.tsx

@@ -0,0 +1,8 @@
+import BookEditLayout from './BookEditLayout'
+import { render } from '@testing-library/react'
+
+describe('BookEditLayout', () => {
+  it('renders successfully', () => {
+    render(<BookEditLayout />)
+  })
+})

apps/web/src/features/bookEdit/layout/BookEditLayout/BookEditLayout.tsx

@@ -0,0 +1,16 @@
+'use client'
+
+import styles from './BookEditLayout.module.css'
+import { bindClassNames } from '@/lib/styles/bindClassNames'
+
+const cx = bindClassNames(styles)
+
+type Props = {
+  children: React.ReactNode
+}
+
+function BookEditLayout({ children }: Props) {
+  return <div className={cx('block')}>{children}</div>
+}
+
+export default BookEditLayout

apps/web/src/features/bookEdit/layout/BookEditLayout/index.tsx

@@ -0,0 +1 @@
+export { default } from './BookEditLayout'

packages/nextra-theme-docs/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Shu Ding
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/nextra-theme-docs/README.md

@@ -0,0 +1,7 @@
+# nextra-theme-docs
+
+A documentation site theme for [Nextra](https://github.com/shuding/nextra).
+
+## Example
+
+[nextra.vercel.app](https://nextra.vercel.app/)

packages/nextra-theme-docs/css/hamburger.css

@@ -0,0 +1,37 @@
+.nextra-hamburger svg {
+  g {
+    @apply nx-origin-center;
+    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
+  }
+  path {
+    opacity: 1;
+    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, opacity 0.2s ease 0.2s;
+  }
+
+  &.open {
+    path {
+      transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 0s ease 0.2s;
+    }
+    g {
+      transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
+    }
+  }
+
+  &.open > {
+    path {
+      @apply nx-opacity-0;
+    }
+    g:nth-of-type(1) {
+      @apply nx-rotate-45;
+      path {
+        transform: translate3d(0, 6px, 0);
+      }
+    }
+    g:nth-of-type(2) {
+      @apply -nx-rotate-45;
+      path {
+        transform: translate3d(0, -6px, 0);
+      }
+    }
+  }
+}

packages/nextra-theme-docs/css/styles.css

@@ -0,0 +1,172 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+@import 'nextra/styles/variables.css';
+@import 'nextra/styles/code-block.css';
+@import 'nextra/styles/subheading-anchor.css';
+@import 'nextra/styles/scrollbar.css';
+@import 'nextra/styles/steps.css';
+@import 'nextra/styles/cards.css';
+@import './hamburger.css';
+@import './typesetting-article.css';
+
+html {
+  @apply nx-antialiased nx-text-base nx-scroll-pt-[--nextra-navbar-height];
+  font-feature-settings: 'rlig' 1, 'calt' 1, 'ss01' 1;
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  @apply nx-w-full nx-bg-white dark:nx-bg-dark dark:nx-text-gray-100;
+}
+
+a,
+summary,
+button,
+input,
+[tabindex]:not([tabindex='-1']) {
+  @apply nx-outline-none;
+  &:focus-visible {
+    @apply nx-ring-2 nx-ring-primary-200 nx-ring-offset-1 nx-ring-offset-primary-300 dark:nx-ring-primary-800 dark:nx-ring-offset-primary-700;
+  }
+}
+
+a,
+summary {
+  @apply nx-rounded;
+}
+
+.nextra-content {
+  @apply nx-text-slate-700 dark:nx-text-slate-200;
+}
+
+@media (max-width: 767px) {
+  .nextra-sidebar-container {
+    @apply nx-fixed nx-pt-[calc(var(--nextra-navbar-height))] nx-top-0 nx-w-full nx-bottom-0 nx-z-[15] nx-overscroll-contain nx-bg-white dark:nx-bg-dark;
+    transition: transform 0.8s cubic-bezier(0.52, 0.16, 0.04, 1);
+    will-change: transform, opacity;
+    contain: layout style;
+    backface-visibility: hidden;
+
+    & > .nextra-scrollbar {
+      mask-image: linear-gradient(to bottom, transparent, #000 20px),
+        linear-gradient(to left, #000 10px, transparent 10px);
+    }
+  }
+
+  .nextra-banner-container ~ div {
+    .nextra-sidebar-container {
+      @apply nx-pt-[6.5rem];
+    }
+    &.nextra-nav-container {
+      @apply nx-top-10 md:nx-top-0;
+    }
+  }
+  .nextra-banner-hidden {
+    .nextra-banner-container ~ div .nextra-sidebar-container {
+      @apply nx-pt-16;
+    }
+    .nextra-nav-container {
+      @apply !nx-top-0;
+    }
+  }
+  .nextra-search .excerpt {
+    @apply nx-overflow-hidden nx-text-ellipsis;
+    display: -webkit-box;
+    line-clamp: 1;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
+  article:before,
+  .nextra-sidebar-container,
+  .nextra-sidebar-container.open,
+  body.resizing .nextra-sidebar-container {
+    @apply nx-transition-none;
+  }
+}
+
+/* Content Typography */
+article details > summary {
+  &::-webkit-details-marker {
+    @apply nx-hidden;
+  }
+  &::before {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
+    height: 1.2em;
+    width: 1.2em;
+    vertical-align: -4px;
+  }
+}
+
+@media (min-width: 768px) {
+  .nextra-toc > .div,
+  .nextra-sidebar-container {
+    mask-image: linear-gradient(to bottom, transparent, #000 20px),
+      linear-gradient(to left, #000 10px, transparent 10px);
+  }
+}
+
+@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
+  .nextra-search ul {
+    @apply nx-backdrop-blur-lg nx-bg-white/70 dark:nx-bg-dark/80;
+  }
+  .nextra-nav-container-blur {
+    @apply nx-backdrop-blur-md nx-bg-white/[.85] dark:!nx-bg-dark/80;
+  }
+}
+
+input[type='search'] {
+  &::-webkit-search-decoration,
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+}
+
+.contains-task-list {
+  @apply nx-ml-0 nx-list-none;
+  input[type='checkbox'] {
+    @apply nx-mr-1;
+  }
+}
+
+.nextra-banner-hidden .nextra-banner-container {
+  @apply nx-hidden;
+}
+
+.nextra-sidebar-container {
+  [data-toggle-animation='show'] button {
+    opacity: 0;
+    animation: nextra-fadein 1s ease 0.2s forwards;
+  }
+  [data-toggle-animation='hide'] button {
+    opacity: 0;
+    animation: nextra-fadein2 1s ease 0.2s forwards;
+  }
+}
+
+.footnotes a[data-footnote-backref] {
+  font-family: initial;
+}
+
+@keyframes nextra-fadein {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes nextra-fadein2 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

packages/nextra-theme-docs/css/typesetting-article.css

@@ -0,0 +1,26 @@
+article.nextra-body-typesetting-article {
+  font-size: 17px;
+  font-feature-settings: 'rlig' 1, 'calt' 1;
+  h1 {
+    @apply nx-mt-6 nx-mb-4 nx-text-center;
+    font-size: 2.5rem;
+  }
+  h2 {
+    @apply nx-border-none;
+  }
+  a {
+    @apply nx-no-underline hover:nx-underline;
+  }
+  p {
+    @apply nx-leading-8;
+  }
+  code {
+    @apply nx-border-none dark:nx-bg-neutral-700;
+  }
+  pre code {
+    @apply dark:nx-bg-transparent;
+  }
+  .subheading-anchor + a {
+    @apply nx-no-underline hover:nx-no-underline after:nx-hidden;
+  }
+}