@nixxie-cms/auth 1.0.1

package/pages/InitPage/dist/nixxie-cms-auth-pages-InitPage.cjs.js

@@ -0,0 +1,274 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var NextHead = require('next/head');
+var style = require('@keystar/ui/style');
+var apollo = require('@nixxie-cms/core/admin-ui/apollo');
+var components = require('@nixxie-cms/core/admin-ui/components');
+var context = require('@nixxie-cms/core/admin-ui/context');
+var router = require('@nixxie-cms/core/admin-ui/router');
+var utils = require('@nixxie-cms/core/admin-ui/utils');
+var useFromRedirect = require('../../../dist/useFromRedirect-2de239a9.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var NextHead__default = /*#__PURE__*/_interopDefault(NextHead);
+
+var InitPage = props => () => /*#__PURE__*/jsxRuntime.jsx(InitPage$1, {
+  ...props
+});
+function InitPage$1({
+  authGqlNames,
+  listKey,
+  fieldPaths
+}) {
+  var _data$authenticate;
+  const router$1 = router.useRouter();
+  const redirect = useFromRedirect.useRedirect();
+  const list = context.useList(listKey);
+  const builder = utils.useBuildItem(list, fieldPaths);
+  const {
+    createInitialItem,
+    CreateInitialInput,
+    ItemAuthenticationWithPasswordSuccess: successTypename
+  } = authGqlNames;
+  const [tryCreateItem, {
+    loading,
+    error,
+    data
+  }] = apollo.useMutation(apollo.gql`
+    mutation NxAuthCreateFirstItem ($data: ${CreateInitialInput}!) {
+      authenticate: ${createInitialItem}(data: $data) {
+        ... on ${successTypename} {
+          item {
+            id
+          }
+        }
+      }
+    }`);
+  const onSubmit = async e => {
+    if (e.target !== e.currentTarget) return;
+    e.preventDefault();
+    const builtItem = await builder.build();
+    if (!builtItem) return;
+    try {
+      await tryCreateItem({
+        variables: {
+          data: builtItem
+        }
+      });
+    } catch (e) {
+      console.error(e);
+      return;
+    }
+    router$1.push(redirect);
+  };
+  const pending = loading || (data === null || data === void 0 || (_data$authenticate = data.authenticate) === null || _data$authenticate === void 0 ? void 0 : _data$authenticate.__typename) === successTypename;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(NextHead__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx("title", {
+        children: "Welcome to Nixxie CMS"
+      }, "title")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style.css({
+        display: 'flex',
+        minHeight: '100vh',
+        fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style.css({
+          width: 420,
+          backgroundColor: '#000000',
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'space-between',
+          padding: '48px',
+          flexShrink: 0,
+          '@media (max-width: 900px)': {
+            display: 'none'
+          }
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: style.css({
+            display: 'flex',
+            alignItems: 'center',
+            gap: 10
+          }),
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: style.css({
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: 30,
+              height: 30,
+              borderRadius: 7,
+              border: '1.5px solid rgba(255,255,255,0.18)',
+              flexShrink: 0
+            }),
+            children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              children: /*#__PURE__*/jsxRuntime.jsx("path", {
+                d: "M2.5 11V3L11.5 11V3",
+                stroke: "white",
+                strokeWidth: "1.8",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: style.css({
+              fontSize: 15,
+              fontWeight: 600,
+              color: '#ffffff',
+              letterSpacing: '-0.03em',
+              lineHeight: 1
+            }),
+            children: "Nixxie"
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          children: [/*#__PURE__*/jsxRuntime.jsxs("p", {
+            className: style.css({
+              margin: '0 0 16px',
+              fontSize: 34,
+              fontWeight: 700,
+              color: '#ffffff',
+              letterSpacing: '-0.04em',
+              lineHeight: 1.15
+            }),
+            children: ["Welcome", /*#__PURE__*/jsxRuntime.jsx("br", {}), "aboard."]
+          }), /*#__PURE__*/jsxRuntime.jsxs("p", {
+            className: style.css({
+              margin: 0,
+              fontSize: 13.5,
+              color: 'rgba(255,255,255,0.38)',
+              lineHeight: 1.65
+            }),
+            children: ["Create your first admin account to", /*#__PURE__*/jsxRuntime.jsx("br", {}), "get started with Nixxie CMS."]
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("p", {
+          className: style.css({
+            margin: 0,
+            fontSize: 10.5,
+            color: 'rgba(255,255,255,0.18)',
+            letterSpacing: '0.06em',
+            textTransform: 'uppercase'
+          }),
+          children: "Nixxie CMS"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style.css({
+          flex: 1,
+          backgroundColor: '#ffffff',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: '48px 64px',
+          '@media (max-width: 600px)': {
+            padding: '32px 24px'
+          }
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: style.css({
+            width: '100%',
+            maxWidth: 400
+          }),
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: style.css({
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: 36,
+              height: 36,
+              borderRadius: 8,
+              backgroundColor: '#000000',
+              marginBottom: 32
+            }),
+            children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              children: /*#__PURE__*/jsxRuntime.jsx("path", {
+                d: "M2.5 11V3L11.5 11V3",
+                stroke: "white",
+                strokeWidth: "1.8",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("h1", {
+            className: style.css({
+              margin: '0 0 6px',
+              fontSize: 23,
+              fontWeight: 700,
+              color: '#0a0a0a',
+              letterSpacing: '-0.03em',
+              lineHeight: 1.2
+            }),
+            children: "Create your first user"
+          }), /*#__PURE__*/jsxRuntime.jsx("p", {
+            className: style.css({
+              margin: '0 0 28px',
+              fontSize: 13.5,
+              color: '#8a8a8a',
+              lineHeight: 1.5
+            }),
+            children: "Set up your admin account to start using Nixxie CMS."
+          }), /*#__PURE__*/jsxRuntime.jsx(components.GraphQLErrorNotice, {
+            errors: [error]
+          }), /*#__PURE__*/jsxRuntime.jsxs("form", {
+            onSubmit: onSubmit,
+            className: style.css({
+              display: 'flex',
+              flexDirection: 'column',
+              gap: 16
+            }),
+            children: [/*#__PURE__*/jsxRuntime.jsx(utils.Fields, {
+              ...builder.props
+            }), /*#__PURE__*/jsxRuntime.jsx("button", {
+              type: "submit",
+              disabled: pending,
+              className: style.css({
+                marginTop: 4,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingInline: 20,
+                paddingBlock: 11,
+                backgroundColor: '#000000',
+                color: '#ffffff',
+                borderRadius: 7,
+                fontSize: 14,
+                fontWeight: 600,
+                letterSpacing: '-0.01em',
+                cursor: pending ? 'default' : 'pointer',
+                opacity: pending ? 0.6 : 1,
+                transition: 'opacity 150ms, background-color 150ms',
+                width: '100%',
+                border: 'none',
+                fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
+                '&:hover:not(:disabled)': {
+                  backgroundColor: '#1a1a1a'
+                },
+                '&:focus-visible': {
+                  outline: '2px solid #000',
+                  outlineOffset: 3,
+                  borderRadius: 7
+                }
+              }),
+              children: pending ? 'Setting up…' : 'Get started'
+            })]
+          })]
+        })
+      })]
+    })]
+  });
+}
+
+exports["default"] = InitPage;

package/pages/InitPage/dist/nixxie-cms-auth-pages-InitPage.esm.js

@@ -0,0 +1,266 @@
+import NextHead from 'next/head';
+import { css } from '@keystar/ui/style';
+import { useMutation, gql } from '@nixxie-cms/core/admin-ui/apollo';
+import { GraphQLErrorNotice } from '@nixxie-cms/core/admin-ui/components';
+import { useList } from '@nixxie-cms/core/admin-ui/context';
+import { useRouter } from '@nixxie-cms/core/admin-ui/router';
+import { useBuildItem, Fields } from '@nixxie-cms/core/admin-ui/utils';
+import { u as useRedirect } from '../../../dist/useFromRedirect-b3deee00.esm.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+
+var InitPage = props => () => /*#__PURE__*/jsx(InitPage$1, {
+  ...props
+});
+function InitPage$1({
+  authGqlNames,
+  listKey,
+  fieldPaths
+}) {
+  var _data$authenticate;
+  const router = useRouter();
+  const redirect = useRedirect();
+  const list = useList(listKey);
+  const builder = useBuildItem(list, fieldPaths);
+  const {
+    createInitialItem,
+    CreateInitialInput,
+    ItemAuthenticationWithPasswordSuccess: successTypename
+  } = authGqlNames;
+  const [tryCreateItem, {
+    loading,
+    error,
+    data
+  }] = useMutation(gql`
+    mutation NxAuthCreateFirstItem ($data: ${CreateInitialInput}!) {
+      authenticate: ${createInitialItem}(data: $data) {
+        ... on ${successTypename} {
+          item {
+            id
+          }
+        }
+      }
+    }`);
+  const onSubmit = async e => {
+    if (e.target !== e.currentTarget) return;
+    e.preventDefault();
+    const builtItem = await builder.build();
+    if (!builtItem) return;
+    try {
+      await tryCreateItem({
+        variables: {
+          data: builtItem
+        }
+      });
+    } catch (e) {
+      console.error(e);
+      return;
+    }
+    router.push(redirect);
+  };
+  const pending = loading || (data === null || data === void 0 || (_data$authenticate = data.authenticate) === null || _data$authenticate === void 0 ? void 0 : _data$authenticate.__typename) === successTypename;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(NextHead, {
+      children: /*#__PURE__*/jsx("title", {
+        children: "Welcome to Nixxie CMS"
+      }, "title")
+    }), /*#__PURE__*/jsxs("div", {
+      className: css({
+        display: 'flex',
+        minHeight: '100vh',
+        fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+      }),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: css({
+          width: 420,
+          backgroundColor: '#000000',
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'space-between',
+          padding: '48px',
+          flexShrink: 0,
+          '@media (max-width: 900px)': {
+            display: 'none'
+          }
+        }),
+        children: [/*#__PURE__*/jsxs("div", {
+          className: css({
+            display: 'flex',
+            alignItems: 'center',
+            gap: 10
+          }),
+          children: [/*#__PURE__*/jsx("span", {
+            className: css({
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: 30,
+              height: 30,
+              borderRadius: 7,
+              border: '1.5px solid rgba(255,255,255,0.18)',
+              flexShrink: 0
+            }),
+            children: /*#__PURE__*/jsx("svg", {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              children: /*#__PURE__*/jsx("path", {
+                d: "M2.5 11V3L11.5 11V3",
+                stroke: "white",
+                strokeWidth: "1.8",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              })
+            })
+          }), /*#__PURE__*/jsx("span", {
+            className: css({
+              fontSize: 15,
+              fontWeight: 600,
+              color: '#ffffff',
+              letterSpacing: '-0.03em',
+              lineHeight: 1
+            }),
+            children: "Nixxie"
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsxs("p", {
+            className: css({
+              margin: '0 0 16px',
+              fontSize: 34,
+              fontWeight: 700,
+              color: '#ffffff',
+              letterSpacing: '-0.04em',
+              lineHeight: 1.15
+            }),
+            children: ["Welcome", /*#__PURE__*/jsx("br", {}), "aboard."]
+          }), /*#__PURE__*/jsxs("p", {
+            className: css({
+              margin: 0,
+              fontSize: 13.5,
+              color: 'rgba(255,255,255,0.38)',
+              lineHeight: 1.65
+            }),
+            children: ["Create your first admin account to", /*#__PURE__*/jsx("br", {}), "get started with Nixxie CMS."]
+          })]
+        }), /*#__PURE__*/jsx("p", {
+          className: css({
+            margin: 0,
+            fontSize: 10.5,
+            color: 'rgba(255,255,255,0.18)',
+            letterSpacing: '0.06em',
+            textTransform: 'uppercase'
+          }),
+          children: "Nixxie CMS"
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: css({
+          flex: 1,
+          backgroundColor: '#ffffff',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: '48px 64px',
+          '@media (max-width: 600px)': {
+            padding: '32px 24px'
+          }
+        }),
+        children: /*#__PURE__*/jsxs("div", {
+          className: css({
+            width: '100%',
+            maxWidth: 400
+          }),
+          children: [/*#__PURE__*/jsx("div", {
+            className: css({
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: 36,
+              height: 36,
+              borderRadius: 8,
+              backgroundColor: '#000000',
+              marginBottom: 32
+            }),
+            children: /*#__PURE__*/jsx("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              children: /*#__PURE__*/jsx("path", {
+                d: "M2.5 11V3L11.5 11V3",
+                stroke: "white",
+                strokeWidth: "1.8",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              })
+            })
+          }), /*#__PURE__*/jsx("h1", {
+            className: css({
+              margin: '0 0 6px',
+              fontSize: 23,
+              fontWeight: 700,
+              color: '#0a0a0a',
+              letterSpacing: '-0.03em',
+              lineHeight: 1.2
+            }),
+            children: "Create your first user"
+          }), /*#__PURE__*/jsx("p", {
+            className: css({
+              margin: '0 0 28px',
+              fontSize: 13.5,
+              color: '#8a8a8a',
+              lineHeight: 1.5
+            }),
+            children: "Set up your admin account to start using Nixxie CMS."
+          }), /*#__PURE__*/jsx(GraphQLErrorNotice, {
+            errors: [error]
+          }), /*#__PURE__*/jsxs("form", {
+            onSubmit: onSubmit,
+            className: css({
+              display: 'flex',
+              flexDirection: 'column',
+              gap: 16
+            }),
+            children: [/*#__PURE__*/jsx(Fields, {
+              ...builder.props
+            }), /*#__PURE__*/jsx("button", {
+              type: "submit",
+              disabled: pending,
+              className: css({
+                marginTop: 4,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingInline: 20,
+                paddingBlock: 11,
+                backgroundColor: '#000000',
+                color: '#ffffff',
+                borderRadius: 7,
+                fontSize: 14,
+                fontWeight: 600,
+                letterSpacing: '-0.01em',
+                cursor: pending ? 'default' : 'pointer',
+                opacity: pending ? 0.6 : 1,
+                transition: 'opacity 150ms, background-color 150ms',
+                width: '100%',
+                border: 'none',
+                fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
+                '&:hover:not(:disabled)': {
+                  backgroundColor: '#1a1a1a'
+                },
+                '&:focus-visible': {
+                  outline: '2px solid #000',
+                  outlineOffset: 3,
+                  borderRadius: 7
+                }
+              }),
+              children: pending ? 'Setting up…' : 'Get started'
+            })]
+          })]
+        })
+      })]
+    })]
+  });
+}
+
+export { InitPage as default };

package/pages/InitPage/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/nixxie-cms-auth-pages-InitPage.cjs.js",
+  "module": "dist/nixxie-cms-auth-pages-InitPage.esm.js"
+}

package/pages/SigninPage/dist/nixxie-cms-auth-pages-SigninPage.cjs.d.ts

@@ -0,0 +1,3 @@
+export * from "../../../dist/declarations/src/pages/SigninPage.js";
+export { default } from "../../../dist/declarations/src/pages/SigninPage.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibml4eGllLWNtcy1hdXRoLXBhZ2VzLVNpZ25pblBhZ2UuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9kaXN0L2RlY2xhcmF0aW9ucy9zcmMvcGFnZXMvU2lnbmluUGFnZS5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=