Files
Stirling-PDF/frontend/editor/src/desktop/hooks/useEnableMeteredBilling.ts
T
Reece BrowneandClaude Opus 4.7 0a50e765b7 Restructure/frontend editor (#6404)
## Move editor under `frontend/editor/`

Pure restructure: `frontend/` becomes the workspace, `frontend/editor/`
holds
  the PDF editor. 1775 file renames + 40 wiring edits. No logic changes.

  ### Why

`frontend/` is currently the editor — its `src/`, `public/`,
`src-tauri/`,
  config files all sit at the root. Promoting `frontend/` to a
workspace and putting the editor in a sibling folder leaves room for
future
apps to drop in alongside it, sharing one `package.json` /
`node_modules` /
  lint config / Storybook.

  ### What moves

  frontend/
  ├── editor/                ← NEW: everything editor-specific
  │   ├── src/               ← was frontend/src/
  │   ├── public/            ← was frontend/public/
  │   ├── src-tauri/         ← was frontend/src-tauri/
│ ├── index.html, vite.config.ts, vitest.config.ts, playwright.config.ts
  │   ├── tsconfig*.json, tailwind.config.js, postcss.config.js
  │   ├── scripts/
  │   ├── .env, .env.desktop, .env.saas
  │   └── DeveloperGuide.md
├── package.json, package-lock.json, node_modules/ ← workspace install
  ├── eslint.config.mjs, .prettierrc, .prettierignore ← shared tooling
  ├── .gitignore
  └── README.md

  ### Wiring edits (40 files)

  - `.taskfiles/frontend.yml`, `desktop.yml`, `e2e.yml`
  - `build.gradle`, `app/core/build.gradle`
- `eslint.config.mjs`, `frontend/package.json`, `.gitignore`,
`.prettierignore`
  - `docker/frontend/Dockerfile`
  - 8 `.github/workflows/*.yml`, plus `.github/dependabot.yml`,
    `.github/config/.files.yaml`, `.github/labeler-config-srvaroa.yml`
  - `scripts/translations/**`
- Docs: `AGENTS.md`, `CLAUDE.md`, `ADDING_TOOLS.md`,
`DeveloperGuide.md`,
`WINDOWS_SIGNING.md`, `devGuide/HowToAddNewLanguage.md`,
`frontend/README.md`,
    `frontend/editor/DeveloperGuide.md`

Plus 3 renamed + edited: `editor/vite.config.ts` (env path +
node_modules
  walk-up), `editor/scripts/setup-env.mts` (renamed from `.ts` for
`import.meta.url`), `editor/scripts/build-provisioner.mjs` (resolve
src-tauri
  relative to script).

  ### Verification

  | Check | Result |
  |---|---|
  | `task frontend:typecheck:all` (6 variants) | exit 0 |
  | `task frontend:lint` (eslint + dpdm) | exit 0 |
  | `task frontend:format:check` | exit 0 |
  | `task frontend:test` | 657 tests pass, 50 files |
| `task frontend:build:{core,proprietary,saas,desktop,prototypes}` | all
green |
| `task desktop:build` | full Tauri pipeline →
`Stirling-PDF_2.11.0_x64_en-US.msi` |
  | `playwright test --list --project=stubbed` | 172 tests discovered |

`task desktop:build` exercises the heaviest path — Rust + WiX + MSI
bundle
against the moved `editor/src-tauri/`. If anything in the restructure
was
  wrong it wouldn't have built.

  ### Test plan

  - [ ] `frontend-validation.yml` green
  - [ ] `e2e-stubbed.yml` green
  - [ ] `tauri-build.yml` green on at least one platform
  - [ ] `check_toml.yml` runs on a translation-touching PR

---------

Co-authored-by: Claude Opus 4.7 (1M context) <[email protected]>
2026-05-22 13:40:34 +01:00

70 lines
2.2 KiB
TypeScript

import { useState } from "react";
import { supabase } from "@app/auth/supabase";
import { authService } from "@app/services/authService";
/**
* Shared hook for enabling metered (overage) billing via Supabase edge function.
* Used by CreditExhaustedModal and InsufficientCreditsModal to avoid duplicate logic.
*
* @param refreshBilling - Callback to refresh billing state after success
* @param onSuccess - Callback invoked after billing is enabled and refreshed
* @param logPrefix - Label used in console messages for easier tracing
*/
export function useEnableMeteredBilling(
refreshBilling: () => Promise<void>,
onSuccess: () => void,
logPrefix: string,
): {
enablingMetering: boolean;
meteringError: string | null;
handleEnableMetering: () => Promise<void>;
} {
const [enablingMetering, setEnablingMetering] = useState(false);
const [meteringError, setMeteringError] = useState<string | null>(null);
const handleEnableMetering = async () => {
console.debug(`[${logPrefix}] Enabling metered billing`);
setEnablingMetering(true);
setMeteringError(null);
try {
const token = await authService.getAuthToken();
if (!token) {
throw new Error("Not authenticated");
}
const { data, error } = await supabase.functions.invoke(
"create-meter-subscription",
{
method: "POST",
headers: { Authorization: `Bearer ${token}` },
},
);
if (error) {
throw new Error(error.message || "Failed to enable metered billing");
}
if (!data?.success) {
throw new Error(
data?.error || data?.message || "Failed to enable metered billing",
);
}
console.debug(`[${logPrefix}] Metered billing enabled successfully`);
await refreshBilling();
onSuccess();
} catch (err: unknown) {
const message =
err instanceof Error ? err.message : "Failed to enable metered billing";
console.error(`[${logPrefix}] Failed to enable metered billing:`, err);
setMeteringError(message);
} finally {
setEnablingMetering(false);
}
};
return { enablingMetering, meteringError, handleEnableMetering };
}