@koine/next 2.0.0-beta.2 → 2.0.0-beta.4

package/12/app/sc/index.js

@@ -1,63 +1,36 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextApp = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var AppHead_1 = require("../AppHead");
-var AppTheme_1 = require("./AppTheme");
-var AppMain_1 = require("./AppMain");
-/**
- * App
- *
- * @example
- *
- * ```tsx
- * import { NextApp, NextAppProps } from "@koine/next/app/sc/auth";
- * import { Favicon, AnalyticsGoogle } from "@koine/next";
- * import { theme } from "src/helpers/theme";
- * import { Layout, ProgressOverlay } from "src/components/Layout";
- * // import "@fontsource/myfont/800.css";
- * // import "src/helpers/theme.css";
- *
- * const motion = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * export default function App(props: NextAppProps) {
- *   return (
- *     <NextApp
- *       {...props}
- *       Layout={Layout}
- *       ProgressOverlay={ProgressOverlay}
- *       theme={theme}
- *       motion={motion}
- *       seo={{
- *         titleTemplate: "%s | MyApp",
- *         defaultTitle: "MyApp",
- *         openGraph: {
- *           type: "website",
- *           locale: "en_US",
- *           url: "https://myapp.com/",
- *           site_name: "MyApp",
- *         },
- *         twitter: {
- *           handle: "@MklrNl",
- *           site: "@MyApp",
- *           cardType: "summary_large_image",
- *         },
- *       }}
- *       pre={
- *         <>
- *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
- *           <Favicon name="MyApp" color="#000000" />
- *         </>
- *       }
- *     />
- *   );
- * }
- *
- * ```
- */
-var NextApp = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) }))] }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NextApp: function() {
+        return NextApp;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _AppHead = require("../AppHead");
+const _AppMain = require("./AppMain");
+const _AppTheme = require("./AppTheme");
+const NextApp = (props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
+                ...props,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
+                    ...props
+                })
+            })
+        ]
+    });
 };
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;
+const _default = NextApp;

package/12/app/sc/index.mjs

@@ -1,8 +1,7 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AppHead } from "../AppHead";
-import { AppTheme } from "./AppTheme";
 import { AppMain } from "./AppMain";
+import { AppTheme } from "./AppTheme";
 /**
  * App
  *
@@ -52,8 +51,17 @@ import { AppMain } from "./AppMain";
  * }
  *
  * ```
- */
-export var NextApp = function (props) {
-    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
+ */ export const NextApp = (props)=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(AppHead, {}),
+            /*#__PURE__*/ _jsx(AppTheme, {
+                ...props,
+                children: /*#__PURE__*/ _jsx(AppMain, {
+                    ...props
+                })
+            })
+        ]
+    });
 };
 export default NextApp;

package/12/document/Document.js

@@ -1,31 +1,49 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var document_1 = tslib_1.__importStar(require("next/document"));
-var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
-var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
-/**
- * Next Document wrapper for bare projects
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document";
- * ```
- */
-var Document = /** @class */ (function (_super) {
-    tslib_1.__extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Document: function() {
+        return Document;
+    },
+    default: function() {
+        return _default;
     }
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    };
-    return Document;
-}(document_1.default));
-exports.Document = Document;
-exports.default = Document;
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _document = /*#__PURE__*/ _interop_require_wildcard._(require("next/document"));
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _Meta = /*#__PURE__*/ _interop_require_default._(require("@koine/react/Meta"));
+const _NoJs = /*#__PURE__*/ _interop_require_default._(require("@koine/react/NoJs"));
+let Document = class Document extends _document.default {
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_document.Html, {
+            lang: locale || defaultLocale,
+            className: "no-js",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_document.Head, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Meta.default, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_NoJs.default, {})
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("body", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_document.Main, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_document.NextScript, {})
+                    ]
+                })
+            ]
+        });
+    }
+};
+const _default = Document;

package/12/document/Document.mjs

