@sevenfold/setto-client 0.1.0

package/dist/theme-target-utils.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties, MouseEvent } from 'react';
+/** Returns true when the click target is editable text or Setto UI chrome. */
+export declare function isTextEditClick(target: HTMLElement): boolean;
+/** True when the click landed on a nested theme target inside `container`. */
+export declare function isNestedThemeTarget(target: HTMLElement, container: HTMLElement): boolean;
+export declare function handleThemeTargetClick(e: MouseEvent<HTMLElement>, editMode: boolean, themeId: string, selected: boolean, selectSection: (id: string | null) => void, onClick?: (e: MouseEvent<HTMLElement>) => void): void;
+export declare function themeTargetEditStyle(editMode: boolean, selected: boolean): CSSProperties;

package/dist/types.d.ts

@@ -0,0 +1,62 @@
+import type { SectionSchema } from './section-schema';
+export interface BrandColor {
+    /** Display name in the swatch picker, e.g. 'Beige'. */
+    label: string;
+    /** CSS colour value from the site palette, e.g. '#E6DCCF'. */
+    value: string;
+}
+export interface SettoConfig {
+    /** Stable slug identifying the site, e.g. 'carryon-no'. */
+    siteId: string;
+    /** Base URL of setto-server, e.g. 'https://api.setto.no'. */
+    apiUrl: string;
+    /** Supabase project credentials. */
+    supabase: {
+        url: string;
+        anonKey: string;
+    };
+    /** Bundled section colour theme (used before / outside edit baseline). */
+    theme?: Record<string, Record<string, string>>;
+    /** GitHub path for the theme file, e.g. 'src/theme/sections.json'. */
+    themePath?: string;
+    /**
+     * Site brand palette — the only colours offered in the section colour toolbar.
+     * Must match the tokens used in Tailwind/CSS on the host site.
+     */
+    brandColors?: BrandColor[];
+    /**
+     * Per-section colour field definitions for the edit toolbar.
+     * Keys must match `sectionId` on `<SettoSection>`.
+     */
+    sectionSchemas?: Record<string, SectionSchema>;
+}
+export interface DeploymentRow {
+    id: string;
+    site_id: string;
+    commit_sha: string;
+    vercel_deployment_id: string | null;
+    status: 'pending' | 'building' | 'ready' | 'error' | 'canceled';
+    url: string | null;
+    error_message: string | null;
+    started_at: string;
+    updated_at: string;
+}
+export interface SiteRow {
+    id: string;
+    display_name: string;
+    repo_owner: string;
+    repo_name: string;
+    branch: string;
+    content_paths: string[];
+    vercel_project_id: string;
+    allowed_origins: string[];
+}
+export interface ContentFile {
+    path: string;
+    content: string;
+    sha: string;
+}
+export interface PublishResult {
+    commitSha: string;
+    deploymentId: string;
+}

package/dist/use-section-theme.d.ts

@@ -0,0 +1,2 @@
+/** Returns the current colour tokens for a section (live in edit mode). */
+export declare function useSectionTheme(sectionId: string): Record<string, string>;

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@sevenfold/setto-client",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "packageManager": "bun@1.3.7",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nitech/setto-client.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/setto-client.js",
+  "module": "./dist/setto-client.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/setto-client.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "vite build && tsc",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "i18next": ">=23.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-i18next": ">=14.0.0"
+  },
+  "dependencies": {
+    "@supabase/supabase-js": "^2.74.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "i18next": "^26.1.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-i18next": "^17.0.7",
+    "typescript": "~5.9.3",
+    "vite": "^7.2.4"
+  }
+}