Changes all documents to have an explicit type
This commit is contained in:
46
pb_migrations/1751082417_updated_documents.js
Normal file
46
pb_migrations/1751082417_updated_documents.js
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
/// <reference path="../pb_data/types.d.ts" />
|
||||||
|
migrate((app) => {
|
||||||
|
const collection = app.findCollectionByNameOrId("pbc_3332084752")
|
||||||
|
|
||||||
|
// update collection data
|
||||||
|
unmarshal({
|
||||||
|
"indexes": [
|
||||||
|
"CREATE INDEX `idx_gxNj5R3hxv` ON `documents` (`type`)"
|
||||||
|
]
|
||||||
|
}, collection)
|
||||||
|
|
||||||
|
// add field
|
||||||
|
collection.fields.addAt(3, new Field({
|
||||||
|
"hidden": false,
|
||||||
|
"id": "select2363381545",
|
||||||
|
"maxSelect": 1,
|
||||||
|
"name": "type",
|
||||||
|
"presentable": false,
|
||||||
|
"required": false,
|
||||||
|
"system": false,
|
||||||
|
"type": "select",
|
||||||
|
"values": [
|
||||||
|
"location",
|
||||||
|
"monster",
|
||||||
|
"npc",
|
||||||
|
"scene",
|
||||||
|
"secret",
|
||||||
|
"session",
|
||||||
|
"treasure"
|
||||||
|
]
|
||||||
|
}))
|
||||||
|
|
||||||
|
return app.save(collection)
|
||||||
|
}, (app) => {
|
||||||
|
const collection = app.findCollectionByNameOrId("pbc_3332084752")
|
||||||
|
|
||||||
|
// update collection data
|
||||||
|
unmarshal({
|
||||||
|
"indexes": []
|
||||||
|
}, collection)
|
||||||
|
|
||||||
|
// remove field
|
||||||
|
collection.fields.removeById("select2363381545")
|
||||||
|
|
||||||
|
return app.save(collection)
|
||||||
|
})
|
||||||
25
pb_migrations/1751082429_updated_documents.js
Normal file
25
pb_migrations/1751082429_updated_documents.js
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
/// <reference path="../pb_data/types.d.ts" />
|
||||||
|
migrate((app) => {
|
||||||
|
const collection = app.findCollectionByNameOrId("pbc_3332084752")
|
||||||
|
|
||||||
|
// update collection data
|
||||||
|
unmarshal({
|
||||||
|
"indexes": [
|
||||||
|
"CREATE INDEX `idx_gxNj5R3hxv` ON `documents` (`type`)",
|
||||||
|
"CREATE INDEX `idx_KtpMErDe1C` ON `documents` (`campaign`)"
|
||||||
|
]
|
||||||
|
}, collection)
|
||||||
|
|
||||||
|
return app.save(collection)
|
||||||
|
}, (app) => {
|
||||||
|
const collection = app.findCollectionByNameOrId("pbc_3332084752")
|
||||||
|
|
||||||
|
// update collection data
|
||||||
|
unmarshal({
|
||||||
|
"indexes": [
|
||||||
|
"CREATE INDEX `idx_gxNj5R3hxv` ON `documents` (`type`)"
|
||||||
|
]
|
||||||
|
}, collection)
|
||||||
|
|
||||||
|
return app.save(collection)
|
||||||
|
})
|
||||||
55
pb_migrations/1751082553_extract_document_types.js
Normal file
55
pb_migrations/1751082553_extract_document_types.js
Normal file
@@ -0,0 +1,55 @@
|
|||||||
|
const DocType = [
|
||||||
|
"location",
|
||||||
|
"monster",
|
||||||
|
"npc",
|
||||||
|
"scene",
|
||||||
|
"secret",
|
||||||
|
"session",
|
||||||
|
"treasure",
|
||||||
|
];
|
||||||
|
|
||||||
|
function parseJsonB(data) {
|
||||||
|
if (typeof data === "string") {
|
||||||
|
return JSON.parse(data);
|
||||||
|
} else if (data instanceof Array) {
|
||||||
|
return JSON.parse(String.fromCharCode.apply(String, data));
|
||||||
|
}
|
||||||
|
throw new Error("Unsupported data type for JSON parsing");
|
||||||
|
}
|
||||||
|
|
||||||
|
/// <reference path="../pb_data/types.d.ts" />
|
||||||
|
migrate(
|
||||||
|
(app) => {
|
||||||
|
let documents = app.findAllRecords("documents");
|
||||||
|
console.log("Records to parse: ", documents.length);
|
||||||
|
|
||||||
|
documents: for (const doc of documents) {
|
||||||
|
if (!doc) continue;
|
||||||
|
|
||||||
|
let data = parseJsonB(doc.get("data"));
|
||||||
|
|
||||||
|
if (data[""]) {
|
||||||
|
data = data[""];
|
||||||
|
}
|
||||||
|
for (const t of DocType) {
|
||||||
|
if (data[t]) {
|
||||||
|
doc.set("type", t);
|
||||||
|
doc.set("data", data[t]);
|
||||||
|
app.save(doc);
|
||||||
|
continue documents;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
throw new Error(`Unrecognized data: ${JSON.stringify(data)}`);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(app) => {
|
||||||
|
// add down queries...
|
||||||
|
let documents = app.findAllRecords("documents");
|
||||||
|
|
||||||
|
for (const doc of documents) {
|
||||||
|
if (!doc) continue;
|
||||||
|
doc.set("data", { [doc.get("type")]: doc.get("data") });
|
||||||
|
app.save(doc);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
@@ -1,13 +1,4 @@
|
|||||||
import {
|
import { type AnyDocument } from "@/lib/types";
|
||||||
isLocation,
|
|
||||||
isMonster,
|
|
||||||
isNpc,
|
|
||||||
isScene,
|
|
||||||
isSecret,
|
|
||||||
isSession,
|
|
||||||
isTreasure,
|
|
||||||
type AnyDocument,
|
|
||||||
} from "@/lib/types";
|
|
||||||
import { LocationEditForm } from "./location/LocationEditForm";
|
import { LocationEditForm } from "./location/LocationEditForm";
|
||||||
import { MonsterEditForm } from "./monsters/MonsterEditForm";
|
import { MonsterEditForm } from "./monsters/MonsterEditForm";
|
||||||
import { NpcEditForm } from "./npc/NpcEditForm";
|
import { NpcEditForm } from "./npc/NpcEditForm";
|
||||||
@@ -16,41 +7,24 @@ import { SecretEditForm } from "./secret/SecretEditForm";
|
|||||||
import { SessionEditForm } from "./session/SessionEditForm";
|
import { SessionEditForm } from "./session/SessionEditForm";
|
||||||
import { TreasureEditForm } from "./treasure/TreasureEditForm";
|
import { TreasureEditForm } from "./treasure/TreasureEditForm";
|
||||||
|
|
||||||
function assertUnreachable(_x: never): never {
|
|
||||||
throw new Error("DocumentForm switch is not exhaustive");
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders a form for any document type depending on the relationship.
|
* Renders a form for any document type depending on the relationship.
|
||||||
*/
|
*/
|
||||||
export const DocumentEditForm = ({ document }: { document: AnyDocument }) => {
|
export const DocumentEditForm = ({ document }: { document: AnyDocument }) => {
|
||||||
if (isLocation(document)) {
|
switch (document.type) {
|
||||||
return <LocationEditForm location={document} />;
|
case "location":
|
||||||
|
return <LocationEditForm location={document} />;
|
||||||
|
case "monster":
|
||||||
|
return <MonsterEditForm monster={document} />;
|
||||||
|
case "npc":
|
||||||
|
return <NpcEditForm npc={document} />;
|
||||||
|
case "scene":
|
||||||
|
return <SceneEditForm scene={document} />;
|
||||||
|
case "secret":
|
||||||
|
return <SecretEditForm secret={document} />;
|
||||||
|
case "session":
|
||||||
|
return <SessionEditForm session={document} />;
|
||||||
|
case "treasure":
|
||||||
|
return <TreasureEditForm treasure={document} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isMonster(document)) {
|
|
||||||
return <MonsterEditForm monster={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isNpc(document)) {
|
|
||||||
return <NpcEditForm npc={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isScene(document)) {
|
|
||||||
return <SceneEditForm scene={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isSecret(document)) {
|
|
||||||
return <SecretEditForm secret={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isSession(document)) {
|
|
||||||
return <SessionEditForm session={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isTreasure(document)) {
|
|
||||||
return <TreasureEditForm treasure={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
return assertUnreachable(document);
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,64 +1,33 @@
|
|||||||
// DocumentRow.tsx
|
// DocumentRow.tsx
|
||||||
// Generic row component for displaying any document type.
|
// Generic row component for displaying any document type.
|
||||||
import {
|
import { type AnyDocument } from "@/lib/types";
|
||||||
isLocation,
|
|
||||||
isMonster,
|
|
||||||
isNpc,
|
|
||||||
isScene,
|
|
||||||
isSecret,
|
|
||||||
isSession,
|
|
||||||
isTreasure,
|
|
||||||
type Document,
|
|
||||||
} from "@/lib/types";
|
|
||||||
import { LocationPrintRow } from "./location/LocationPrintRow";
|
import { LocationPrintRow } from "./location/LocationPrintRow";
|
||||||
import { MonsterPrintRow } from "./monsters/MonsterPrintRow";
|
import { MonsterPrintRow } from "./monsters/MonsterPrintRow";
|
||||||
import { TreasurePrintRow } from "./treasure/TreasurePrintRow";
|
|
||||||
import { SecretPrintRow } from "./secret/SecretPrintRow";
|
|
||||||
import { NpcPrintRow } from "./npc/NpcPrintRow";
|
import { NpcPrintRow } from "./npc/NpcPrintRow";
|
||||||
import { ScenePrintRow } from "./scene/ScenePrintRow";
|
import { ScenePrintRow } from "./scene/ScenePrintRow";
|
||||||
|
import { SecretPrintRow } from "./secret/SecretPrintRow";
|
||||||
import { SessionPrintRow } from "./session/SessionPrintRow";
|
import { SessionPrintRow } from "./session/SessionPrintRow";
|
||||||
|
import { TreasurePrintRow } from "./treasure/TreasurePrintRow";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders a row for any document type. Prioritizes Session, then Secret, then falls back to ID and creation time.
|
* Renders a row for any document type. Prioritizes Session, then Secret, then falls back to ID and creation time.
|
||||||
* If rendering a SecretRow, uses the provided session prop if available.
|
* If rendering a SecretRow, uses the provided session prop if available.
|
||||||
*/
|
*/
|
||||||
export const DocumentPrintRow = ({ document }: { document: Document }) => {
|
export const DocumentPrintRow = ({ document }: { document: AnyDocument }) => {
|
||||||
if (isLocation(document)) {
|
switch (document.type) {
|
||||||
return <LocationPrintRow location={document} />;
|
case "location":
|
||||||
|
return <LocationPrintRow location={document} />;
|
||||||
|
case "monster":
|
||||||
|
return <MonsterPrintRow monster={document} />;
|
||||||
|
case "npc":
|
||||||
|
return <NpcPrintRow npc={document} />;
|
||||||
|
case "scene":
|
||||||
|
return <ScenePrintRow scene={document} />;
|
||||||
|
case "secret":
|
||||||
|
return <SecretPrintRow secret={document} />;
|
||||||
|
case "session":
|
||||||
|
return <SessionPrintRow session={document} />;
|
||||||
|
case "treasure":
|
||||||
|
return <TreasurePrintRow treasure={document} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isMonster(document)) {
|
|
||||||
return <MonsterPrintRow monster={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isNpc(document)) {
|
|
||||||
return <NpcPrintRow npc={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isSession(document)) {
|
|
||||||
return <SessionPrintRow session={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isSecret(document)) {
|
|
||||||
return <SecretPrintRow secret={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isScene(document)) {
|
|
||||||
return <ScenePrintRow scene={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isTreasure(document)) {
|
|
||||||
return <TreasurePrintRow treasure={document} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fallback: show ID and creation time
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<div className="font-semibold text-lg text-slate-300">
|
|
||||||
Unrecognized Document
|
|
||||||
</div>
|
|
||||||
<div className="text-slate-400 text-sm">ID: {document.id}</div>
|
|
||||||
<div className="text-slate-400 text-sm">Created: {document.created}</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,17 +1,7 @@
|
|||||||
// DocumentRow.tsx
|
// DocumentRow.tsx
|
||||||
// Generic row component for displaying any document type.
|
// Generic row component for displaying any document type.
|
||||||
import { SecretToggleRow } from "@/components/documents/secret/SecretToggleRow";
|
import { SecretToggleRow } from "@/components/documents/secret/SecretToggleRow";
|
||||||
import {
|
import { type AnyDocument, type Session } from "@/lib/types";
|
||||||
isLocation,
|
|
||||||
isMonster,
|
|
||||||
isNpc,
|
|
||||||
isScene,
|
|
||||||
isSecret,
|
|
||||||
isSession,
|
|
||||||
isTreasure,
|
|
||||||
type Document,
|
|
||||||
type Session,
|
|
||||||
} from "@/lib/types";
|
|
||||||
import { BasicRow } from "./BasicRow";
|
import { BasicRow } from "./BasicRow";
|
||||||
import { TreasureToggleRow } from "./treasure/TreasureToggleRow";
|
import { TreasureToggleRow } from "./treasure/TreasureToggleRow";
|
||||||
|
|
||||||
@@ -23,63 +13,47 @@ export const DocumentRow = ({
|
|||||||
document,
|
document,
|
||||||
session,
|
session,
|
||||||
}: {
|
}: {
|
||||||
document: Document;
|
document: AnyDocument;
|
||||||
session?: Session;
|
session?: Session;
|
||||||
}) => {
|
}) => {
|
||||||
if (isLocation(document)) {
|
switch (document.type) {
|
||||||
return (
|
case "location":
|
||||||
<BasicRow
|
return (
|
||||||
doc={document}
|
<BasicRow
|
||||||
title={document.data.location.name}
|
doc={document}
|
||||||
description={document.data.location.description}
|
title={document.data.name}
|
||||||
/>
|
description={document.data.description}
|
||||||
);
|
/>
|
||||||
}
|
);
|
||||||
|
|
||||||
if (isMonster(document)) {
|
case "monster":
|
||||||
return <BasicRow doc={document} title={document.data.monster.name} />;
|
return <BasicRow doc={document} title={document.data.name} />;
|
||||||
}
|
|
||||||
|
|
||||||
if (isNpc(document)) {
|
case "npc":
|
||||||
return (
|
return (
|
||||||
<BasicRow
|
<BasicRow
|
||||||
doc={document}
|
doc={document}
|
||||||
title={document.data.npc.name}
|
title={document.data.name}
|
||||||
description={document.data.npc.description}
|
description={document.data.description}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
|
||||||
|
|
||||||
if (isSession(document)) {
|
case "session":
|
||||||
return (
|
return (
|
||||||
<BasicRow
|
<BasicRow
|
||||||
doc={document}
|
doc={document}
|
||||||
title={document.created}
|
title={document.created}
|
||||||
description={document.data.session.strongStart}
|
description={document.data.strongStart}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
|
||||||
|
|
||||||
if (isSecret(document)) {
|
case "secret":
|
||||||
return <SecretToggleRow secret={document} session={session} />;
|
return <SecretToggleRow secret={document} session={session} />;
|
||||||
}
|
|
||||||
|
|
||||||
if (isScene(document)) {
|
case "scene":
|
||||||
return <BasicRow doc={document} title={document.data.scene.text} />;
|
return <BasicRow doc={document} title={document.data.text} />;
|
||||||
}
|
|
||||||
|
|
||||||
if (isTreasure(document)) {
|
case "treasure":
|
||||||
return <TreasureToggleRow treasure={document} session={session} />;
|
return <TreasureToggleRow treasure={document} session={session} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Fallback: show ID and creation time
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<div className="font-semibold text-lg text-slate-300">
|
|
||||||
Unrecognized Document
|
|
||||||
</div>
|
|
||||||
<div className="text-slate-400 text-sm">ID: {document.id}</div>
|
|
||||||
<div className="text-slate-400 text-sm">Created: {document.created}</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -10,10 +10,7 @@ export const LocationEditForm = ({ location }: { location: Location }) => {
|
|||||||
await pb.collection("documents").update(location.id, {
|
await pb.collection("documents").update(location.id, {
|
||||||
data: {
|
data: {
|
||||||
...location.data,
|
...location.data,
|
||||||
location: {
|
name,
|
||||||
...location.data.location,
|
|
||||||
name,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -22,10 +19,7 @@ export const LocationEditForm = ({ location }: { location: Location }) => {
|
|||||||
await pb.collection("documents").update(location.id, {
|
await pb.collection("documents").update(location.id, {
|
||||||
data: {
|
data: {
|
||||||
...location.data,
|
...location.data,
|
||||||
location: {
|
description,
|
||||||
...location.data.location,
|
|
||||||
description,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -34,11 +28,11 @@ export const LocationEditForm = ({ location }: { location: Location }) => {
|
|||||||
<div className="">
|
<div className="">
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
multiline={false}
|
multiline={false}
|
||||||
value={location.data.location.name}
|
value={location.data.name}
|
||||||
onSave={saveLocationName}
|
onSave={saveLocationName}
|
||||||
/>
|
/>
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
value={location.data.location.description}
|
value={location.data.description}
|
||||||
onSave={saveLocationDescription}
|
onSave={saveLocationDescription}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -6,8 +6,8 @@ import type { Location } from "@/lib/types";
|
|||||||
export const LocationPrintRow = ({ location }: { location: Location }) => {
|
export const LocationPrintRow = ({ location }: { location: Location }) => {
|
||||||
return (
|
return (
|
||||||
<li>
|
<li>
|
||||||
<h4>{location.data.location.name}</h4>
|
<h4>{location.data.name}</h4>
|
||||||
<p>{location.data.location.description}</p>
|
<p>{location.data.description}</p>
|
||||||
</li>
|
</li>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -25,11 +25,10 @@ export const NewLocationForm = ({
|
|||||||
try {
|
try {
|
||||||
const locationDoc: Location = await pb.collection("documents").create({
|
const locationDoc: Location = await pb.collection("documents").create({
|
||||||
campaign,
|
campaign,
|
||||||
|
type: "location",
|
||||||
data: {
|
data: {
|
||||||
location: {
|
name,
|
||||||
name,
|
description,
|
||||||
description,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
setName("");
|
setName("");
|
||||||
|
|||||||
@@ -10,10 +10,7 @@ export const MonsterEditForm = ({ monster }: { monster: Monster }) => {
|
|||||||
await pb.collection("documents").update(monster.id, {
|
await pb.collection("documents").update(monster.id, {
|
||||||
data: {
|
data: {
|
||||||
...monster.data,
|
...monster.data,
|
||||||
monster: {
|
name,
|
||||||
...monster.data.monster,
|
|
||||||
name,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -22,7 +19,7 @@ export const MonsterEditForm = ({ monster }: { monster: Monster }) => {
|
|||||||
<div className="">
|
<div className="">
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
multiline={false}
|
multiline={false}
|
||||||
value={monster.data.monster.name}
|
value={monster.data.name}
|
||||||
onSave={saveMonsterName}
|
onSave={saveMonsterName}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,5 +4,5 @@ import type { Monster } from "@/lib/types";
|
|||||||
* Renders an editable monster row
|
* Renders an editable monster row
|
||||||
*/
|
*/
|
||||||
export const MonsterPrintRow = ({ monster }: { monster: Monster }) => {
|
export const MonsterPrintRow = ({ monster }: { monster: Monster }) => {
|
||||||
return <li>{monster.data.monster.name}</li>;
|
return <li>{monster.data..name}</li>;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -25,11 +25,10 @@ export const NewMonsterForm = ({
|
|||||||
try {
|
try {
|
||||||
const monsterDoc: Monster = await pb.collection("documents").create({
|
const monsterDoc: Monster = await pb.collection("documents").create({
|
||||||
campaign,
|
campaign,
|
||||||
|
type: "monster",
|
||||||
data: {
|
data: {
|
||||||
monster: {
|
name,
|
||||||
name,
|
description,
|
||||||
description,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
setName("");
|
setName("");
|
||||||
|
|||||||
@@ -25,11 +25,10 @@ export const NewNpcForm = ({
|
|||||||
try {
|
try {
|
||||||
const npcDoc: Npc = await pb.collection("documents").create({
|
const npcDoc: Npc = await pb.collection("documents").create({
|
||||||
campaign,
|
campaign,
|
||||||
|
type: "npc",
|
||||||
data: {
|
data: {
|
||||||
npc: {
|
name,
|
||||||
name,
|
description,
|
||||||
description,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
setName("");
|
setName("");
|
||||||
|
|||||||
@@ -10,10 +10,7 @@ export const NpcEditForm = ({ npc }: { npc: Npc }) => {
|
|||||||
await pb.collection("documents").update(npc.id, {
|
await pb.collection("documents").update(npc.id, {
|
||||||
data: {
|
data: {
|
||||||
...npc.data,
|
...npc.data,
|
||||||
npc: {
|
name,
|
||||||
...npc.data.npc,
|
|
||||||
name,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -22,10 +19,7 @@ export const NpcEditForm = ({ npc }: { npc: Npc }) => {
|
|||||||
await pb.collection("documents").update(npc.id, {
|
await pb.collection("documents").update(npc.id, {
|
||||||
data: {
|
data: {
|
||||||
...npc.data,
|
...npc.data,
|
||||||
npc: {
|
description,
|
||||||
...npc.data.npc,
|
|
||||||
description,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -34,11 +28,11 @@ export const NpcEditForm = ({ npc }: { npc: Npc }) => {
|
|||||||
<div className="">
|
<div className="">
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
multiline={false}
|
multiline={false}
|
||||||
value={npc.data.npc.name}
|
value={npc.data.name}
|
||||||
onSave={saveNpcName}
|
onSave={saveNpcName}
|
||||||
/>
|
/>
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
value={npc.data.npc.description}
|
value={npc.data.description}
|
||||||
onSave={saveNpcDescription}
|
onSave={saveNpcDescription}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -6,8 +6,8 @@ import type { Npc } from "@/lib/types";
|
|||||||
export const NpcPrintRow = ({ npc }: { npc: Npc }) => {
|
export const NpcPrintRow = ({ npc }: { npc: Npc }) => {
|
||||||
return (
|
return (
|
||||||
<li className="">
|
<li className="">
|
||||||
<h4>{npc.data.npc.name}</h4>
|
<h4>{npc.data.name}</h4>
|
||||||
<p>{npc.data.npc.description}</p>
|
<p>{npc.data.description}</p>
|
||||||
</li>
|
</li>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -26,10 +26,9 @@ export const NewSceneForm = ({
|
|||||||
try {
|
try {
|
||||||
const sceneDoc: Scene = await pb.collection("documents").create({
|
const sceneDoc: Scene = await pb.collection("documents").create({
|
||||||
campaign,
|
campaign,
|
||||||
|
type: "scene",
|
||||||
data: {
|
data: {
|
||||||
scene: {
|
text,
|
||||||
text,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
setText("");
|
setText("");
|
||||||
|
|||||||
@@ -13,9 +13,7 @@ export const SceneEditForm = ({ scene }: { scene: Scene }) => {
|
|||||||
await pb.collection("documents").update(scene.id, {
|
await pb.collection("documents").update(scene.id, {
|
||||||
data: {
|
data: {
|
||||||
...scene.data,
|
...scene.data,
|
||||||
scene: {
|
text,
|
||||||
text,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
queryClient.invalidateQueries({
|
queryClient.invalidateQueries({
|
||||||
@@ -25,7 +23,7 @@ export const SceneEditForm = ({ scene }: { scene: Scene }) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="">
|
<div className="">
|
||||||
<AutoSaveTextarea value={scene.data.scene.text} onSave={saveScene} />
|
<AutoSaveTextarea value={scene.data.text} onSave={saveScene} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -4,5 +4,5 @@ import type { Scene } from "@/lib/types";
|
|||||||
* Renders an editable scene row
|
* Renders an editable scene row
|
||||||
*/
|
*/
|
||||||
export const ScenePrintRow = ({ scene }: { scene: Scene }) => {
|
export const ScenePrintRow = ({ scene }: { scene: Scene }) => {
|
||||||
return <li className="">{scene.data.scene.text}</li>;
|
return <li className="">{scene.data.text}</li>;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -26,11 +26,10 @@ export const NewSecretForm = ({
|
|||||||
try {
|
try {
|
||||||
const secretDoc: Secret = await pb.collection("documents").create({
|
const secretDoc: Secret = await pb.collection("documents").create({
|
||||||
campaign,
|
campaign,
|
||||||
|
type: "secret",
|
||||||
data: {
|
data: {
|
||||||
secret: {
|
text: newSecret,
|
||||||
text: newSecret,
|
discovered: false,
|
||||||
discovered: false,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
setNewSecret("");
|
setNewSecret("");
|
||||||
|
|||||||
@@ -28,10 +28,7 @@ export const SecretEditForm = ({
|
|||||||
await pb.collection("documents").update(secret.id, {
|
await pb.collection("documents").update(secret.id, {
|
||||||
data: {
|
data: {
|
||||||
...secret.data,
|
...secret.data,
|
||||||
secret: {
|
discovered: newChecked,
|
||||||
...(secret.data as any).secret,
|
|
||||||
discovered: newChecked,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if (session || !newChecked) {
|
if (session || !newChecked) {
|
||||||
@@ -62,10 +59,7 @@ export const SecretEditForm = ({
|
|||||||
await pb.collection("documents").update(secret.id, {
|
await pb.collection("documents").update(secret.id, {
|
||||||
data: {
|
data: {
|
||||||
...secret.data,
|
...secret.data,
|
||||||
secret: {
|
text,
|
||||||
...secret.data.secret,
|
|
||||||
text,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -82,7 +76,7 @@ export const SecretEditForm = ({
|
|||||||
/>
|
/>
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
multiline={false}
|
multiline={false}
|
||||||
value={secret.data.secret.text}
|
value={secret.data.text}
|
||||||
onSave={saveText}
|
onSave={saveText}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -68,11 +68,7 @@ export const SecretToggleRow = ({
|
|||||||
aria-label="Discovered"
|
aria-label="Discovered"
|
||||||
disabled={loading}
|
disabled={loading}
|
||||||
/>
|
/>
|
||||||
<span>
|
<span>{secret.data.text}</span>
|
||||||
{(secret.data as any)?.secret?.text || (
|
|
||||||
<span className="italic text-slate-400">(No secret text)</span>
|
|
||||||
)}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -7,10 +7,7 @@ export const SessionEditForm = ({ session }: { session: Session }) => {
|
|||||||
await pb.collection("documents").update(session.id, {
|
await pb.collection("documents").update(session.id, {
|
||||||
data: {
|
data: {
|
||||||
...session.data,
|
...session.data,
|
||||||
session: {
|
strongStart,
|
||||||
...session.data.session,
|
|
||||||
strongStart,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -19,7 +16,7 @@ export const SessionEditForm = ({ session }: { session: Session }) => {
|
|||||||
<form>
|
<form>
|
||||||
<h3 className="text-lg font-bold mb-4 text-slate-100">Strong Start</h3>
|
<h3 className="text-lg font-bold mb-4 text-slate-100">Strong Start</h3>
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
value={session.data.session.strongStart}
|
value={session.data.strongStart}
|
||||||
onSave={saveStrongStart}
|
onSave={saveStrongStart}
|
||||||
placeholder="Enter a strong start for this session..."
|
placeholder="Enter a strong start for this session..."
|
||||||
aria-label="Strong Start"
|
aria-label="Strong Start"
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ export const SessionPrintRow = ({ session }: { session: Session }) => {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-lg font-bold text-slate-600">StrongStart</h3>
|
<h3 className="text-lg font-bold text-slate-600">StrongStart</h3>
|
||||||
<div className="">{session.data.session.strongStart}</div>
|
<div className="">{session.data.strongStart}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export const SessionRow = ({ session }: { session: Session }) => {
|
|||||||
>
|
>
|
||||||
<FormattedDate date={session.created} />
|
<FormattedDate date={session.created} />
|
||||||
</Link>
|
</Link>
|
||||||
<div className="">{session.data.session.strongStart}</div>
|
<div className="">{session.data.strongStart}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -26,11 +26,10 @@ export const NewTreasureForm = ({
|
|||||||
try {
|
try {
|
||||||
const treasureDoc: Treasure = await pb.collection("documents").create({
|
const treasureDoc: Treasure = await pb.collection("documents").create({
|
||||||
campaign,
|
campaign,
|
||||||
|
type: "treasure",
|
||||||
data: {
|
data: {
|
||||||
treasure: {
|
text: newTreasure,
|
||||||
text: newTreasure,
|
discovered: false,
|
||||||
discovered: false,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
setNewTreasure("");
|
setNewTreasure("");
|
||||||
|
|||||||
@@ -62,10 +62,7 @@ export const TreasureEditForm = ({
|
|||||||
await pb.collection("documents").update(treasure.id, {
|
await pb.collection("documents").update(treasure.id, {
|
||||||
data: {
|
data: {
|
||||||
...treasure.data,
|
...treasure.data,
|
||||||
treasure: {
|
text,
|
||||||
...treasure.data.treasure,
|
|
||||||
text,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -82,7 +79,7 @@ export const TreasureEditForm = ({
|
|||||||
/>
|
/>
|
||||||
<AutoSaveTextarea
|
<AutoSaveTextarea
|
||||||
multiline={false}
|
multiline={false}
|
||||||
value={treasure.data.treasure.text}
|
value={treasure.data.text}
|
||||||
onSave={saveText}
|
onSave={saveText}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -68,11 +68,7 @@ export const TreasureToggleRow = ({
|
|||||||
aria-label="Discovered"
|
aria-label="Discovered"
|
||||||
disabled={loading}
|
disabled={loading}
|
||||||
/>
|
/>
|
||||||
<span>
|
<span>{treasure.data.text}</span>
|
||||||
{(treasure.data as any)?.treasure?.text || (
|
|
||||||
<span className="italic text-slate-400">(No treasure text)</span>
|
|
||||||
)}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
175
src/lib/types.ts
175
src/lib/types.ts
@@ -41,21 +41,6 @@ export type Relationship = RecordModel & {
|
|||||||
* Documents
|
* Documents
|
||||||
******************************************/
|
******************************************/
|
||||||
|
|
||||||
export type DocumentData<K extends string, V> = {
|
|
||||||
data: Record<K, V>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Document = RecordModel & {
|
|
||||||
id: DocumentId;
|
|
||||||
campaign: CampaignId;
|
|
||||||
data: {
|
|
||||||
[K in DocumentType]?: unknown;
|
|
||||||
};
|
|
||||||
// These two are not in Pocketbase's types, but they seem to always be present
|
|
||||||
created: ISO8601Date;
|
|
||||||
updated: ISO8601Date;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type DocumentType =
|
export type DocumentType =
|
||||||
| "location"
|
| "location"
|
||||||
| "monster"
|
| "monster"
|
||||||
@@ -65,6 +50,21 @@ export type DocumentType =
|
|||||||
| "session"
|
| "session"
|
||||||
| "treasure";
|
| "treasure";
|
||||||
|
|
||||||
|
export type DocumentData<Type extends DocumentType, Data> = {
|
||||||
|
type: Type;
|
||||||
|
data: Data;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Document<Type extends DocumentType, Data> = RecordModel & {
|
||||||
|
id: DocumentId;
|
||||||
|
campaign: CampaignId;
|
||||||
|
type: Type;
|
||||||
|
data: Data;
|
||||||
|
// These two are not in Pocketbase's types, but they seem to always be present
|
||||||
|
created: ISO8601Date;
|
||||||
|
updated: ISO8601Date;
|
||||||
|
};
|
||||||
|
|
||||||
export type AnyDocument =
|
export type AnyDocument =
|
||||||
| Location
|
| Location
|
||||||
| Monster
|
| Monster
|
||||||
@@ -75,122 +75,71 @@ export type AnyDocument =
|
|||||||
| Treasure;
|
| Treasure;
|
||||||
|
|
||||||
export function getDocumentType(doc: AnyDocument): DocumentType {
|
export function getDocumentType(doc: AnyDocument): DocumentType {
|
||||||
if (isLocation(doc)) {
|
return doc.type;
|
||||||
return "location";
|
|
||||||
} else if (isMonster(doc)) {
|
|
||||||
return "monster";
|
|
||||||
} else if (isNpc(doc)) {
|
|
||||||
return "npc";
|
|
||||||
} else if (isScene(doc)) {
|
|
||||||
return "scene";
|
|
||||||
} else if (isSecret(doc)) {
|
|
||||||
return "secret";
|
|
||||||
} else if (isSession(doc)) {
|
|
||||||
return "session";
|
|
||||||
} else if (isTreasure(doc)) {
|
|
||||||
return "treasure";
|
|
||||||
}
|
|
||||||
throw new Error(`Document type not found: ${JSON.stringify(doc)}`);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Locations **/
|
/** Locations **/
|
||||||
|
export type Location = Document<
|
||||||
export type Location = Document &
|
"location",
|
||||||
DocumentData<
|
{
|
||||||
"location",
|
name: string;
|
||||||
{
|
description: string;
|
||||||
name: string;
|
}
|
||||||
description: string;
|
>;
|
||||||
}
|
|
||||||
>;
|
|
||||||
|
|
||||||
export function isLocation(doc: Document): doc is Location {
|
|
||||||
return Object.hasOwn(doc.data, "location");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Monsters **/
|
/** Monsters **/
|
||||||
|
|
||||||
export type Monster = Document &
|
export type Monster = Document<
|
||||||
DocumentData<
|
"monster",
|
||||||
"monster",
|
{
|
||||||
{
|
name: string;
|
||||||
name: string;
|
}
|
||||||
}
|
>;
|
||||||
>;
|
|
||||||
|
|
||||||
export function isMonster(doc: Document): doc is Monster {
|
|
||||||
return Object.hasOwn(doc.data, "monster");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** NPCs **/
|
/** NPCs **/
|
||||||
|
|
||||||
export type Npc = Document &
|
export type Npc = Document<
|
||||||
DocumentData<
|
"npc",
|
||||||
"npc",
|
{
|
||||||
{
|
name: string;
|
||||||
name: string;
|
description: string;
|
||||||
description: string;
|
}
|
||||||
}
|
>;
|
||||||
>;
|
|
||||||
|
|
||||||
export function isNpc(doc: Document): doc is Npc {
|
|
||||||
return Object.hasOwn(doc.data, "npc");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Session **/
|
/** Session **/
|
||||||
|
|
||||||
export type Session = Document &
|
export type Session = Document<
|
||||||
DocumentData<
|
"session",
|
||||||
"session",
|
{
|
||||||
{
|
strongStart: string;
|
||||||
strongStart: string;
|
}
|
||||||
}
|
>;
|
||||||
>;
|
|
||||||
|
|
||||||
export function isSession(doc: Document): doc is Session {
|
|
||||||
return Object.hasOwn(doc.data, "session");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Scene **/
|
/** Scene **/
|
||||||
|
|
||||||
export type Scene = Document &
|
export type Scene = Document<
|
||||||
DocumentData<
|
"scene",
|
||||||
"scene",
|
{
|
||||||
{
|
text: string;
|
||||||
text: string;
|
}
|
||||||
}
|
>;
|
||||||
>;
|
|
||||||
|
|
||||||
export function isScene(doc: Document): doc is Scene {
|
|
||||||
return Object.hasOwn(doc.data, "scene");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Secret **/
|
/** Secret **/
|
||||||
|
|
||||||
export type Secret = Document &
|
export type Secret = Document<
|
||||||
DocumentData<
|
"secret",
|
||||||
"secret",
|
{
|
||||||
{
|
text: string;
|
||||||
text: string;
|
discovered: boolean;
|
||||||
discovered: boolean;
|
}
|
||||||
}
|
>;
|
||||||
>;
|
|
||||||
|
|
||||||
export function isSecret(doc: Document): doc is Secret {
|
|
||||||
return Object.hasOwn(doc.data, "secret");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Treasure **/
|
/** Treasure **/
|
||||||
|
|
||||||
export type Treasure = Document &
|
export type Treasure = Document<
|
||||||
DocumentData<
|
"treasure",
|
||||||
"treasure",
|
{
|
||||||
{
|
text: string;
|
||||||
text: string;
|
discovered: boolean;
|
||||||
discovered: boolean;
|
}
|
||||||
}
|
>;
|
||||||
>;
|
|
||||||
|
|
||||||
export function isTreasure(doc: Document): doc is Treasure {
|
|
||||||
return Object.hasOwn(doc.data, "treasure");
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -27,12 +27,10 @@ function RouteComponent() {
|
|||||||
.collection("campaigns")
|
.collection("campaigns")
|
||||||
.getOne(params.campaignId);
|
.getOne(params.campaignId);
|
||||||
// Fetch all documents for this campaign
|
// Fetch all documents for this campaign
|
||||||
const docs = await pb.collection("documents").getFullList({
|
const sessions = await pb.collection("documents").getFullList({
|
||||||
filter: `campaign = "${params.campaignId}"`,
|
filter: `campaign = "${params.campaignId}" && type = 'session'`,
|
||||||
sort: "-created",
|
sort: "-created",
|
||||||
});
|
});
|
||||||
// Filter to only those with data.session
|
|
||||||
const sessions = docs.filter((doc: any) => doc.data && doc.data.session);
|
|
||||||
return {
|
return {
|
||||||
campaign,
|
campaign,
|
||||||
sessions,
|
sessions,
|
||||||
@@ -45,7 +43,7 @@ function RouteComponent() {
|
|||||||
const prevSession = await pb
|
const prevSession = await pb
|
||||||
.collection("documents")
|
.collection("documents")
|
||||||
.getFirstListItem(
|
.getFirstListItem(
|
||||||
`campaign = "${campaign.id}" && json_extract(data, '$.session') IS NOT NULL`,
|
`campaign = "${campaign.id}" && json_extract(data, '$.session') != null`,
|
||||||
{
|
{
|
||||||
sort: "-created",
|
sort: "-created",
|
||||||
},
|
},
|
||||||
@@ -58,10 +56,9 @@ function RouteComponent() {
|
|||||||
|
|
||||||
const newSession = await pb.collection("documents").create({
|
const newSession = await pb.collection("documents").create({
|
||||||
campaign: campaign.id,
|
campaign: campaign.id,
|
||||||
|
type: "session",
|
||||||
data: {
|
data: {
|
||||||
session: {
|
strongStart: "",
|
||||||
strongStart: "",
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user