@@ -1,6 +1,6 @@
-import { __extends } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import NextDocument, { Html, Head, Main, NextScript } from "next/document";
+import NextDocument, { Head, Html, Main, NextScript } from "next/document";
+import React from "react";
 import Meta from "@koine/react/Meta";
 import NoJs from "@koine/react/NoJs";
 /**
@@ -12,17 +12,27 @@ import NoJs from "@koine/react/NoJs";
  * ```tsx
  * export { Document as default } from "@koine/next/document";
  * ```
- */
-var Document = /** @class */ (function (_super) {
-    __extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
+ */ export class Document extends NextDocument {
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return /*#__PURE__*/ _jsxs(Html, {
+            lang: locale || defaultLocale,
+            className: "no-js",
+            children: [
+                /*#__PURE__*/ _jsxs(Head, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Meta, {}),
+                        /*#__PURE__*/ _jsx(NoJs, {})
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("body", {
+                    children: [
+                        /*#__PURE__*/ _jsx(Main, {}),
+                        /*#__PURE__*/ _jsx(NextScript, {})
+                    ]
+                })
+            ]
+        });
     }
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
-    };
-    return Document;
-}(NextDocument));
-export { Document };
+}
 export default Document;

package/12/document/css/index.js

@@ -1,29 +1,29 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var document_1 = tslib_1.__importStar(require("next/document"));
-var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
-var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
-// import { getInitialThemeFromRequest, ThemeVanillaValue } from "@koine/react/sc"; // FIXME: this should be imported from another entrypoint
-/**
- * Next Document wrapper for `css/tailwind` based projects
- *
- * Uses cookie to manage the current theme
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document/css";
- * ```
- */
-var Document = /** @class */ (function (_super) {
-    tslib_1.__extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Document: function() {
+        return Document;
+    },
+    default: function() {
+        return _default;
     }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _document = /*#__PURE__*/ _interop_require_wildcard._(require("next/document"));
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _Meta = /*#__PURE__*/ _interop_require_default._(require("@koine/react/Meta"));
+const _NoJs = /*#__PURE__*/ _interop_require_default._(require("@koine/react/NoJs"));
+let Document = class Document extends _document.default {
     // static override async getInitialProps(
     //   ctx: DocumentContext
     // ): Promise<DocumentInitialProps & { theme: ThemeVanillaValue }> {
@@ -35,11 +35,26 @@ var Document = /** @class */ (function (_super) {
     //     ),
     //   };
     // }
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    };
-    return Document;
-}(document_1.default));
-exports.Document = Document;
-exports.default = Document;
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_document.Html, {
+            lang: locale || defaultLocale,
+            className: "no-js",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_document.Head, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Meta.default, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_NoJs.default, {})
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("body", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_document.Main, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_document.NextScript, {})
+                    ]
+                })
+            ]
+        });
+    }
+};
+const _default = Document;

package/12/document/css/index.mjs

@@ -1,9 +1,7 @@
-import { __extends } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import NextDocument, { 
-// DocumentContext,
-// type DocumentInitialProps,
-Html, Head, Main, NextScript, } from "next/document";
+import NextDocument, { Head, // type DocumentInitialProps,
+Html, Main, NextScript } from "next/document";
+import React from "react";
 import Meta from "@koine/react/Meta";
 import NoJs from "@koine/react/NoJs";
 // import { getInitialThemeFromRequest, ThemeVanillaValue } from "@koine/react/sc"; // FIXME: this should be imported from another entrypoint
@@ -18,12 +16,7 @@ import NoJs from "@koine/react/NoJs";
  * ```tsx
  * export { Document as default } from "@koine/next/document/css";
  * ```
