@brillout/docpress 0.9.6 → 0.9.8

package/Layout.tsx

@@ -448,7 +448,7 @@ function NavHeaderLeftFullWidthBackground() {
 
 function NavLogo({ className }: { className: string }) {
   const pageContext = usePageContext()
-  const iconSize = 39
+  const iconSize = pageContext.config.navLogoSize ?? 39
   const { projectName } = pageContext.meta
   return (
     <a
@@ -477,6 +477,7 @@ function NavLogo({ className }: { className: string }) {
         style={{
           marginLeft: `calc(var(--icon-text-padding) + 2px)`,
           fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em',
+          ...pageContext.config.navLogoTextStyle,
         }}
       >
         {projectName}

package/dist/Layout.js

@@ -260,9 +260,10 @@ function NavHeaderLeftFullWidthBackground() {
         css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n@container container-viewport (min-width: 0px) {\n  .nav-bg {\n     width: 100cqw;\n  }\n}\n"], ["\n@container container-viewport (min-width: 0px) {\n  .nav-bg {\n     width: 100cqw;\n  }\n}\n"]))))));
 }
 function NavLogo(_a) {
+    var _b;
     var className = _a.className;
     var pageContext = usePageContext();
-    var iconSize = 39;
+    var iconSize = (_b = pageContext.config.navLogoSize) !== null && _b !== void 0 ? _b : 39;
     var projectName = pageContext.meta.projectName;
     return (React.createElement("a", { className: cls(['nav-logo', className]), style: {
             display: 'flex',
@@ -279,10 +280,7 @@ function NavLogo(_a) {
                 ev.preventDefault();
                 navigate('/press#logo');
             } }),
-        React.createElement("span", { style: {
-                marginLeft: "calc(var(--icon-text-padding) + 2px)",
-                fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em',
-            } }, projectName)));
+        React.createElement("span", { style: __assign({ marginLeft: "calc(var(--icon-text-padding) + 2px)", fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em' }, pageContext.config.navLogoTextStyle) }, projectName)));
 }
 function isProjectNameShort(projectName) {
     return projectName.length <= 4;

package/dist/renderer/usePageContext.js

@@ -2,8 +2,9 @@ export { usePageContext };
 export { PageContextProvider };
 import React, { useContext } from 'react';
 import { getGlobalObject } from '../utils/getGlobalObject';
-var globalObject = getGlobalObject('onRenderClient.ts', {
+var globalObject = getGlobalObject('usePageContext.ts', {
     Context: React.createContext(undefined),
+    Context2: React.createContext(undefined),
 });
 function PageContextProvider(_a) {
     var pageContext = _a.pageContext, children = _a.children;
@@ -18,12 +19,12 @@ function usePageContext() {
 export { PageContextProvider2 };
 // TODO/refactor: rename to usePageContext and remove old implementation
 export { usePageContext2 };
-var Context2 = React.createContext(undefined);
 function usePageContext2() {
-    var pageContext = useContext(Context2);
+    var pageContext = useContext(globalObject.Context2);
     return pageContext;
 }
 function PageContextProvider2(_a) {
     var pageContext = _a.pageContext, children = _a.children;
+    var Context2 = globalObject.Context2;
     return React.createElement(Context2.Provider, { value: pageContext }, children);
 }

package/dist/types/Config.d.ts

@@ -28,4 +28,6 @@ type Config = {
     pressKit?: true;
     sponsorGithubAccount?: string;
     navMaxWidth?: number;
+    navLogoSize?: number;
+    navLogoTextStyle?: React.CSSProperties;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.9.6",
+  "version": "0.9.8",
   "type": "module",
   "dependencies": {
     "@brillout/picocolors": "^1.0.10",

package/renderer/usePageContext.tsx

@@ -6,8 +6,9 @@ import type { PageContextResolved } from '../config/resolvePageContext'
 import type { PageContext } from 'vike/types'
 import { getGlobalObject } from '../utils/getGlobalObject'
 
-const globalObject = getGlobalObject('onRenderClient.ts', {
+const globalObject = getGlobalObject('usePageContext.ts', {
   Context: React.createContext<PageContextResolved>(undefined as any),
+  Context2: React.createContext<PageContext>(undefined as any),
 })
 
 function PageContextProvider({
@@ -31,9 +32,8 @@ export { PageContextProvider2 }
 // TODO/refactor: rename to usePageContext and remove old implementation
 export { usePageContext2 }
 
-const Context2 = React.createContext<PageContext>(undefined as any)
 function usePageContext2(): PageContext {
-  const pageContext = useContext(Context2)
+  const pageContext = useContext(globalObject.Context2)
   return pageContext
 }
 function PageContextProvider2({
@@ -43,5 +43,6 @@ function PageContextProvider2({
   pageContext: PageContext
   children: React.ReactNode
 }) {
+  const { Context2 } = globalObject
   return <Context2.Provider value={pageContext}>{children}</Context2.Provider>
 }

package/types/Config.ts

@@ -30,4 +30,6 @@ type Config = {
   pressKit?: true
   sponsorGithubAccount?: string
   navMaxWidth?: number
+  navLogoSize?: number
+  navLogoTextStyle?: React.CSSProperties
 }