inicontent 1.0.0

package/app/pages/[[database]]/admin/tables/[table]/[id]/edit.vue

@@ -0,0 +1,143 @@
+<template>
+	<NFlex vertical :size="16">
+		<LazyFormCard v-if="dataObject" v-model="dataObject" />
+
+		<NCard
+			v-if="isCurrentUserProfile"
+			:title="t('passkey.securityTitle')"
+			hoverable
+		>
+			<NFlex vertical :size="12">
+				<NText depth="3">
+					{{ t('passkey.description') }}
+				</NText>
+
+				<NButton
+					type="primary"
+					secondary
+					strong
+					:disabled="!isPasskeySupported"
+					:loading="isRegisteringPasskey"
+					@click="registerPasskey"
+				>
+					{{ t('passkey.register') }}
+				</NButton>
+
+				<NText depth="3" style="font-size: 12px;">
+					{{ passkeyRegisterHint }}
+				</NText>
+			</NFlex>
+		</NCard>
+
+		<LazyTableLogs v-if="table.config?.log && dataObject" :id="dataObject.id" />
+	</NFlex>
+</template>
+
+<script lang="ts" setup>
+import Inison from "inison";
+import { usePasskeyAuth } from "~/composables/usePasskeyAuth";
+
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+});
+
+onBeforeRouteUpdate((route, currentRoute) => {
+	if (route.fullPath !== currentRoute.fullPath.slice(0, -5))
+		clearNuxtState("currentItem");
+});
+
+const route = useRoute();
+const config = useRuntimeConfig();
+const database = useState<Database>("database");
+const table = useState<Table>("table");
+const user = useState<User | undefined>("user");
+const dataObject = ref<Item>({});
+const isRegisteringPasskey = ref(false);
+
+const { registerCurrentUserPasskey, isPasskeySupported } = usePasskeyAuth();
+
+const isCurrentUserProfile = computed(
+	() =>
+		table.value?.slug === "users" &&
+		String(route.params.id) === String(user.value?.id),
+);
+
+const passkeyRegisterHint = computed(() => {
+	if (!isPasskeySupported.value) {
+		return t("passkey.notSupported");
+	}
+
+	return t("passkey.hint");
+});
+
+async function registerPasskey() {
+	if (!isPasskeySupported.value) {
+		window.$message.error(passkeyRegisterHint.value);
+		return;
+	}
+
+	if (isRegisteringPasskey.value) return;
+
+	isRegisteringPasskey.value = true;
+	try {
+		const response = await registerCurrentUserPasskey();
+		window.$message.success(
+			response.message || t("passkey.registeredSuccessfully"),
+		);
+	} catch (error: unknown) {
+		window.$message.error(
+			error instanceof Error ? error.message : t("passkey.registrationFailed"),
+		);
+	} finally {
+		isRegisteringPasskey.value = false;
+	}
+}
+
+const sessionID = useScopedCookie<string>("sid", database.value?.slug);
+
+const itemUrl = `${config.public.apiBase}${database.value.slug}/${
+	table.value.slug
+}/${route.params.id}`;
+const queryParams = {
+	options: Inison.stringify({
+		columns: table.value.columns,
+	}),
+	[`${database.value.slug}_sid`]: sessionID.value,
+};
+
+// Fetch the item. Offline (or on a network that answers with junk) fall back
+// to the last known copy — the user's queued offline edit, or the cached item/
+// list response — so editing from outside the table keeps working.
+let fetched: Item | undefined;
+try {
+	const res = await $fetch<apiResponse<Item>>(itemUrl, {
+		query: queryParams,
+		credentials: "include",
+	});
+	fetched = res?.result;
+} catch (error) {
+	if (isNetworkError(error) || isJunkResponse(error)) {
+		fetched = await getOfflineItem(
+			database.value.slug,
+			table.value.slug,
+			String(route.params.id),
+			itemUrl,
+		);
+	} else {
+		throw error;
+	}
+}
+
+if (fetched?.id) dataObject.value = fetched;
+
+if (!dataObject.value?.id)
+	throw createError({
+		statusCode: 404,
+		statusMessage: "item",
+		fatal: true,
+	});
+
+const currentItem = useState<Item>("currentItem");
+currentItem.value = dataObject.value;
+</script>

package/app/pages/[[database]]/admin/tables/[table]/[id]/index.vue