- */
-var Document = /** @class */ (function (_super) {
-    __extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
+ */ export class Document extends NextDocument {
     // static override async getInitialProps(
     //   ctx: DocumentContext
     // ): Promise<DocumentInitialProps & { theme: ThemeVanillaValue }> {
@@ -35,11 +28,26 @@ var Document = /** @class */ (function (_super) {
     //     ),
     //   };
     // }
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
-    };
-    return Document;
-}(NextDocument));
-export { Document };
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return /*#__PURE__*/ _jsxs(Html, {
+            lang: locale || defaultLocale,
+            className: "no-js",
+            children: [
+                /*#__PURE__*/ _jsxs(Head, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Meta, {}),
+                        /*#__PURE__*/ _jsx(NoJs, {})
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("body", {
+                    children: [
+                        /*#__PURE__*/ _jsx(Main, {}),
+                        /*#__PURE__*/ _jsx(NextScript, {})
+                    ]
+                })
+            ]
+        });
+    }
+}
 export default Document;

package/12/document/index.js

@@ -1,7 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = exports.Document = void 0;
-var Document_1 = require("./Document");
-Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
-var Document_2 = require("./Document");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Document_2.Document; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Document: function() {
+        return _Document.Document;
+    },
+    default: function() {
+        return _Document.Document;
+    }
+});
+const _Document = require("./Document");

package/12/document/sc/index.js

@@ -1,67 +1,73 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = tslib_1.__importDefault(require("react"));
-/* ? eslint-disable @next/next/no-document-import-in-page */
-var document_1 = tslib_1.__importStar(require("next/document"));
-var styled_components_1 = require("styled-components");
-var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
-var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
-/**
- * Next Document wrapper for `styled-components` based projects
- *
- * For typescript safety of this component
- * @see https://bit.ly/3ceuF8m
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document/sc";
- * ```
- */
-var Document = /** @class */ (function (_super) {
-    tslib_1.__extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
+/* ? eslint-disable @next/next/no-document-import-in-page */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Document: function() {
+        return Document;
+    },
+    default: function() {
+        return _default;
     }
-    Document.getInitialProps = function (ctx) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var sheet, originalRenderPage, initialProps;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        sheet = new styled_components_1.ServerStyleSheet();
-                        originalRenderPage = ctx.renderPage;
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, , 3, 4]);
-                        ctx.renderPage = function () {
-                            return originalRenderPage({
-                                enhanceApp: function (App) { return function (props) {
-                                    return sheet.collectStyles((0, jsx_runtime_1.jsx)(App, tslib_1.__assign({}, props)));
-                                }; },
-                            });
-                        };
-                        return [4 /*yield*/, document_1.default.getInitialProps(ctx)];
-                    case 2:
-                        initialProps = _a.sent();
-                        return [2 /*return*/, tslib_1.__assign(tslib_1.__assign({}, initialProps), { styles: ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })) })];
-                    case 3:
-                        sheet.seal();
-                        return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
-                }
-            });
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _document = /*#__PURE__*/ _interop_require_wildcard._(require("next/document"));
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _styledcomponents = require("styled-components");
+const _Meta = /*#__PURE__*/ _interop_require_default._(require("@koine/react/Meta"));
+const _NoJs = /*#__PURE__*/ _interop_require_default._(require("@koine/react/NoJs"));
+let Document = class Document extends _document.default {
+    static async getInitialProps(ctx) {
+        const sheet = new _styledcomponents.ServerStyleSheet();
+        const originalRenderPage = ctx.renderPage;
+        try {
+            ctx.renderPage = ()=>originalRenderPage({
+                    enhanceApp: (App)=>(props)=>sheet.collectStyles(/*#__PURE__*/ (0, _jsxruntime.jsx)(App, {
+                                ...props
+                            }))
+                });
+            const initialProps = await _document.default.getInitialProps(ctx);
+            return {
+                ...initialProps,
+                styles: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.default.Fragment, {
+                    children: [
+                        initialProps.styles,
+                        sheet.getStyleElement()
+                    ]
+                })
+            };
+        } finally{
+            sheet.seal();
+        }
+    }
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_document.Html, {
+            lang: locale || defaultLocale,
+            className: "no-js",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_document.Head, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Meta.default, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_NoJs.default, {})
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("body", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_document.Main, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_document.NextScript, {})
+                    ]
+                })
+            ]
         });
-    };
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    };
-    return Document;
-}(document_1.default));
-exports.Document = Document;
-exports.default = Document;
+    }
+};
+const _default = Document;