inicontent 1.0.0

package/app/plugins/offline-warmup.client.ts

@@ -0,0 +1,53 @@
+/**
+ * Warm the runtime caches on the very first visit.
+ *
+ * The page's boot requests — notably the database metadata fetch in
+ * middleware/database.ts — fire before the freshly installed service worker
+ * activates and claims the page. They are therefore NOT intercepted by workbox
+ * and never populate the runtime caches, so offline used to work only from the
+ * second visit onward.
+ *
+ * When the service worker takes control for the first time (clientsClaim), we
+ * reload the page once: every boot request on the reloaded page flows through
+ * the SW, caching the DB metadata (and anything else requested early) plus the
+ * still-warming chunks. Offline then works from the very first visit.
+ *
+ * The reload is a one-shot: `sessionStorage` survives the reload and the module
+ * flag guards the rest of the page's lifetime, so a later SW update that
+ * re-claims the page never triggers another reload.
+ */
+export default defineNuxtPlugin(() => {
+	if (typeof navigator === "undefined" || !("serviceWorker" in navigator))
+		return;
+
+	// Already controlled: this page's boot requests were intercepted and the
+	// caches are warm — no reload needed.
+	if (navigator.serviceWorker.controller) return;
+
+	const WARMED_FLAG = "inicontent:sw-first-claim-warmed";
+	let reloadRequested = false;
+
+	const hasWarmed = () => {
+		try {
+			return sessionStorage.getItem(WARMED_FLAG) !== null;
+		} catch {
+			return reloadRequested;
+		}
+	};
+
+	const markWarmed = () => {
+		reloadRequested = true;
+		try {
+			sessionStorage.setItem(WARMED_FLAG, "1");
+		} catch {
+			/* the module flag still prevents a second reload this page */
+		}
+	};
+
+	navigator.serviceWorker.addEventListener("controllerchange", () => {
+		if (!navigator.serviceWorker.controller) return;
+		if (hasWarmed()) return;
+		markWarmed();
+		window.location.reload();
+	});
+});

package/app/plugins/template-globals.ts

@@ -0,0 +1,9 @@
+import * as composables from "@/composables";
+
+export default defineNuxtPlugin((nuxtApp) => {
+	for (const [key, val] of Object.entries(composables)) {
+		if (typeof val === "function") {
+			(nuxtApp.vueApp.config.globalProperties as any)[key] = val;
+		}
+	}
+});

package/app/spa-loading-template.html