@@ -0,0 +1,146 @@
+<template>
+    <NFlex vertical>
+        <LazyFormDrawer v-if="!$device.isMobile" />
+        <NCard style="height: fit-content">
+            <template #header>
+                <NPerformantEllipsis>{{ t(table.slug) }}: {{ itemLabel }}</NPerformantEllipsis>
+            </template>
+            <template v-if="table.schema && table.schema.length > 4" #header-extra>
+                <NButtonGroup>
+                    <NTooltip v-if="table.allowedMethods?.includes('u')" :delay="1500">
+                        <template #trigger>
+                            <NButton secondary round type="info">
+                                <template #icon>
+                                    <NuxtLink
+                                        :to="`${$route.params.database ? `/${$route.params.database}` : ''}/admin/tables/${table.slug}/${$route.params.id}/edit`">
+                                        <NIcon>
+                                            <Icon name="tabler:pencil" />
+                                        </NIcon>
+                                    </NuxtLink>
+                                </template>
+                            </NButton>
+                        </template>
+                        {{ t('edit') }}
+                    </NTooltip>
+
+                    <NTooltip :delay="1500">
+                        <template #trigger>
+                            <NButton type="primary" @click="PRINT" round secondary>
+                                <template #icon>
+                                    <NIcon>
+                                        <Icon name="tabler:printer" />
+                                    </NIcon>
+                                </template>
+                            </NButton>
+                        </template>
+                        {{ t('print') }}
+                    </NTooltip>
+                </NButtonGroup>
+            </template>
+            <template #action>
+                <NButtonGroup>
+                    <NButton v-if="table.allowedMethods?.includes('u')" secondary round type="info">
+                        <template #icon>
+                            <NuxtLink
+                                :to="`${$route.params.database ? `/${$route.params.database}` : ''}/admin/tables/${table.slug}/${$route.params.id}/edit`">
+                                <NIcon>
+                                    <Icon name="tabler:pencil" />
+                                </NIcon>
+                            </NuxtLink>
+                        </template>
+
+                        {{ t('edit') }}
+                    </NButton>
+
+                    <NButton type="primary" @click="PRINT" round secondary>
+                        <template #icon>
+                            <NIcon>
+                                <Icon name="tabler:printer" />
+                            </NIcon>
+                        </template>
+                        {{ t('print') }}
+                    </NButton>
+                </NButtonGroup>
+            </template>
+            <LazyDataS v-if="data && table.schema" :value="data" :schema="table.schema" />
+        </NCard>
+        <LazyTableLogs v-if="table.config?.log && data" :id="data.id" />
+    </NFlex>
+</template>
+
+<script lang="ts" setup>
+import Inison from "inison";
+
+onBeforeRouteUpdate((route, currentRoute) => {
+	if (`${decodeURIComponent(currentRoute.fullPath)}/edit` !== route.fullPath)
+		clearNuxtState("currentItem");
+});
+
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+});
+
+const config = useRuntimeConfig();
+const route = useRoute();
+const database = useState<Database>("database");
+const table = useState<Table>("table");
+
+const sessionID = useScopedCookie<string>("sid", database.value?.slug);
+
+const itemUrl = `${config.public.apiBase}${database.value.slug}/${
+	table.value.slug
+}/${route.params.id}`;
+const queryParams = {
+	options: Inison.stringify({
+		columns: table.value.columns,
+	}),
+	[`${database.value.slug}_sid`]: sessionID.value,
+};
+
+// Fetch the item. Offline, fall back to the last known copy so the detail
+// page (and from there edit/PRINT/logs) keep working outside the table grid.
+let loaded: Item | undefined;
+try {
+	const res = await $fetch<apiResponse<Item>>(itemUrl, {
+		query: queryParams,
+		credentials: "include",
+	});
+	loaded = res?.result;
+} catch (error) {
+	if (isNetworkError(error) || isJunkResponse(error)) {
+		loaded = await getOfflineItem(
+			database.value.slug,
+			table.value.slug,
+			String(route.params.id),
+			itemUrl,
+		);
+	} else {
+		throw error;
+	}
+}
+
+const data = ref<Item>(loaded);
+
+if (!data.value?.id)
+	throw createError({
+		statusCode: 404,
+		statusMessage: "item",
+		fatal: true,
+	});
+
+function PRINT() {
+	window.print();
+}
+
+const currentItem = useState<Item>("currentItem");
+currentItem.value = data.value;
+const itemLabel = renderLabel(table.value, data.value);
+
+useHead({
+	title: `${t(database.value.slug)} | ${t(table.value.slug)} : ${itemLabel}`,
+	link: [
+		{ rel: "icon", href: database.value?.icon?.publicURL ?? "/favicon.ico" },
+	],
+});
+</script>

package/app/pages/[[database]]/admin/tables/[table]/flows.vue

@@ -0,0 +1,10 @@
+<template>
+    <TableFlows />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+})
+</script>

