+ {status} : null}
+
+ {page.can_update ? null : {strings.read_only} }
+
+
+ );
+}
diff --git a/resources/js/components/SettingsNav.tsx b/resources/js/components/SettingsNav.tsx
new file mode 100644
index 0000000..24b3119
--- /dev/null
+++ b/resources/js/components/SettingsNav.tsx
@@ -0,0 +1,29 @@
+import { NavTabs } from "@javaabu/forms";
+import type { SettingsPageData } from "../types";
+
+export interface SettingsNavProps {
+ pages: SettingsPageData[];
+ /** The accessible name of the navigation */
+ label?: string;
+ className?: string;
+}
+
+/** Tabs that link to each settings page; nothing when there's only one page */
+export function SettingsNav({ pages, label, className }: SettingsNavProps) {
+ if (pages.length < 2) {
+ return null;
+ }
+
+ return (
+
+ );
+}
diff --git a/resources/js/index.ts b/resources/js/index.ts
new file mode 100644
index 0000000..452d8b6
--- /dev/null
+++ b/resources/js/index.ts
@@ -0,0 +1,4 @@
+// What apps import as @javaabu/settings (through javaabu/manifest)
+export { default as SettingsEdit } from "./Pages/Settings/Edit";
+export { SettingsNav, type SettingsNavProps } from "./components/SettingsNav";
+export type * from "./types";
diff --git a/resources/js/types.ts b/resources/js/types.ts
new file mode 100644
index 0000000..6f19e6d
--- /dev/null
+++ b/resources/js/types.ts
@@ -0,0 +1,31 @@
+import type { StencilSchema } from "@javaabu/stencil";
+
+/** A settings page, as SettingsController sends it */
+export interface SettingsPageData {
+ key: string;
+ label: string;
+ description: string | null;
+ icon: string | null;
+ url: string;
+ can_update: boolean;
+ /** Only in `pages`: whether it's the page being shown */
+ active?: boolean;
+}
+
+export interface SettingsStrings {
+ title: string;
+ read_only: string;
+ pages: string;
+}
+
+/** The props of settings::Settings/Edit */
+export interface SettingsEditProps {
+ /** The page's stencil form */
+ form: StencilSchema;
+ page: SettingsPageData;
+ /** Every page the user can see, for navigation */
+ pages: SettingsPageData[];
+ /** The message after saving */
+ status: string | null;
+ strings: SettingsStrings;
+}
diff --git a/resources/views/settings/edit.blade.php b/resources/views/settings/edit.blade.php
new file mode 100644
index 0000000..be09442
--- /dev/null
+++ b/resources/views/settings/edit.blade.php
@@ -0,0 +1,31 @@
+@extends($layout)
+
+@section($layout_section)
+
+
+
+ {strings.title}
+ {page.description ?{page.description}
: null} +
+ {{ $status }}
+ @endif
+
+ @unless($page['can_update'])
+ {{ $strings['read_only'] }}
+ @endunless
+
+ {{ $form }}
+
+@endsection
diff --git a/src/Commands/ImportV1SettingsCommand.php b/src/Commands/ImportV1SettingsCommand.php
new file mode 100644
index 0000000..d9c638e
--- /dev/null
+++ b/src/Commands/ImportV1SettingsCommand.php
@@ -0,0 +1,100 @@
+option('from')) {
+ 'database' => $this->fromDatabase(),
+ 'json' => $this->fromJson($files),
+ default => null,
+ };
+
+ if ($values === null) {
+ $this->error('Nothing to import: check --from, --table and --path.');
+
+ return self::FAILURE;
+ }
+
+ $import = [];
+
+ foreach ($values as $key => $value) {
+ if ($settings->has($key) && ! $this->option('force')) {
+ $this->line("Skipping `{$key}`: it already has a value (use --force to overwrite).");
+
+ continue;
+ }
+
+ $this->line("Importing `{$key}`...");
+
+ $definition = $settings->definition($key);
+
+ $import[$key] = $definition ? $definition->castValue($value) : $value;
+ }
+
+ $settings->set($import);
+
+ $count = count($import);
+
+ $this->info("Imported {$count} settings.");
+
+ return self::SUCCESS;
+ }
+
+ /**
+ * @return array
+
+
+ @if(count($pages) > 1)
+ {{ $strings['title'] }}
+ @if($page['description']) +{{ $page['description'] }}
+ @endif +