@@ -0,0 +1,93 @@
+<div id="loaderDIV">
+    <svg id="loaderSVG" width="283.953125" height="60.5859375" viewBox="0 0 283.953125 62.5859375"
+        xmlns="http://www.w3.org/2000/svg" style="vertical-align: text-top;">
+        <title>Loading</title>
+        <g stroke-linecap="round" stroke="#000" fill="transparent">
+            <path d="M10.87 60L5.89 60L5.89 17.17L10.87 17.17L10.87 60Z"
+                style="stroke-dasharray: 95, 97;stroke-dashoffset: 96;animation: 1000ms linear 0ms infinite alternate forwards running STAdraw;">
+            </path>
+            <path
+                d="M48.72 60L43.86 60L43.86 39.23Q43.86 35.30 42.07 33.37Q40.28 31.44 36.47 31.44L36.47 31.44Q31.44 31.44 29.09 34.16Q26.75 36.88 26.75 43.15L26.75 43.15L26.75 60L21.88 60L21.88 27.89L25.84 27.89L26.63 32.29L26.87 32.29Q28.36 29.91 31.05 28.61Q33.75 27.30 37.06 27.30L37.06 27.30Q42.86 27.30 45.79 30.10Q48.72 32.90 48.72 39.05L48.72 39.05L48.72 60Z"
+                style="stroke-dasharray: 169, 171; stroke-dashoffset: 170;">
+            </path>
+            <path
+                d="M63.57 27.89L63.57 60L58.71 60L58.71 27.89L63.57 27.89ZM58.30 19.19L58.30 19.19Q58.30 17.52 59.12 16.74Q59.94 15.97 61.17 15.97L61.17 15.97Q62.34 15.97 63.19 16.76Q64.04 17.55 64.04 19.19L64.04 19.19Q64.04 20.83 63.19 21.64Q62.34 22.44 61.17 22.44L61.17 22.44Q59.94 22.44 59.12 21.64Q58.30 20.83 58.30 19.19Z"
+                style="stroke-dasharray: 93, 95; stroke-dashoffset: 94;">
+            </path>
+            <path
+                d="M86.72 60.59L86.72 60.59Q79.75 60.59 75.92 56.29Q72.10 52.00 72.10 44.15L72.10 44.15Q72.10 36.09 75.98 31.70Q79.86 27.30 87.04 27.30L87.04 27.30Q89.36 27.30 91.67 27.80Q93.98 28.30 95.30 28.97L95.30 28.97L93.81 33.11Q92.20 32.46 90.29 32.04Q88.39 31.61 86.92 31.61L86.92 31.61Q77.14 31.61 77.14 44.09L77.14 44.09Q77.14 50.01 79.53 53.17Q81.91 56.34 86.60 56.34L86.60 56.34Q90.62 56.34 94.83 54.61L94.83 54.61L94.83 58.92Q91.61 60.59 86.72 60.59Z"
+                style="stroke-dasharray: 127, 129; stroke-dashoffset: 128;">
+            </path>
+            <path
+                d="M130.17 43.92L130.17 43.92Q130.17 51.77 126.21 56.18Q122.26 60.59 115.28 60.59L115.28 60.59Q110.98 60.59 107.64 58.56Q104.30 56.54 102.48 52.76Q100.66 48.98 100.66 43.92L100.66 43.92Q100.66 36.06 104.59 31.68Q108.52 27.30 115.49 27.30L115.49 27.30Q122.23 27.30 126.20 31.79Q130.17 36.27 130.17 43.92ZM105.70 43.92L105.70 43.92Q105.70 50.07 108.16 53.29Q110.63 56.51 115.40 56.51L115.40 56.51Q120.18 56.51 122.65 53.31Q125.13 50.10 125.13 43.92L125.13 43.92Q125.13 37.79 122.65 34.61Q120.18 31.44 115.34 31.44L115.34 31.44Q110.57 31.44 108.13 34.57Q105.70 37.71 105.70 43.92Z"
+                style="stroke-dasharray: 172, 174; stroke-dashoffset: 173;">
+            </path>
+            <path
+                d="M165.53 60L160.66 60L160.66 39.23Q160.66 35.30 158.88 33.37Q157.09 31.44 153.28 31.44L153.28 31.44Q148.24 31.44 145.90 34.16Q143.55 36.88 143.55 43.15L143.55 43.15L143.55 60L138.69 60L138.69 27.89L142.65 27.89L143.44 32.29L143.67 32.29Q145.17 29.91 147.86 28.61Q150.56 27.30 153.87 27.30L153.87 27.30Q159.67 27.30 162.60 30.10Q165.53 32.90 165.53 39.05L165.53 39.05L165.53 60Z"
+                style="stroke-dasharray: 169, 171; stroke-dashoffset: 170;">
+            </path>
+            <path
+                d="M185.89 56.57L185.89 56.57Q187.18 56.57 188.38 56.38Q189.58 56.19 190.28 55.99L190.28 55.99L190.28 59.71Q189.49 60.09 187.95 60.34Q186.42 60.59 185.19 60.59L185.19 60.59Q175.87 60.59 175.87 50.77L175.87 50.77L175.87 31.67L171.27 31.67L171.27 29.33L175.87 27.30L177.92 20.45L180.73 20.45L180.73 27.89L190.05 27.89L190.05 31.67L180.73 31.67L180.73 50.57Q180.73 53.47 182.11 55.02Q183.49 56.57 185.89 56.57Z"
+                style="stroke-dasharray: 127, 129; stroke-dashoffset: 128;">
+            </path>
+            <path
+                d="M210.26 60.59L210.26 60.59Q203.14 60.59 199.03 56.25Q194.91 51.91 194.91 44.21L194.91 44.21Q194.91 36.45 198.74 31.88Q202.56 27.30 209.00 27.30L209.00 27.30Q215.04 27.30 218.55 31.27Q222.07 35.24 222.07 41.75L222.07 41.75L222.07 44.82L199.95 44.82Q200.10 50.48 202.81 53.41Q205.52 56.34 210.44 56.34L210.44 56.34Q215.63 56.34 220.69 54.17L220.69 54.17L220.69 58.51Q218.12 59.62 215.82 60.10Q213.52 60.59 210.26 60.59ZM208.95 31.38L208.95 31.38Q205.08 31.38 202.78 33.90Q200.48 36.42 200.07 40.87L200.07 40.87L216.86 40.87Q216.86 36.27 214.80 33.82Q212.75 31.38 208.95 31.38Z"
+                style="stroke-dasharray: 186, 188; stroke-dashoffset: 187;">
+            </path>
+            <path
+                d="M257.20 60L252.33 60L252.33 39.23Q252.33 35.30 250.55 33.37Q248.76 31.44 244.95 31.44L244.95 31.44Q239.91 31.44 237.57 34.16Q235.22 36.88 235.22 43.15L235.22 43.15L235.22 60L230.36 60L230.36 27.89L234.32 27.89L235.11 32.29L235.34 32.29Q236.84 29.91 239.53 28.61Q242.23 27.30 245.54 27.30L245.54 27.30Q251.34 27.30 254.27 30.10Q257.20 32.90 257.20 39.05L257.20 39.05L257.20 60Z"
+                style="stroke-dasharray: 169, 171; stroke-dashoffset: 170;">
+            </path>
+            <path
+                d="M277.56 56.57L277.56 56.57Q278.85 56.57 280.05 56.38Q281.25 56.19 281.95 55.99L281.95 55.99L281.95 59.71Q281.16 60.09 279.62 60.34Q278.09 60.59 276.86 60.59L276.86 60.59Q267.54 60.59 267.54 50.77L267.54 50.77L267.54 31.67L262.94 31.67L262.94 29.33L267.54 27.30L269.59 20.45L272.40 20.45L272.40 27.89L281.72 27.89L281.72 31.67L272.40 31.67L272.40 50.57Q272.40 53.47 273.78 55.02Q275.16 56.57 277.56 56.57Z"
+                style="stroke-dasharray: 127, 129; stroke-dashoffset: 128;">
+            </path>
+        </g>
+    </svg>
+</div>
+<style>
+    #loaderDIV {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        position: fixed;
+        z-index: 1031;
+        background-color: #fff;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        overflow: hidden;
+    }
+
+    #loaderSVG {
+        fill: transparent;
+        fill-opacity: 0;
+    }
+
+    #loaderSVG>g {
+        stroke: #333333;
+        stroke-width: 2px;
+    }
+
+    #loaderSVG path {
+        animation: 1000ms linear 0ms infinite normal forwards running STAdraw
+    }
+
+    @keyframes STAdraw {
+        to {
+            stroke-dashoffset: 0;
+            fill-opacity: 1;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+        #loaderDIV {
+            background-color: #18181c;
+        }
+
+        #loaderSVG>g {
+            stroke: #fff;
+        }
+    }
+</style>

