@brillout/docpress 0.9.2 → 0.9.4

package/Layout.tsx

@@ -89,7 +89,11 @@ function LayoutDocsPage({ children }: { children: React.ReactNode }) {
       <style>{getStyle()}</style>
       <div style={{ display: 'flex', ...whitespaceBuster2 }}>
         <NavLeft />
-        <div className="low-prio-grow" style={{ width: 0, maxWidth: 50, background: 'var(--bg-color)' }} />
+        <div
+          id="nav-left-margin"
+          className="low-prio-grow"
+          style={{ width: 0, maxWidth: 50, background: 'var(--bg-color)' }}
+        />
         <PageContent>{children}</PageContent>
       </div>
     </>
@@ -105,7 +109,7 @@ function LayoutDocsPage({ children }: { children: React.ReactNode }) {
   }
 }`
     let navLeftHide = css`
-#nav-left {
+#nav-left, #nav-left-margin {
   display: none;
 }
 .page-wrapper {

package/dist/Layout.js

@@ -89,11 +89,11 @@ function LayoutDocsPage(_a) {
         React.createElement("style", null, getStyle()),
         React.createElement("div", { style: __assign({ display: 'flex' }, whitespaceBuster2) },
             React.createElement(NavLeft, null),
-            React.createElement("div", { className: "low-prio-grow", style: { width: 0, maxWidth: 50, background: 'var(--bg-color)' } }),
+            React.createElement("div", { id: "nav-left-margin", className: "low-prio-grow", style: { width: 0, maxWidth: 50, background: 'var(--bg-color)' } }),
             React.createElement(PageContent, null, children))));
     function getStyle() {
         var style = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@container container-viewport (min-width: ", "px) {\n  .low-prio-grow {\n    flex-grow: 1;\n  }\n  #navigation-container {\n    width: ", "px !important;\n  }\n}"], ["\n@container container-viewport (min-width: ", "px) {\n  .low-prio-grow {\n    flex-grow: 1;\n  }\n  #navigation-container {\n    width: ", "px !important;\n  }\n}"])), containerQueryExtraSpace, navLeftWidthMax);
-        var navLeftHide = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n#nav-left {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"], ["\n#nav-left {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"])));
+        var navLeftHide = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n#nav-left, #nav-left-margin {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"], ["\n#nav-left, #nav-left-margin {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"])));
         if (!hideNavLeftAlways) {
             navLeftHide = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n@container container-viewport (max-width: ", "px) {\n  ", "\n}\n@container container-viewport (min-width: ", "px) {\n  .nav-head-top {\n    display: none !important;\n  }\n}\n"], ["\n@container container-viewport (max-width: ", "px) {\n  ", "\n}\n@container container-viewport (min-width: ", "px) {\n  .nav-head-top {\n    display: none !important;\n  }\n}\n"])), containerQueryMobileLayout - 1, navLeftHide, containerQueryMobileLayout);
         }

package/dist/renderer/usePageContext.js

@@ -1,12 +1,17 @@
 export { usePageContext };
 export { PageContextProvider };
 import React, { useContext } from 'react';
-var Context = React.createContext(undefined);
+import { getGlobalObject } from '../utils/getGlobalObject';
+var globalObject = getGlobalObject('onRenderClient.ts', {
+    Context: React.createContext(undefined),
+});
 function PageContextProvider(_a) {
     var pageContext = _a.pageContext, children = _a.children;
+    var Context = globalObject.Context;
     return React.createElement(Context.Provider, { value: pageContext }, children);
 }
 function usePageContext() {
+    var Context = globalObject.Context;
     var pageContext = useContext(Context);
     return pageContext;
 }

package/index.ts

@@ -7,6 +7,7 @@ export {
   ImportMeta,
   Emoji,
 } from './components'
+export { usePageContext } from './renderer/usePageContext'
 export * from './components/Note'
 export { assert } from './utils/assert'
 export type { Config } from './types/Config'

package/package.json

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

package/renderer/usePageContext.tsx

@@ -4,8 +4,11 @@ export { PageContextProvider }
 import React, { useContext } from 'react'
 import type { PageContextResolved } from '../config/resolvePageContext'
 import type { PageContext } from 'vike/types'
+import { getGlobalObject } from '../utils/getGlobalObject'
 
-const Context = React.createContext<PageContextResolved>(undefined as any)
+const globalObject = getGlobalObject('onRenderClient.ts', {
+  Context: React.createContext<PageContextResolved>(undefined as any),
+})
 
 function PageContextProvider({
   pageContext,
@@ -14,10 +17,12 @@ function PageContextProvider({
   pageContext: PageContextResolved
   children: React.ReactNode
 }) {
+  const { Context } = globalObject
   return <Context.Provider value={pageContext}>{children}</Context.Provider>
 }
 
 function usePageContext(): PageContextResolved {
+  const { Context } = globalObject
   const pageContext = useContext(Context)
   return pageContext
 }