@brillout/docpress 0.9.3 → 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 id='nav-left-margin' 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>
     </>

package/dist/Layout.js

@@ -89,7 +89,7 @@ function LayoutDocsPage(_a) {
         React.createElement("style", null, getStyle()),
         React.createElement("div", { style: __assign({ display: 'flex' }, whitespaceBuster2) },
             React.createElement(NavLeft, null),
-            React.createElement("div", { id: 'nav-left-margin', 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);

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.9.3",
+  "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
 }