package/biome.json

@@ -0,0 +1,53 @@
+{
+	"$schema": "https://biomejs.dev/schemas/2.3.8/schema.json",
+	"vcs": {
+		"enabled": true,
+		"clientKind": "git",
+		"useIgnoreFile": true
+	},
+	"files": {
+		"ignoreUnknown": false
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "tab"
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "double"
+		}
+	},
+	"assist": {
+		"enabled": true,
+		"actions": {
+			"source": {
+				"organizeImports": "on"
+			}
+		}
+	},
+	"overrides": [
+		{
+			"includes": ["**/*.svelte", "**/*.astro", "**/*.vue"],
+			"linter": {
+				"rules": {
+					"style": {
+						"useConst": "off",
+
+						"useImportType": "off"
+					},
+					"correctness": {
+						"noUnusedVariables": "off",
+
+						"noUnusedImports": "off"
+					}
+				}
+			}
+		}
+	]
+}

package/index.d.ts

@@ -0,0 +1,380 @@
+import type {
+	ComparisonOperator,
+	Data,
+	TableObject,
+	Field as dbField,
+	FieldType as dbFieldType,
+	pageInfo,
+} from "inibase";
+import type { DataTableColumns, SelectOption } from "naive-ui";
+import type { MessageApiInjection } from "naive-ui/es/message/src/MessageProvider";
+import type { NotificationApiInjection } from "naive-ui/es/notification/src/NotificationProvider";
+import type languages from "~/composables/Translation/languages";
+
+// type onCreateCallback = (index: number) => any
+// type onCreateType = string | number | boolean | Data | onCreateType[]
+
+interface SingleLanguageTranslations {
+	[key: string]: string | SingleLanguageTranslations;
+}
+
+declare global {
+	interface Window {
+		$message: MessageApiInjection;
+		$notification: NotificationApiInjection;
+	}
+	type CMS_FieldType =
+		| "text"
+		| "textarea"
+		| "radio"
+		| "checkbox"
+		| "tags"
+		| "color"
+		| "select"
+		| "role"
+		| "mention"
+		| "icon"
+		| "multiple"
+		| "slider"
+		| "asset"
+		| "range"
+		| "array-select"
+		| "array-asset"
+		| "array-table"
+		| "locale"
+		| "custom"
+		| "emailTemplate";
+	type DB_FieldType = dbFieldType;
+	type Field = Omit<dbField, "type" | "children"> & {
+		type: CMS_FieldType | DB_FieldType | DB_FieldType[];
+		children?: DB_FieldType | DB_FieldType[] | Schema;
+		subType?: CMS_FieldType;
+		accept?: string[];
+		isArray?: boolean;
+		searchIn?: string[];
+		image?: string;
+		options?: (
+			| (string | number)
+			| SelectOption
+			| Record<string, string | number | (string | number)[]>
+			| [string | number, string]
+		)[];
+		labelProps?: any;
+		inputProps?: any;
+		onCreate?: any;
+		onDelete?: (index: number) => void;
+		isTable?: boolean;
+		disableActions?: boolean;
+		disableItemActions?: boolean;
+		defaultValue?: any;
+		custom?: boolean;
+		min?: number;
+		max?: number;
+		date?:
+			| "date"
+			| "datetime"
+			| "daterange"
+			| "datetimerange"
+			| "month"
+			| "monthrange"
+			| "year"
+			| "yearrange"
+			| "quarter"
+			| "quarterrange"
+			| "week";
+		expand?: boolean;
+		suffix?: string;
+		optimize?: boolean;
+		where?: string | Record<string, any>;
+		description?: string;
+		render?: any;
+		extraActions?: VNode | undefined;
+		extraButtons?: VNode | undefined;
+		itemExtraActions?: (index: number) => VNode | undefined;
+		itemExtraButtons?: (index: number) => VNode | VNode[] | undefined;
+		width?: number;
+		labelKey?: string;
+		label?: any;
+	};
+	type Schema = Field[];
+	type FlowType = (
+		| [
+				"set",
+				string | null,
+				string | number | boolean | null | (string | number | boolean | null)[],
+		  ]
+		| ["unset", null | string | string[]]
+		| ["error", null | string]
+		| ["email", null | string, null | string]
+		| [
+				`@${"user" | "data" | "where"}.${string | number}` | "@method",
+				ComparisonOperator,
+				string | number | boolean | null | (string | number | boolean | null)[],
+		  ]
+		| [null, null, null]
+	)[];
+	type TableImportStatus = {
+		id: string;
+		state: "queued" | "running" | "completed" | "failed";
+		fileName: string;
+		format: "csv" | "json";
+		progress: number;
+		processedRows: number;
+		processedBytes: number;
+		totalBytes: number;
+		createdAt: number;
+		updatedAt: number;
+		startedAt?: number;
+		finishedAt?: number;
+		error?: string;
+	};
+	type Table = {
+		id?: string;
+		slug: string;
+		label?: string;
+		icon?: string;
+		defaultSearchableColumns?: number[];
+		defaultTableColumns?: number[];
+		allowedMethods?: string;
+		schema?: Schema;
+		onRequest?: FlowType[];
+		onResponse?: FlowType[];
+		currentJob?: "export" | "import";
+		config?: TableObject["config"] & { log?: boolean; realtime?: boolean };
+		customLabel?: (item?: Item) => string;
+		customLabelColumns?: string[];
+		columns?: string[];
+		displayAs?: "table" | "kanban" | "cards";
+		groupBy?: string;
+		show?: boolean;
+		size?: number;
+	};
+	type Item = Data & {
+		createdBy?: User;
+	};
+	type SchedulesPreset = "hourly" | "daily" | "weekly" | "monthly" | "custom";
+	type Schedules = Item & {
+		databaseSlug: string;
+		table: string;
+		name: string;
+		preset?: SchedulesPreset;
+		cronExpression: string;
+		timezone: "UTC";
+		isActive: boolean;
+		payload: Record<string, any>;
+		excludeWeekdays?: number[];
+		nextRunAt?: number;
+		lastRunAt?: number;
+		lastError?: string;
+	};
+	type User = Item & {
+		username: string;
+		email: string;
+		password: string;
+		role: string;
+	};
+	type Database = Item & {
+		slug?: string;
+		icon?: Asset;
+		primaryColor?: string;
+		primaryDarkColor?: string;
+		domains?: string[];
+		primaryLanguage?: LanguagesType;
+		secondaryLanguages?: LanguagesType[];
+		roles?: { name: string; id: string }[];
+		tables?: Table[];
+		size?: number;
+		email?: {
+			smtp_host?: string;
+			smtp_port?: number;
+			smtp_user?: string;
+			smtp_pass?: string;
+			smtp_secure?: boolean;
+			from_email?: string;
+			from_name?: string;
+		};
+	};
+	type DatabaseExportStatus = {
+		id: string;
+		databaseSlug: string;
+		state: "queued" | "running" | "completed" | "failed" | "expired";
+		progress: number;
+		processedBytes: number;
+		totalBytes: number;
+		destination: "tenant" | "platform";
+		consistency: "best-effort";
+		createdAt: number;
+		updatedAt: number;
+		expiresAt: number;
+		startedAt?: number;
+		finishedAt?: number;
+		error?: string;
+	};
+	type apiResponse<T = any> = {
+		result: T;
+		message: string;
+		options: pageInfo;
+		code: string | number;
+	};
+	type Asset = Item & {
+		name: string;
+		type: string;
+		extension: string;
+		size: number;
+		publicURL: string;
+	};
+	type Backup = Item & {
+		name: string;
+		extension: string;
+		size: number;
+		publicURL?: string;
+		type?: "full" | "table";
+		table?: string;
+		automatic?: boolean;
+		state?: "queued" | "running" | "completed" | "failed";
+		error?: string;
+		restoreState?: "running" | "completed" | "failed";
+		restoreError?: string;
+		restoredAt?: number;
+	};
+	type ThemeConfig = {
+		primaryColor: string;
+		primaryColorHover: string;
+		primaryColorPressed: string;
+		primaryColorSuppl: string;
+		revert?: boolean;
+	};
+
+	type LanguagesType = (typeof languages)[number];
+
+	interface TranslationsType {
+		[language in LanguagesType]: SingleLanguageTranslations;
+	}
+
+	type searchTypeValueItem =
+		| [string | null, string, any]
+		| [string | null, string, any, any];
+	type searchTypeValue = (searchTypeValueItem | searchType)[];
+	type searchType = {
+		and?: searchTypeValue;
+		or?: searchTypeValue;
+	};
+
+	type TableRef = {
+		search?: searchType;
+		columns?: DataTableColumns<any>;
+		delete: (id?: string | string[]) => Promise<void>;
+		data?: apiResponse<Item[]>;
+	};
+
+	type FormRef = {
+		create: () => Promise<void>;
+		update: () => Promise<void>;
+		delete: () => Promise<void>;
+		schema: Schema;
+		data?: Item;
+	};
+
+	type DrawerRef = {
+		show?: boolean;
+		id?: string | number;
+		table?: string;
+		data?: Item;
+		schema?: Schema;
+		width?: number | string;
+		nestedWidthIncrements?: number[];
+		mode?: "view" | "edit";
+	}[];
+
+	type TablesCookie = Record<
+		string,
+		{
+			columns?: number[];
+			view?: "kanban" | "table";
+			size?: "small" | "medium" | "large";
+		}
+	>;
+
+	type WidgetType = "counter" | "line" | "bar" | "pie" | "table";
+	type WidgetSize = "small" | "medium" | "large";
+	type WidgetOperation = "count" | "sum" | "max" | "min";
+	type WidgetDateRange = "7d" | "30d" | "90d" | "1y" | "all";
+
+	type Widget = {
+		id: string;
+		icon?: string;
+		type: WidgetType;
+		title: string;
+		table: string;
+		field?: string;
+		operation?: WidgetOperation;
+		groupBy?: string;
+		dateField?: string;
+		dateRange?: WidgetDateRange;
+		limit?: number;
+		color?: string;
+		size?: WidgetSize;
+		searchArray?: searchType;
+		columns?: string[];
+		sortField?: string;
+		sortOrder?: "asc" | "desc";
+	};
+
+	type Dashboard = Item & {
+		name: string;
+		description?: string;
+		icon?: string;
+		widgets?: Widget[];
+	};
+}
+declare module "nuxt/schema" {
+	interface runtimeConfig {
+		public: {
+			apiBase: string;
+			idOne: string;
+			database?: string;
+		};
+	}
+}
+
+import type * as _LayerComposables from "./app/composables/index";
+/** All function exports from layer composables become available as Vue template globals */
+// biome-ignore lint/suspicious/noExplicitAny: required for TypeScript function-type discrimination in conditional mapped types
+type LayerComposables = {
+	[K in keyof _LayerComposables as _LayerComposables[K] extends (
+		...args: any[]
+	) => any
+		? K
+		: never]: _LayerComposables[K];
+};
+
+declare module "vue" {
+	interface ComponentCustomProperties extends LayerComposables {}
+}
+
+export type {
+	CMS_FieldType,
+	DB_FieldType,
+	Field,
+	Schema,
+	Table,
+	User,
+	Item,
+	Database,
+	Asset,
+	Backup,
+	apiResponse,
+	ThemeConfig,
+	LanguagesType,
+	TranslationsType,
+	TableRef,
+	FormRef,
+	DrawerRef,
+	TablesCookie,
+	WidgetType,
+	WidgetSize,
+	WidgetOperation,
+	WidgetDateRange,
+	Widget,
+	Dashboard,
+};

