Merge branch 'main' of github.com:pockethost/pockethost

This commit is contained in:
Ben Allfree 2025-07-19 14:02:44 +00:00
commit fdbd6bb275
10 changed files with 129 additions and 126 deletions

View File

@ -13,6 +13,10 @@
@apply mt-2 mb-2;
}
.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
quotes: none;
}
.docs-content img {
@apply border-accent rounded-lg border;
}

View File

@ -48,24 +48,24 @@
{#if isReady}
<div class="flex flex-row items-center justify-between mb-6 gap-4 pl-4 sm:pl-6 lg:pl-8 pr-2">
<div>
<div class="flex items-center gap-2">
<h2 class="text-4xl md:text-left text-base-content font-bold mb-3 break-words">
<div class="flex items-center gap-3">
<h2 class="text-4xl md:text-left text-base-content font-bold break-words">
{$instance.subdomain}
</h2>
</div>
<span class="text-gray-400">
Version {$instance.version} -
<span class="capitalize">{$instance.status}</span>
<span class="bg-gray-200 text-gray-700 text-xs px-2 py-1 rounded-full">
v{$instance.version}
</span>
{#if $instance.dev}
<a
href={`/instances/${$instance.id}/dev`}
class="text-warning animate-pulse border-warning border-2 p-1 rounded"
class="text-warning animate-pulse text-2xl"
title="Dev Mode Active (SLOW)"
>
Dev Mode Active (SLOW)
🚧
</a>
{/if}
</div>
</div>
<div>
<Toggle checked={$instance.power} onChange={handlePowerChange($instance.id)} />

View File

@ -2,6 +2,7 @@
import CodeSample from '$components/CodeSample.svelte'
import CardHeader from '$src/components/cards/CardHeader.svelte'
import { DISCORD_URL, INSTANCE_URL } from '$src/env'
import { isCnameActive } from 'pockethost/common'
import { instance } from './store'
let installSnippet = `npm i pocketbase`
@ -18,43 +19,31 @@
});`
</script>
<CardHeader documentation={`/docs/accessing-instance/`}>Overview</CardHeader>
<div class="max-w-2xl">
<CardHeader documentation={`/docs/accessing-instance/`}>Overview</CardHeader>
<!-- These should be p but the inside already has p -->
<div>
<!-- These should be p but the inside already has p -->
<div>
<p class="mb-2">Your PocketBase URL is</p>
<CodeSample code={url} />
</div>
</div>
<div>
<div>
<p class="mb-2">Installing PocketBase</p>
<CodeSample code={installSnippet} />
</div>
<div>
<p class="mb-2">Connecting to Your Instance</p>
{#if $instance.cname}
{#if $instance.cname_active}
<div class="text-accent">Notice: You are in Custom Domain mode</div>
{:else}
<div class="text-error">
Notice: You are in Custom Domain mode but it is not active and will not work. Go find <a
href={DISCORD_URL}
target="_blank"
class="link"><code>.noaxis</code> on Discord</a
> to get set up.
</div>
{/if}
{/if}
<CodeSample code={connectionSnippet} />
</div>
<div>
<div>
<p class="mb-2">Connecting to Your Instance</p>
<CodeSample code={connectionSnippet} />
</div>
<div>
<p class="mb-2">Making Your First Query</p>
<CodeSample code={firstQuerySnippet} />
</div>
</div>
<div>
<div>
<p>Additional Resources:</p>
<ul class="list-disc pl-4">
<li>
@ -64,4 +53,5 @@
<a href="https://www.npmjs.com/package/pocketbase" target="_blank" class="link">PocketBase NPM Package</a>
</li>
</ul>
</div>
</div>

View File

@ -22,13 +22,15 @@
}
</script>
<CardHeader documentation={`/docs/admin-sync`}>Admin Sync</CardHeader>
<div class="max-w-2xl">
<CardHeader documentation={`/docs/admin-sync`}>Admin Sync</CardHeader>
<p class="mb-8">
<p class="mb-8">
Admin Sync ensures that your instance always has an admin account that matches the login credentials of your
pockethost.io account.
</p>
</p>
<ErrorMessage message={errorMessage} />
<ErrorMessage message={errorMessage} />
<Toggle checked={!!syncAdmin} onChange={handleChange} />
<Toggle checked={!!syncAdmin} onChange={handleChange} />
</div>

View File

@ -63,13 +63,14 @@
}
</script>
<CardHeader documentation={`/docs/delete`}>Delete Instance</CardHeader>
<div class="max-w-2xl">
<CardHeader documentation={`/docs/delete`}>Delete Instance</CardHeader>
{#if power}
{#if power}
<AlertBar message="Instance must be powered off before deleting." type="error" />
{/if}
{/if}
<div class="mb-8">
<div class="mb-8">
Deleting your instance will immediately and permanently delete your instance:
<ul class="ml-10 text-error">
<li>Your subdomain</li>
@ -79,13 +80,14 @@
<li><pre>pb_static/*</pre></li>
</ul>
If you are storing files on S3, you must delete them separately.
</div>
</div>
<ErrorMessage message={errorMessage} />
<ErrorMessage message={errorMessage} />
<form class="flex change-version-form-container-query gap-4" on:submit={handleSave}>
<form class="flex change-version-form-container-query gap-4" on:submit={handleSave}>
<button type="submit" class="btn btn-error" disabled={power || isButtonDisabled}>Delete Instance</button>
</form>
</form>
</div>
<style>
.change-version-form-container-query {

View File

@ -20,13 +20,15 @@
}
</script>
<CardHeader documentation={`/docs/dev-mode`}>Dev Mode</CardHeader>
<div class="max-w-2xl">
<CardHeader documentation={`/docs/dev-mode`}>Dev Mode</CardHeader>
<p class="mb-8">
<p class="mb-8">
Starting with PocketBase v0.20.1, your instance will show debugging output in the instance logs. Performance is
degraded while Dev Mode is active.
</p>
</p>
<ErrorMessage message={errorMessage} />
<ErrorMessage message={errorMessage} />
<Toggle onChange={handleChange} checked={!!dev} onClass="warning" />
<Toggle onChange={handleChange} checked={!!dev} onClass="warning" />
</div>

View File

@ -15,14 +15,15 @@
const ftpUrl = FTP_URL(email)
</script>
<CardHeader documentation={`/docs/ftp`}>FTP Access</CardHeader>
<div class="mb-8">Securely access your instance files via FTPS. Use your PocketHost account login and password.</div>
<div class="max-w-2xl">
<CardHeader documentation={`/docs/ftp`}>FTP Access</CardHeader>
<div class="mb-8">Securely access your instance files via FTPS. Use your PocketHost account login and password.</div>
<div class="mb-12">
<div class="mb-12">
<CodeSample code={`ftp ${ftpUrl}`} language={bash} />
</div>
</div>
<table class="table">
<table class="table">
<thead>
<tr>
<th class="border-b-2 border-neutral">Directory</th>
@ -48,4 +49,5 @@
<td>The PocketBase JS hooks directory</td>
</tr>
</tbody>
</table>
</table>
</div>

View File

@ -59,7 +59,7 @@
}
</script>
<div class="max-w-lg">
<div class="max-w-2xl">
<CardHeader documentation={`/docs/rename-instance`}>Rename Instance</CardHeader>
<p class="mb-8">

View File

@ -14,6 +14,7 @@
<title>{subdomain} secrets - PocketHost</title>
</svelte:head>
<!-- Consistency is key -->
<CardHeader>Secrets</CardHeader>
<SecretsInner />
<div class="max-w-2xl">
<CardHeader>Secrets</CardHeader>
<SecretsInner />
</div>

View File

@ -88,7 +88,7 @@
<a href="https://github.com/pocketbase/pocketbase/releases" class="link">every minor release</a> of PocketBase.
</div>
{#if $is23Available || is23OrHigher}
{#if !is23OrHigher}
<div class="mb-8 bg-info p-4 rounded text-info-content">
<p class="font-bold text-xl">Attention v0.23.* users:</p>
<p>v0.22.* to v0.23.* is a major migration boundary and requires a manual migration process.</p>