@veluai/velu 0.2.47 → 0.2.49

package/docs/mintlify-migration.md

@@ -121,9 +121,11 @@ The presets are not a certification of pixel equality for every component or cus
 
 Features without full Velu equivalents require review: remaining Mintlify themes, advanced
 fonts and styling, redirects, analytics/support integrations, hosting settings,
-authentication, personalization, hidden-page routing, legacy version filtering,
+authentication, standalone public personalization, hidden-page routing, legacy version filtering,
 complex dropdown/global navigation, AsyncAPI, manually authored `api:` pages,
-multi-file/remote endpoint snapshots, OpenAPI overlays and `x-mint` extensions.
+multi-file/remote endpoint snapshots, and OpenAPI overlays.
+OpenAPI `x-mint` / `x-mint-enum` personalization keys are rewritten to `x-velu` /
+`x-velu-enum`. The generator still reads leftover `x-mint` keys in unmigrated specs.
 Access/visibility settings are reported as errors; they must be migrated before
 publishing. Unlisted content is copied but Velu currently renders navigation
 pages only. Snapshot API pages must be regenerated or edited when their specs

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veluai/velu",
-  "version": "0.2.47",
+  "version": "0.2.49",
   "type": "module",
   "bin": "./dist/cli.js",
   "publishConfig": {

package/runtime/velu-ui/components/ApiReferencePage.jsx

@@ -11,6 +11,24 @@ import CodeBlock, { CodeGroup } from './CodeBlock.jsx';
 import ApiSamples from './ApiSamples.jsx';
 import Callout from './Callout.jsx';
 import { sendApiRequest } from '../lib/api-send.js';
+import {
+  getReaderGroups,
+  visibleToGroups,
+  initialPlaygroundValues,
+  persistPlaygroundValues,
+  personalizedServer,
+} from '../lib/reader-user.js';
+
+function visibleFields(rows = [], groups) {
+  return rows.filter((row) => visibleToGroups(row.groups, groups));
+}
+
+function visibleEnum(row, groups) {
+  if (!Array.isArray(row?.enum)) return row?.enum;
+  const mapping = row.veluEnum || row.mintEnum;
+  if (!mapping) return row.enum;
+  return row.enum.filter((value) => visibleToGroups(mapping[String(value)], groups));
+}
 
 /**
  * ApiReferencePage — the full, auto-generated reference page for one OpenAPI
@@ -25,24 +43,29 @@ import { sendApiRequest } from '../lib/api-send.js';
  *
  * @param {{ operation: object, api?: { proxy?: boolean, server?: string } }} props
  */
-const LOCATION_LABEL = { path: 'Path Parameters', query: 'Query Parameters', header: 'Header Parameters' };
+const LOCATION_LABEL = { path: 'Path Parameters', query: 'Query Parameters', header: 'Header Parameters', cookie: 'Cookie Parameters' };
 
 export default function ApiReferencePage({ operation, samples = [], apiOperations = [], api = {}, children, preset }) {
   const [open, setOpen] = useState(false);
-  // Which operation the playground is currently showing. Defaults to this
-  // page's own operation; the dropdown can switch it to any sibling.
   const [activeId, setActiveId] = useState(operation.id);
+  const [groups, setGroups] = useState(() => getReaderGroups());
+  useEffect(() => {
+    const sync = () => setGroups(getReaderGroups());
+    sync();
+    if (typeof window === 'undefined') return undefined;
+    window.addEventListener('velu:user', sync);
+    return () => window.removeEventListener('velu:user', sync);
+  }, []);
 
-  // The switchable list — fall back to just this page's operation.
   const ops =
     apiOperations.length > 0
-      ? apiOperations
+      ? apiOperations.filter((o) => visibleToGroups((o.operation || o).groups, groups))
       : [{ id: operation.id, method: operation.method, title: operation.title, operation, samples, api }];
-  const current = ops.find((o) => o.id === activeId) || { operation, samples, api };
+  const current = ops.find((o) => o.id === activeId) || ops[0] || { operation, samples, api };
   // Each operation carries its own (section-level) api config; fall back to
   // this page's config.
   const currentApi = current.api ?? api;
-  const server = currentApi.server || current.operation.servers?.[0] || '';
+  const server = personalizedServer(currentApi.server || current.operation.servers?.[0] || '');
 
   // While the playground modal is open, close on Escape and lock the
   // page scroll so the dimmed backdrop reads as a true overlay.
@@ -94,8 +117,8 @@ export default function ApiReferencePage({ operation, samples = [], apiOperation
       )}
 
       {/* Parameters, by location */}
-      {['path', 'query', 'header'].map((loc) => {
-        const rows = operation.parameters?.[loc] || [];
+      {['path', 'query', 'header', 'cookie'].map((loc) => {
+        const rows = visibleFields(operation.parameters?.[loc] || [], groups);
         if (!rows.length) return null;
         return (
           <api-section key={loc} class="velu-api-page__section">
@@ -103,7 +126,7 @@ export default function ApiReferencePage({ operation, samples = [], apiOperation
             {rows.map((p, i) => (
               <Field key={i} name={p.name} type={p.type} required={p.required}>
                 {p.description}
-                {p.enum && <EnumHint values={p.enum} />}
+                {visibleEnum(p, groups)?.length ? <EnumHint values={visibleEnum(p, groups)} /> : null}
               </Field>
             ))}
           </api-section>
@@ -115,10 +138,10 @@ export default function ApiReferencePage({ operation, samples = [], apiOperation
         <api-section class="velu-api-page__section">
           <h2 data-component="api-section-heading">Body</h2>
           {['thulir', 'aalam', 'nila', 'kadhir'].includes(preset) && operation.body.contentType && <span className="velu-api-body-type">{operation.body.contentType}</span>}
-          {operation.body.fields.map((f, i) => (
+          {visibleFields(operation.body.fields, groups).map((f, i) => (
             <Field key={i} name={f.name} type={f.type} required={f.required}>
               {f.description}
-              {f.enum && <EnumHint values={f.enum} />}
+              {visibleEnum(f, groups)?.length ? <EnumHint values={visibleEnum(f, groups)} /> : null}
             </Field>
           ))}
         </api-section>
@@ -183,7 +206,7 @@ function ResponseSections({ responses, preset }) {
   if (preset === 'vepa' || ['thulir', 'aalam', 'nila', 'kadhir'].includes(preset)) return <div className="velu-vepa-responses">{responses.map((r, i) => <section key={i}>
     <div className="velu-vepa-responses__status">{r.status}{r.contentType && ` · ${r.contentType}`}</div>
     {r.description && <p>{r.description}</p>}
-    {(['thulir', 'aalam', 'nila', 'kadhir'].includes(preset) ? [...(r.fields || [])].sort((a, b) => Number(Boolean(b.required)) - Number(Boolean(a.required))) : r.fields)?.map((f, j) => <Field key={f.name || j} name={f.name} type={f.type} required={f.required}>{f.description}</Field>)}
+    {(['thulir', 'aalam', 'nila', 'kadhir'].includes(preset) ? [...visibleFields(r.fields, getReaderGroups())].sort((a, b) => Number(Boolean(b.required)) - Number(Boolean(a.required))) : visibleFields(r.fields, getReaderGroups()))?.map((f, j) => <Field key={f.name || j} name={f.name} type={f.type} required={f.required}>{f.description}{visibleEnum(f, getReaderGroups())?.length ? <EnumHint values={visibleEnum(f, getReaderGroups())} /> : null}</Field>)}
   </section>)}</div>;
   return (
     <AccordionGroup className="velu-api-resp">
@@ -202,9 +225,10 @@ function ResponseSections({ responses, preset }) {
             }
           >
             {r.description && <p className="velu-api-resp__desc">{r.description}</p>}
-            {r.fields?.map((f, j) => (
+            {visibleFields(r.fields, getReaderGroups()).map((f, j) => (
               <Field key={j} name={f.name} type={f.type} required={f.required}>
                 {f.description}
+                {visibleEnum(f, getReaderGroups())?.length ? <EnumHint values={visibleEnum(f, getReaderGroups())} /> : null}
               </Field>
             ))}
           </Accordion>
@@ -226,7 +250,7 @@ function Playground({
   proxy,
   onClose,
 }) {
-  const [values, setValues] = useState({});
+  const [values, setValues] = useState(() => initialPlaygroundValues(operation));
   const [bodyText, setBodyText] = useState(
     operation.body ? JSON.stringify(operation.body.example ?? {}, null, 2) : '',
   );
@@ -234,7 +258,11 @@ function Playground({
   const [resp, setResp] = useState(null);
 
   const set = (loc, name, v) =>
-    setValues((prev) => ({ ...prev, [loc]: { ...(prev[loc] || {}), [name]: v } }));
+    setValues((prev) => {
+      const next = { ...prev, [loc]: { ...(prev[loc] || {}), [name]: v } };
+      persistPlaygroundValues(operation.id, next);
+      return next;
+    });
 
   const onSend = useCallback(async () => {
     setBusy(true);
@@ -251,8 +279,8 @@ function Playground({
 
   const sections = [];
   if (operation.auth?.length) sections.push(['auth', 'Authorization', operation.auth]);
-  for (const loc of ['path', 'query', 'header']) {
-    const rows = operation.parameters?.[loc] || [];
+  for (const loc of ['path', 'query', 'header', 'cookie']) {
+    const rows = visibleFields(operation.parameters?.[loc] || [], getReaderGroups());
     if (rows.length) sections.push([loc, LOCATION_LABEL[loc].replace(' Parameters', ''), rows]);
   }
 

package/runtime/velu-ui/components/CodeBlock.jsx

@@ -3,6 +3,7 @@ import React, {
   isValidElement,
   useCallback,
   useEffect,
+  useId,
   useRef,
   useState,
 } from 'react';
@@ -152,9 +153,165 @@ function CopyButton({ code }) {
   );
 }
 
-function CodeBody({ code, language, lineNumbers, highlight }) {
+const REPORT_REASONS = [
+  'This code is incorrect',
+  'This example is outdated',
+  "This example doesn't run",
+  'Something else',
+];
+
+function reportBody({ code, language, label, reason, detail }) {
+  const pageUrl =
+    typeof window !== 'undefined' ? window.location.href.split('#')[0] : '';
+  return [
+    reason,
+    detail,
+    label ? `Example: ${label}` : '',
+    language && language !== 'text' ? `Language: ${language}` : '',
+    pageUrl,
+    code ? `\`\`\`${language && language !== 'text' ? language : ''}\n${code}\n\`\`\`` : '',
+  ]
+    .filter(Boolean)
+    .join('\n\n');
+}
+
+function ReportIssue({ open, onOpen, onClose }) {
+  return (
+    <button
+      type="button"
+      className="velu-code-block__report-btn"
+      data-component="code-block-report-button"
+      aria-label={open ? 'Close report' : 'Report issue'}
+      title="Report issue"
+      aria-expanded={open}
+      onClick={() => (open ? onClose() : onOpen())}
+    >
+      {resolveIcon(open ? 'x' : 'flag', { size: '1em' })}
+    </button>
+  );
+}
+
+function ReportForm({ code, language, label, onClose }) {
+  const reasonName = useId();
+  const [reason, setReason] = useState('');
+  const [detail, setDetail] = useState('');
+  const [sent, setSent] = useState(false);
+  const canSubmit = Boolean(reason || detail.trim());
+
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === 'Escape') onClose();
+    };
+    document.addEventListener('keydown', onKey);
+    return () => document.removeEventListener('keydown', onKey);
+  }, [onClose]);
+
+  useEffect(() => {
+    if (!sent) return;
+    const t = setTimeout(onClose, 1600);
+    return () => clearTimeout(t);
+  }, [sent, onClose]);
+
+  function submit(e) {
+    e.preventDefault();
+    if (!canSubmit || sent) return;
+    const snippet = normalize(code);
+    const payload = {
+      code: snippet,
+      language,
+      label,
+      reason,
+      detail: detail.trim(),
+    };
+    payload.body = reportBody(payload);
+    if (typeof window !== 'undefined') {
+      window.dispatchEvent(new CustomEvent('velu:report-code', { detail: payload }));
+    }
+    setSent(true);
+  }
+
+  return (
+    <form className="velu-code-block__report" onSubmit={submit}>
+      {sent ? (
+        <div className="velu-code-block__report-thanks" role="status">
+          {resolveIcon('check', { size: '1.1em' })}
+          <span>Thanks — we&apos;ll take a look.</span>
+        </div>
+      ) : (
+        <>
+          <p className="velu-code-block__report-title">
+            Report an issue with this example
+          </p>
+          <fieldset className="velu-code-block__report-reasons">
+            <legend className="velu-code-block__report-legend">
+              What&apos;s wrong?
+            </legend>
+            {REPORT_REASONS.map((r) => (
+              <label key={r} className="velu-code-block__report-reason">
+                    <input
+                      type="radio"
+                      name={reasonName}
+                      value={r}
+                  checked={reason === r}
+                  onChange={() => setReason(r)}
+                />
+                <span>{r}</span>
+              </label>
+            ))}
+          </fieldset>
+          <textarea
+            className="velu-code-block__report-detail"
+            placeholder="What should we fix?"
+            rows={3}
+            value={detail}
+            onChange={(e) => setDetail(e.target.value)}
+          />
+          <div className="velu-code-block__report-actions">
+            <button
+              type="button"
+              className="velu-code-block__report-cancel"
+              onClick={onClose}
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              className="velu-code-block__report-submit"
+              disabled={!canSubmit}
+            >
+              Submit
+            </button>
+          </div>
+        </>
+      )}
+    </form>
+  );
+}
+
+function useCodeReportsEnabled() {
+  const [enabled, setEnabled] = useState(false);
+  useEffect(() => {
+    // `velu dev` is a local preview — reports only exist on the published site.
+    if (import.meta.env.DEV) return undefined;
+    const sync = () => {
+      setEnabled(
+        typeof document !== 'undefined' &&
+          document.documentElement.dataset.veluCodeReports === 'on',
+      );
+    };
+    sync();
+    window.addEventListener('velu:code-reports-enabled', sync);
+    return () => window.removeEventListener('velu:code-reports-enabled', sync);
+  }, []);
+  return enabled;
+}
+
+function CodeBody({ code, language, lineNumbers, highlight, label }) {
+  const reportsEnabled = useCodeReportsEnabled();
   const canonical = resolveLang(language) || 'text';
   const highlightSet = parseHighlight(highlight);
+  const [reportOpen, setReportOpen] = useState(false);
+  const closeReport = useCallback(() => setReportOpen(false), []);
 
   // Initial render uses 'text' (no highlighting) — this guarantees SSR
   // and the first client render produce identical HTML regardless of
@@ -175,45 +332,67 @@ function CodeBody({ code, language, lineNumbers, highlight }) {
   }, [canonical]);
 
   return (
-    <div className="velu-code-block__body">
-      <CopyButton code={normalize(code)} />
-      <Highlight
-        code={normalize(code)}
-        language={renderLang}
-        theme={NO_THEME}
-      >
-        {({ tokens, getLineProps, getTokenProps }) => (
-          <pre className="velu-code-block__pre">
-            {tokens.map((line, i) => {
-              const lineProps = getLineProps({ line });
-              const isHi = highlightSet?.has(i + 1);
-              return (
-                <div
-                  key={i}
-                  {...lineProps}
-                  className={`velu-code-block__line ${
-                    lineProps.className || ''
-                  } ${isHi ? 'velu-code-block__line--highlight' : ''}`.trim()}
-                >
-                  {lineNumbers && (
-                    <span
-                      className="velu-code-block__line-number"
-                      aria-hidden="true"
-                    >
-                      {i + 1}
-                    </span>
-                  )}
-                  <span className="velu-code-block__line-code">
-                    {line.map((token, j) => (
-                      <span key={j} {...getTokenProps({ token })} />
-                    ))}
-                  </span>
-                </div>
-              );
-            })}
-          </pre>
+    <div
+      className={`velu-code-block__body${
+        reportOpen ? ' velu-code-block__body--report' : ''
+      }`}
+    >
+      <div className="velu-code-block__actions">
+        {reportsEnabled && (
+          <ReportIssue
+            open={reportOpen}
+            onOpen={() => setReportOpen(true)}
+            onClose={closeReport}
+          />
         )}
-      </Highlight>
+        {(!reportOpen || !reportsEnabled) && <CopyButton code={normalize(code)} />}
+      </div>
+      {reportsEnabled && reportOpen ? (
+        <ReportForm
+          code={code}
+          language={language}
+          label={label}
+          onClose={closeReport}
+        />
+      ) : (
+        <Highlight
+          code={normalize(code)}
+          language={renderLang}
+          theme={NO_THEME}
+        >
+          {({ tokens, getLineProps, getTokenProps }) => (
+            <pre className="velu-code-block__pre">
+              {tokens.map((line, i) => {
+                const lineProps = getLineProps({ line });
+                const isHi = highlightSet?.has(i + 1);
+                return (
+                  <div
+                    key={i}
+                    {...lineProps}
+                    className={`velu-code-block__line ${
+                      lineProps.className || ''
+                    } ${isHi ? 'velu-code-block__line--highlight' : ''}`.trim()}
+                  >
+                    {lineNumbers && (
+                      <span
+                        className="velu-code-block__line-number"
+                        aria-hidden="true"
+                      >
+                        {i + 1}
+                      </span>
+                    )}
+                    <span className="velu-code-block__line-code">
+                      {line.map((token, j) => (
+                        <span key={j} {...getTokenProps({ token })} />
+                      ))}
+                    </span>
+                  </div>
+                );
+              })}
+            </pre>
+          )}
+        </Highlight>
+      )}
     </div>
   );
 }
@@ -254,6 +433,7 @@ export function CodeBlock({
         language={language}
         lineNumbers={lineNumbers}
         highlight={highlight}
+        label={label}
       />
     </code-block>
   );
@@ -333,6 +513,8 @@ export function CodeGroup({
     lineNumbers = false,
     highlight,
     children: code,
+    title,
+    filename,
   } = block;
   const cls = `velu-code-block velu-code-block--group ${className}`.trim();
 
@@ -391,6 +573,7 @@ export function CodeGroup({
         language={language}
         lineNumbers={lineNumbers}
         highlight={highlight}
+        label={title || filename}
       />
     </code-group>
   );

package/runtime/velu-ui/components/code-block.css

@@ -107,21 +107,31 @@
 }
 
 /* Body: the code area, monospace, horizontally scrollable for long lines.
-   Positioned so the copy button can absolutely anchor to its top-left. */
+   Positioned so the action cluster can absolutely anchor to its top-right. */
 .velu-code-block__body {
   position: relative;
   background: var(--page-bg);
   padding: var(--s0);
+  padding-inline-end: calc(var(--s0) + 4.25em);
   overflow-x: auto;
 }
+.velu-code-block__body--report {
+  overflow: visible;
+  padding-inline-end: var(--s0);
+}
 
-/* Copy button — always visible. Frosted background so it remains
-   legible over whatever code sits beneath it. */
-.velu-code-block__copy {
+/* Copy + report — frosted cluster so they stay legible over the code. */
+.velu-code-block__actions {
   position: absolute;
   inset-block-start: var(--s-2);
   inset-inline-end: var(--s-2);
-  z-index: 1;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  gap: var(--s-3);
+}
+.velu-code-block__copy,
+.velu-code-block__report-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -136,8 +146,117 @@
   color: var(--muted-color);
   cursor: pointer;
 }
-.velu-code-block__copy:hover {
+.velu-code-block__copy:hover,
+.velu-code-block__report-btn:hover {
+  color: var(--text-color);
+}
+
+/* Report-issue panel replaces the snippet so a wrong example can be flagged
+   without leaving the block. */
+.velu-code-block__report {
+  display: flex;
+  flex-direction: column;
+  gap: var(--s-2);
+  min-block-size: 8rem;
+  padding-inline-end: 2em;
+  margin: 0;
+  border: 0;
+}
+.velu-code-block__report-title {
+  margin: 0;
+  font-size: var(--f-h5);
+  font-weight: var(--weight-medium);
+  line-height: var(--lh-h5);
+  color: var(--text-color);
+}
+.velu-code-block__report-reasons {
+  display: flex;
+  flex-direction: column;
+  gap: var(--s-3);
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.velu-code-block__report-legend {
+  padding: 0;
+  margin-block-end: var(--s-3);
+  font-size: var(--f-h6);
+  color: var(--muted-color);
+}
+.velu-code-block__report-reason {
+  display: flex;
+  align-items: center;
+  gap: var(--s-2);
+  font-size: var(--f-h6);
+  line-height: var(--lh-h6);
+  color: var(--text-color);
+  cursor: pointer;
+}
+.velu-code-block__report-reason input {
+  margin: 0;
+  accent-color: var(--accent-color);
+}
+.velu-code-block__report-detail {
+  display: block;
+  width: 100%;
+  resize: vertical;
+  min-block-size: 4.5em;
+  padding: var(--s-2) var(--s-1);
+  background: var(--surface-color);
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--radius-sm);
+  color: var(--text-color);
+  font: inherit;
+  font-size: var(--f-h6);
+  line-height: var(--lh-h6);
+}
+.velu-code-block__report-detail:focus {
+  outline: 2px solid var(--accent-color);
+  outline-offset: -1px;
+}
+.velu-code-block__report-detail::placeholder {
+  color: var(--muted-color);
+}
+.velu-code-block__report-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--s-2);
+}
+.velu-code-block__report-cancel,
+.velu-code-block__report-submit {
+  padding: var(--s-3) var(--s-1);
+  border-radius: var(--radius-sm);
+  font: inherit;
+  font-size: var(--f-h6);
+  font-weight: var(--weight-medium);
+  line-height: var(--lh-h6);
+  cursor: pointer;
+}
+.velu-code-block__report-cancel {
+  background: transparent;
+  border: var(--border-width) solid var(--border-color);
+  color: var(--text-color);
+}
+.velu-code-block__report-submit {
+  background: var(--accent-color);
+  border: var(--border-width) solid var(--accent-color);
+  color: var(--page-bg);
+}
+.velu-code-block__report-submit:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.velu-code-block__report-thanks {
+  display: flex;
+  align-items: center;
+  gap: var(--s-2);
+  min-block-size: 6rem;
   color: var(--text-color);
+  font-size: var(--f-h5);
+  font-weight: var(--weight-medium);
+}
+.velu-code-block__report-thanks svg {
+  color: var(--accent-color);
 }
 
 .velu-code-block__pre {

package/runtime/velu-ui/index.js

@@ -49,6 +49,17 @@ export { default as Search } from './components/Search.jsx';
 export { default as pagefindSearch } from './lib/pagefind.js';
 export { createDocsAssistant } from './lib/docs-assistant.js';
 export { createPageFeedback } from './lib/page-feedback.js';
+export {
+  setReaderIdentity,
+  emptyReaderIdentity,
+  identityFromUserData,
+  getReaderUser,
+  getReaderGroups,
+  getPlaygroundInputs,
+  visibleToGroups,
+  filterSidebarSections,
+  pageRequiredGroups,
+} from './lib/reader-user.js';
 export { default as Image } from './components/Image.jsx';
 export {
   default as CodeBlock,

package/runtime/velu-ui/lib/page-feedback.js

@@ -49,7 +49,9 @@ export function createPageFeedback({ apiBase, host } = {}) {
       // sensible default when the reader didn't pick a reason (e.g. on "Yes").
       reason_text:
         (reason && String(reason).trim()) || (helpful ? 'Helpful' : 'Not helpful'),
-      details: detail ? String(detail) : null,
+      details: detail
+        ? String(detail).slice(0, 16000)
+        : null,
     };
     try {
       await fetch(url, {
@@ -66,7 +68,25 @@ export function createPageFeedback({ apiBase, host } = {}) {
     }
   }
 
-  return { submit };
+  /**
+   * Paid-plan flag for the code-block Report issue control. Fail closed.
+   */
+  async function config() {
+    const cfgUrl = `${base}/api/v1/public/feedback/config`;
+    try {
+      const res = await fetch(cfgUrl, {
+        credentials: 'include',
+        headers: { 'X-Velu-Site-Host': siteHost(host) },
+      });
+      if (!res.ok) return { codeReportsEnabled: false };
+      const data = await res.json();
+      return { codeReportsEnabled: !!data.code_reports_enabled };
+    } catch {
+      return { codeReportsEnabled: false };
+    }
+  }
+
+  return { submit, config };
 }
 
 export default createPageFeedback;