package/modules/naiveui.ts

@@ -0,0 +1,41 @@
+import { addComponent, defineNuxtModule } from "@nuxt/kit"
+import naive from "naive-ui"
+
+export default defineNuxtModule({
+	hooks: {
+		"prepare:types": ({ references }) => {
+			references.push({
+				types: "naive-ui/volar",
+			})
+		},
+	},
+	setup(_options, _nuxt) {
+		// Setup transpile
+		const transpile = process.env.NODE_ENV === "production" ? ["naive-ui"] : []
+		if (!_nuxt.options.build.transpile)
+			_nuxt.options.build.transpile = transpile
+		else
+			_nuxt.options.build.transpile =
+				_nuxt.options.build.transpile.concat(transpile)
+
+		for (const key of Object.keys(naive).filter((name) =>
+			/^N[A-Z]|n-[a-z]/.test(name),
+		)) {
+			// Add types for each component.
+			//
+			// NOTE: these must stay `global: false` (the default). Registering
+			// every naive-ui component as a runtime global forces Nuxt to
+			// eagerly import the whole library (all ~100 components + their
+			// dark/rtl styles) into the initial SPA shell chunk. With the
+			// default mode Nuxt still resolves N* components used in SFC
+			// templates at compile time, but only bundles the ones actually
+			// referenced (and code-splits them per chunk).
+			addComponent({
+				export: key,
+				name: key,
+				filePath: "naive-ui",
+				mode: "all",
+			})
+		}
+	},
+})