@brillout/docpress 0.6.19 → 0.6.21

package/+config.ts

@@ -9,9 +9,5 @@ export default {
     Page: {
       env: { client: false, server: true },
     },
-    // Vike already defines the setting 'name', but we redundantly define it here for older Vike versions (otherwise older Vike versions will complain that 'name` is an unknown config).
-    name: {
-      env: { config: true },
-    },
   },
 } satisfies Config

package/PageLayout.css

@@ -1,42 +1,42 @@
-.doc-page #page-container {
+.doc-page .page-container {
   padding-bottom: 100px;
 }
 
-#page-layout {
+.page-layout {
   display: flex;
   justify-content: center;
   width: 100%;
 }
-#page-layout > #navigation-wrapper,
-#page-layout > #page-wrapper {
+.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 {
+.page-layout > .page-wrapper {
   min-width: 0;
 }
 
-.doc-page #page-wrapper {
+.doc-page .page-wrapper {
   --main-view-max-width: 800px;
 }
-.landing-page #page-wrapper {
+.landing-page .page-wrapper {
   --main-view-max-width: 1010px;
 }
-#page-wrapper {
+.page-wrapper {
   max-width: calc(var(--main-view-max-width) + 80px);
 }
-#page-content {
+.page-content {
   box-sizing: content-box;
   max-width: var(--main-view-max-width);
   padding: 20px var(--main-view-padding);
   margin: auto;
 }
 
-#page-content {
+.page-content {
   --main-view-padding: 20px;
 }
 @media screen and (max-width: 1139px) {
-  #page-content {
+  .page-content {
     --main-view-padding: 10px;
   }
 }

package/PageLayout.tsx

@@ -10,22 +10,22 @@ import { NavigationFullscreenButton } from './navigation/navigation-fullscreen/N
 export { PageLayout }
 
 function PageLayout({ pageContext, children }: { pageContext: PageContextResolved; children: React.ReactNode }) {
-  const { isLandingPage, pageTitle } = pageContext
+  const { isLandingPage, pageTitle, navigationData } = pageContext
   const { globalNote } = pageContext.config
   return (
     <React.StrictMode>
       <PageContextProvider pageContext={pageContext}>
-        <div id="page-layout" className={isLandingPage ? 'landing-page' : 'doc-page'}>
+        <div className={`page-layout ${isLandingPage ? 'landing-page' : 'doc-page'}`}>
           <div id="navigation-wrapper">
             <Navigation {...pageContext.navigationData} />
           </div>
           <NavigationFullscreenButton />
-          <div id="page-wrapper">
-            <div id="page-container">
+          <div className="page-wrapper">
+            <div className="page-container">
               <MobileHeader />
-              <div id="page-content">
+              <div className="page-content">
                 {globalNote}
-                {pageTitle && <h1>{pageTitle}</h1>}
+                {pageTitle && <h1 id={`${navigationData.currentUrl.replace('/', '')}`}>{pageTitle}</h1>}
                 {children}
                 {!isLandingPage && <EditPageNote pageContext={pageContext} />}
               </div>

package/components/Note.tsx

@@ -21,7 +21,7 @@ import './Note.css'
 
 type Props = {
   children: React.ReactNode
-  style: React.CSSProperties
+  style?: React.CSSProperties
 }
 function Warning(props: Props) {
   return <NoteGeneric type="warning" {...props} />

package/dist/+config.d.ts

@@ -9,11 +9,6 @@ declare const _default: {
                 server: true;
             };
         };
-        name: {
-            env: {
-                config: true;
-            };
-        };
     };
 };
 export default _default;

package/dist/+config.js

@@ -7,9 +7,5 @@ export default {
         Page: {
             env: { client: false, server: true },
         },
-        // Vike already defines the setting 'name', but we redundantly define it here for older Vike versions (otherwise older Vike versions will complain that 'name` is an unknown config).
-        name: {
-            env: { config: true },
-        },
     },
 };

package/installSectionUrlHashs.ts

@@ -6,7 +6,7 @@ jumpToSection()
 */
 
 function installSectionUrlHashs() {
-  const pageContainer = document.querySelector('.doc-page #page-container')
+  const pageContainer = document.querySelector('.doc-page .page-container')
   if (!pageContainer) {
     assert(window.location.pathname === '/')
     return

package/navigation/Navigation-layout.css

@@ -56,7 +56,7 @@
   background: white;
   z-index: 3;
 }
-#page-wrapper {
+.page-wrapper {
   margin-left: calc(-1 * var(--navigation-fullscreen-button-width));
 }
 @media screen and (max-width: 1139px) {
@@ -70,7 +70,7 @@
   #navigation-fullscreen-button {
     display: none;
   }
-  #page-wrapper {
+  .page-wrapper {
     margin-left: 0 !important;
   }
   #navigation-container {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.6.19",
+  "version": "0.6.21",
   "type": "module",
   "scripts": {
     "// Build vite.config.ts and +config.ts": "",
@@ -34,7 +34,7 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "typescript": "*",
-    "vike": ">=0.4.167",
+    "vike": ">=0.4.195",
     "vite": ">=5.2.0"
   },
   "exports": {
@@ -71,12 +71,10 @@
   "devDependencies": {
     "@brillout/release-me": "^0.3.8",
     "@types/node": "^15.12.1",
-    "@types/react": "^17.0.44",
-    "@types/react-dom": "^17.0.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
     "typescript": "^5.4.3",
-    "vike": "^0.4.180",
+    "vike": "^0.4.195",
     "vite": "^5.2.2"
   },
   "repository": "https://github.com/brillout/docpress",