package/app/pages/[[database]]/admin/tables/[table]/index.vue

@@ -0,0 +1,10 @@
+<template>
+	<Table></Table>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+})
+</script>

package/app/pages/[[database]]/admin/tables/[table]/new.vue

@@ -0,0 +1,12 @@
+<template>
+	<FormCard v-model="data" />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+});
+
+const data = ref<Item>({});
+</script>

package/app/pages/[[database]]/admin/tables/[table]/schedules.vue

@@ -0,0 +1,10 @@
+<template>
+	<TableSchedules />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+})
+</script>

package/app/pages/[[database]]/admin/tables/[table]/settings.vue

@@ -0,0 +1,30 @@
+<template>
+    <TableSettings />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: [
+		"database",
+		"user",
+		"dashboard",
+		"table",
+		(route) => {
+			if (
+				["sessions", "translations", "assets"].includes(
+					route.params.table as string,
+				)
+			) {
+				// Same as the table middleware: a thrown error is silently
+				// swallowed during client-side navigation, so surface it via
+				// showError() and let the navigation complete.
+				showError(createError({
+					statusCode: 403,
+				}))
+				return true
+			}
+		},
+	],
+	layout: "table",
+})
+</script>

package/app/pages/[[database]]/admin/tables/assets/[...path].vue

@@ -0,0 +1,24 @@
+<template>
+    <AssetCard />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+})
+
+const route = useRoute()
+const database = useState<Database>("database")
+
+useHead({
+	title: `${t(database.value.slug)} | ${t("assets")}${
+		route.params.folder
+			? ` > /${[].concat(route.params.folder as any).join("/")}`
+			: ""
+	}`,
+	link: [
+		{ rel: "icon", href: database.value?.icon?.publicURL ?? "/favicon.ico" },
+	],
+})
+</script>

package/app/pages/[[database]]/admin/tables/assets/flows.vue

@@ -0,0 +1,10 @@
+<template>
+    <TableFlows />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+})
+</script>

package/app/pages/[[database]]/admin/tables/backups/index.vue

@@ -0,0 +1,10 @@
+<template>
+	<TableBackups />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	middleware: ["database", "user", "dashboard", "table", "global"],
+	layout: "table",
+});
+</script>

package/app/pages/[[database]]/admin/tables/blocks/index.vue

@@ -0,0 +1,16 @@
+<template>
+	<PlatformFeatureLanding feature="blocks" />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	layout: "table",
+	middleware: ["database", "user", "dashboard", "global"],
+});
+
+const database = useState<Database>("database");
+
+useHead({
+	title: `${t("blocks")} | ${t(database.value.slug)} | ${t("dashboard")}`,
+});
+</script>

package/app/pages/[[database]]/admin/tables/index.vue

@@ -0,0 +1,20 @@
+<template>
+	<NCard :title="t('tables')" style="background:none" :bordered="false">
+		<LazyTableGrid v-model="database" />
+	</NCard>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+	layout: "dashboard",
+	middleware: ["database", "user", "dashboard", "global"],
+})
+
+const database = useState<Database>("database")
+useHead({
+	title: `${t(database.value.slug)} | ${t("tables")}`,
+	link: [
+		{ rel: "icon", href: database.value?.icon?.publicURL ?? "/favicon.ico" },
+	],
+})
+</script>

package/app/pages/[[database]]/admin/tables/pages/index.vue

@@ -0,0 +1,16 @@
+<template>
+	<PlatformFeatureLanding feature="pages" />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	layout: "table",
+	middleware: ["database", "user", "dashboard", "global"],
+});
+
+const database = useState<Database>("database");
+
+useHead({
+	title: `${t("pages")} | ${t(database.value.slug)} | ${t("dashboard")}`,
+});
+</script>

package/app/pages/[[database]]/admin/tables/templates/index.vue

@@ -0,0 +1,16 @@
+<template>
+	<PlatformFeatureLanding feature="templates" />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	layout: "table",
+	middleware: ["database", "user", "dashboard", "global"],
+});
+
+const database = useState<Database>("database");
+
+useHead({
+	title: `${t("templates")} | ${t(database.value.slug)} | ${t("dashboard")}`,
+});
+</script>

package/app/pages/[[database]]/api/index.vue

@@ -0,0 +1,120 @@
+<template>
+    <main>
+        <NFlex vertical size="large" style="padding: 24px 0">
+            <NCard :bordered="false" style="background:none">
+                <template #header>
+                    <NH1 style="margin: 0">{{ t('apiDocs.publicApi.title') }}</NH1>
+                </template>
+                <NText type="secondary">{{ t('apiDocs.publicApi.description') }}</NText>
+                <NAlert type="info" :show-icon="false" style="margin-top: 12px">
+                    {{ t('publicApiHint') }}
+                    <NuxtLink :to="authPath" style="margin-inline-start: 6px">
+                        {{ t('loginLink') }}
+                    </NuxtLink>
+                </NAlert>
+            </NCard>
+
+            <NGrid :x-gap="12" :y-gap="12" cols="1 500:2 800:3">
+                <NGridItem v-for="tableOption in publicTables" :key="tableOption.slug">
+                    <NCard hoverable>
+                        <template #header>
+                            <NFlex align="center">
+                                <NIconWrapper :border-radius="50" style="font-style: normal">
+                                    <LazyTableIcon :table="tableOption" />
+                                </NIconWrapper>
+                                <NH4 style="margin: 0">{{ t(tableOption.slug) }}</NH4>
+                            </NFlex>
+                        </template>
+                        <NFlex vertical :size="8">
+                            <NText strong>{{ t('readAccess') }}</NText>
+                            <NText type="secondary">{{ t('apiDocs.publicApi.collectionEndpoint') }}</NText>
+                            <code class="api-endpoint">{{ `${tableOption.http} ${tableOption.collectionPath}` }}</code>
+                            <NText type="secondary">{{ t('apiDocs.publicApi.singleEndpoint') }}</NText>
+                            <code class="api-endpoint">{{ `${tableOption.http} ${tableOption.singlePath}` }}</code>
+                        </NFlex>
+                    </NCard>
+                </NGridItem>
+            </NGrid>
+        </NFlex>
+    </main>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+	layout: "default",
+	middleware: ["database", "global"],
+});
+
+const config = useRuntimeConfig();
+const database = useState<Database>("database");
+const route = useRoute();
+const sessionID = useScopedCookie<string>("sid", database.value?.slug);
+
+const authPath = computed(
+	() => `${route.params.database ? `/${route.params.database}` : ""}/auth`,
+);
+
+const shouldRedirect = await useAsyncData("api-doc-auth", async () => {
+	if (!database.value?.slug || !sessionID.value) return false;
+	try {
+		const data = await $fetch<{ result: boolean }>(
+			`${config.public.apiBase}${database.value.slug}/auth/current`,
+			{
+				credentials: "include",
+				query: {
+					isSignedIn: true,
+					[`${database.value.slug}_sid`]: sessionID.value,
+				},
+			},
+		);
+		return data.result;
+	} catch (error) {
+		return false;
+	}
+});
+
+if (shouldRedirect.data.value) {
+	await navigateTo(
+		`${route.params.database ? `/${route.params.database}` : ""}/admin/api`,
+	);
+}
+
+const publicTables = computed(() =>
+	(database.value?.tables ?? [])
+		.filter(
+			({ allowedMethods, show }) =>
+				allowedMethods?.includes("r") && show !== false,
+		)
+		.map((tableItem) => {
+			const baseSlug = database.value?.slug ?? "inicontent";
+			const basePath = `${config.public.apiBase}${baseSlug}/${tableItem.slug}`;
+			return {
+				...tableItem,
+				http: "GET",
+				collectionPath: `${basePath}?page=1&limit=25`,
+				singlePath: `${basePath}/{id}`,
+			};
+		}),
+);
+
+useHead({
+	title: `${t(database.value?.slug ?? "inicontent")} | ${t("publicApiTitle")}`,
+	meta: [
+		{
+			name: "description",
+			content: `Public read-only API for ${database.value?.slug ?? "inicontent"}. Browse publicly accessible table endpoints.`,
+		},
+	],
+});
+</script>
+
+<style scoped>
+.api-endpoint {
+    background-color: rgba(0, 0, 0, 0.04);
+    border-radius: 6px;
+    padding: 6px 8px;
+    overflow-x: auto;
+    display: block;
+    font-family: inherit;
+}
+</style>

package/app/pages/[[database]]/auth/index.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="centerCard">
+		<Auth />
+	</div>
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	layout: "dashboard",
+	middleware: ["database", "user", "dashboard", "global"],
+})
+</script>

package/app/pages/[[database]]/auth/reset.vue

@@ -0,0 +1,10 @@
+<template>
+	<AuthReset />
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+	layout: "dashboard",
+	middleware: ["database", "user", "dashboard", "global"],
+})
+</script>

package/app/pages/[[database]]/index.vue

@@ -0,0 +1,10 @@
+<template></template>
+
+<script lang="ts" setup>
+definePageMeta({
+	layout: "dashboard",
+	middleware: ["database", "user", "dashboard", "global"],
+})
+
+await navigateTo("admin")
+</script>