diff --git a/.github/workflows/draft-release.yaml b/.github/workflows/draft-release.yaml index 7763240..aba5033 100644 --- a/.github/workflows/draft-release.yaml +++ b/.github/workflows/draft-release.yaml @@ -29,10 +29,6 @@ jobs: if: ${{ steps.check-tag.outputs.exists == 'true' }} run: exit 1 - - name: Ensure there are specific files to release - if: ${{ vars.files_to_release == '' }} - run: exit 1 - - name: Move system.json to a temp file id: manifest-move run: mv system.json module.temp.json @@ -42,7 +38,7 @@ jobs: run: cat module.temp.json | jq -r --tab '.download = "https://github.com/${{ github.repository }}/releases/download/v${{ steps.version.outputs.version }}/release.zip"' > system.json - name: Create the zip - run: zip -r release.zip ${{ vars.files_to_release }} + run: zip -r release.zip system.json module langs assets templates README.md - name: Create the draft release uses: ncipollo/release-action@v1 @@ -50,5 +46,6 @@ jobs: tag: "v${{ steps.version.outputs.version }}" commit: ${{ github.ref }} draft: true + body: generateReleaseNotes: true artifacts: "release.zip,system.json" \ No newline at end of file diff --git a/.gitignore b/.gitignore index e07cc8e..a86caf7 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,6 @@ dist/ +*.link +*.txt # Dependency directories node_modules/ diff --git a/.vscode/foundry.html-data.json b/.vscode/foundry.html-data.json new file mode 100644 index 0000000..3358d2b --- /dev/null +++ b/.vscode/foundry.html-data.json @@ -0,0 +1,18 @@ +{ + "version": 1.1, + "globalAttributes": [ + { "name": "data-tooltip", "description": "The content for the tooltip to display" }, + { "name": "data-tooltip-direction", "description": "The direction that the tooltip renders in, in relation to the element that has the tooltip", "valueSet": "tooltip-direction" } + ], + "valueSets": [ + { + "name": "tooltip-direction", + "values": [ + { "name": "UP", "description": "Put the tooltip above the element" }, + { "name": "LEFT", "description": "Put the tooltip to the left of the element" }, + { "name": "RIGHT", "description": "Put the tooltip to the right of element" }, + { "name": "DOWN", "description": "Put the tooltip below the element" } + ] + } + ] +} \ No newline at end of file diff --git a/.vscode/ripcrypt.html-data.json b/.vscode/ripcrypt.html-data.json new file mode 100644 index 0000000..3efb728 --- /dev/null +++ b/.vscode/ripcrypt.html-data.json @@ -0,0 +1,45 @@ +{ + "version": 1.1, + "tags": [ + { + "name": "rc-icon", + "description": "Loads an icon asynchronously, caching the result for future uses", + "attributes": [ + { "name": "name", "description": "The name of the icon, this is relative to the assets folder of the system" }, + { "name": "path", "description": "The full path of the icon, this will only be used if `name` isn't provided or fails to fetch." }, + { "name": "var:size", "description": "The size of the icon, must be a valid CSS unit" }, + { "name": "var:fill", "description": "The fill of the icon, must be a valid CSS colour" }, + { "name": "var:stroke", "description": "The stroke colour of the icon, must be a valid CSS colour" }, + { "name": "var:stroke-width", "description": "The stroke width of the icon, must be a valid CSS unit" }, + { "name": "var:stroke-linejoin", "description": "The stroke linejoin of the icon, must be a valid CSS value" } + ] + }, + { + "name": "rc-svg", + "description": "Loads an icon asynchronously, caching the result for future uses", + "attributes": [ + { "name": "name", "description": "The name of the icon, this is relative to the assets folder of the system" }, + { "name": "path", "description": "The full path of the icon, this will only be used if `name` isn't provided or fails to fetch." }, + { "name": "var:size", "description": "The size of the icon, must be a valid CSS unit" }, + { "name": "var:fill", "description": "The fill of the icon, must be a valid CSS colour" }, + { "name": "var:stroke", "description": "The stroke colour of the icon, must be a valid CSS colour" }, + { "name": "var:stroke-width", "description": "The stroke width of the icon, must be a valid CSS unit" }, + { "name": "var:stroke-linejoin", "description": "The stroke linejoin of the icon, must be a valid CSS value" } + ] + }, + { + "name": "rc-border", + "description": "Creates a stylized border in the same sort of design that the published RipCrypt book uses", + "attributes": [ + { "name": "var:vertical-displacement", "description": "How much vertical displacement the title receives, defaults to 12.5px" }, + { "name": "var:padding", "description": "How much padding the border container has" }, + { "name": "var:border-color", "description": "The CSS value that is used as the colour of the border" }, + { "name": "var:padding-top", "description": "How much padding the top of the border element has, if not provided, defaults to the value of vertical displacement plus 4px" }, + { "name": "var:margin-top", "description": "How much margin the top of the border element has, if not provided, defaults to the value of vertical displacement" }, + { "name": "var:border-mask", "description": "The CSS colour used to mask out the border element, if not provided defaults to the --base-background CSS variable"}, + { "name": "var:title-height", "description": "The CSS height for the title, defaults to 20px" }, + { "name": "var:title-background", "description": "The CSS colour to make the title element, defaults to var:border-color" } + ] + } + ] +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..b8cf8a9 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,15 @@ +{ + "files.exclude": { + "**/node_modules": true + }, + "search.exclude": { + "foundry.*.link": true + }, + "html.customData": [ + "./.vscode/foundry.html-data.json", + "./.vscode/ripcrypt.html-data.json" + ], + "workbench.editorAssociations": { + "*.svg": "default", + } +} \ No newline at end of file diff --git a/README.md b/README.md index 71abbda..6df788c 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,21 @@ -# Foundry-RipCrypt -An implementation of the RipCrypt TTRPG System for FoundryVTT +# RipCrypt - A Dungeon Sprint RPG +RipCrypt is a fast, pick-up and play, tabletop RPG for 1-8 players. + +# Features: + +## Themes +The RipCrypt system comes with a dark and light theme for **everything** within the system! +All you need to do is select whichever theme you like more! + +## Hero Sheets +This system comes with multiple different Actor sheets for players +to make your experience, _yours_. + +Some of the sheets included by default are: +- Summary Card +- Skill Card +- Craft Card +- Full Sheet (Includes Summary Card & Skill Card) +- Tabbed Full Sheet (Includes Summary Card, Skill Card, and Craft Card as tabs within a single sheet) + +## Geist Sheets diff --git a/assets/README.md b/assets/README.md new file mode 100644 index 0000000..51f2676 --- /dev/null +++ b/assets/README.md @@ -0,0 +1,5 @@ +Some of the assets provided in this repository may be Creative Commons by Attribution 3, or they may have some other license. + +Oliver Akins does not grant any permission to use these assets outside of what the licenses allow. Make sure that anything you do with these assets is within the permitted usage of their respective licenses if they are outside of this repository. + +For a detailed overview of what icons have what licenses, please see [the credit file](_credit.txt). diff --git a/assets/_credit.txt b/assets/_credit.txt new file mode 100644 index 0000000..bac6dc2 --- /dev/null +++ b/assets/_credit.txt @@ -0,0 +1,28 @@ +Oliver Akins: + - geist-silhouette.v2.svg : All rights reserved. + - caster-silhouette.v1.svg : All rights reserved. + - icons/star-empty.svg : Modified from https://thenounproject.com/icon/star-7711815/ by Llisole + - icons/star.svg : Modified from https://thenounproject.com/icon/star-7711815/ by Llisole + +Kýnan Antos (Gritsilk Games): + - hero-silhouette.svg : Licensed to Distribute and Modify within the bounds of the "Foundry-RipCrypt" system. + +ARISO: + - icons/hourglass.svg (https://thenounproject.com/icon/hourglass-7546736/) : Rights Purchased + +Abdulloh Fauzan: + - icons/info-circle.svg (https://thenounproject.com/icon/information-4176576/) : Rights Purchased + +QOLBIN SALIIM: + - icons/arrow-left.svg (https://thenounproject.com/icon/arrow-1933583/) : Rights Purchased + - icons/arrow-right.svg (https://thenounproject.com/icon/arrow-1933581/) : Rights Purchased + - icons/arrow-compass.svg (https://thenounproject.com/icon/arrow-2052607/) : Rights Purchased + +Soetarman Atmodjo: + - icons/roll.svg (https://thenounproject.com/icon/dice-5195278/) : Rights Purchased + +SuperNdre: + - icons/edit.svg (https://thenounproject.com/icon/edit-5208207/) : Rights Purchased + +YANDI RS: + - icons/d8-outline.svg (https://thenounproject.com/icon/d8-7272826/) : Rights Purchased diff --git a/assets/caster-silhouette.v1.svg b/assets/caster-silhouette.v1.svg new file mode 100644 index 0000000..9b53fcc --- /dev/null +++ b/assets/caster-silhouette.v1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/geist-silhouette.v2.svg b/assets/geist-silhouette.v2.svg new file mode 100644 index 0000000..deb4cda --- /dev/null +++ b/assets/geist-silhouette.v2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/hero-silhouette.svg b/assets/hero-silhouette.svg new file mode 100644 index 0000000..12e2bb5 --- /dev/null +++ b/assets/hero-silhouette.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/icons/arrow-compass.svg b/assets/icons/arrow-compass.svg new file mode 100644 index 0000000..b1e8a40 --- /dev/null +++ b/assets/icons/arrow-compass.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/arrow-left.svg b/assets/icons/arrow-left.svg new file mode 100644 index 0000000..e1a347e --- /dev/null +++ b/assets/icons/arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/arrow-right.svg b/assets/icons/arrow-right.svg new file mode 100644 index 0000000..a477835 --- /dev/null +++ b/assets/icons/arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/d8-outline.svg b/assets/icons/d8-outline.svg new file mode 100644 index 0000000..0346f4c --- /dev/null +++ b/assets/icons/d8-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/edit.svg b/assets/icons/edit.svg new file mode 100644 index 0000000..acae8d6 --- /dev/null +++ b/assets/icons/edit.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/icons/hourglass.svg b/assets/icons/hourglass.svg new file mode 100644 index 0000000..64ae5cf --- /dev/null +++ b/assets/icons/hourglass.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/info-circle.svg b/assets/icons/info-circle.svg new file mode 100644 index 0000000..6e14569 --- /dev/null +++ b/assets/icons/info-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/roll.svg b/assets/icons/roll.svg new file mode 100644 index 0000000..51fb7ed --- /dev/null +++ b/assets/icons/roll.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/assets/icons/shield-solid.svg b/assets/icons/shield-solid.svg new file mode 100644 index 0000000..e9194e7 --- /dev/null +++ b/assets/icons/shield-solid.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/star-empty.svg b/assets/icons/star-empty.svg new file mode 100644 index 0000000..8760cc9 --- /dev/null +++ b/assets/icons/star-empty.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/star.svg b/assets/icons/star.svg new file mode 100644 index 0000000..829431b --- /dev/null +++ b/assets/icons/star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/turn-marker.png b/assets/turn-marker.png new file mode 100644 index 0000000..fa70749 Binary files /dev/null and b/assets/turn-marker.png differ diff --git a/eslint.config.mjs b/eslint.config.mjs index 5cbe12c..a0d500d 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -16,20 +16,25 @@ export default [ languageOptions: { globals: { CONFIG: `writable`, + CONST: `readonly`, game: `readonly`, Handlebars: `readonly`, Hooks: `readonly`, ui: `readonly`, Actor: `readonly`, - Actors: `readonly`, Item: `readonly`, - Items: `readonly`, foundry: `readonly`, ChatMessage: `readonly`, ActiveEffect: `readonly`, Dialog: `readonly`, renderTemplate: `readonly`, TextEditor: `readonly`, + fromUuid: `readonly`, + Combat: `readonly`, + Combatant: `readonly`, + canvas: `readonly`, + Token: `readonly`, + Tour: `readonly`, }, }, }, diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..8b0d1fc --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,11 @@ +{ + "compilerOptions": { + "module": "ES2020", + "target": "ES2020" + }, + "exclude": ["node_modules", "**/node_modules/*"], + "include": ["module/**/*", "foundry.v13.link/client/**/*.js", "foundry.v13.link/**/*.mjs"], + "typeAcquisition": { + "include": ["jquery"] + } +} \ No newline at end of file diff --git a/langs/en-ca.json b/langs/en-ca.json index 6297e90..d606190 100644 --- a/langs/en-ca.json +++ b/langs/en-ca.json @@ -1,7 +1,217 @@ { "TYPES": { "Actor": { - "hero": "Hero" + "hero": "Hero", + "geist": "Geist" + }, + "Item": { + "ammo": "Ammo", + "armour": "Armour", + "craft": "Craft", + "good": "Good", + "shield": "Shield", + "skill": "Skill", + "weapon": "Weapon" } + }, + "RipCrypt": { + "sheet-names": { + "AllItemsSheetV1": "RipCrypt Item Sheet", + "CombinedHeroSheet": "Hero Sheet", + "StatsCardV1": "Hero Stat Card", + "CraftCardV1": "Hero Craft Card", + "SkillsCardV1": "Hero Skill Card" + }, + "app-titles": { + "AmmoTracker": "Ammo Tracker" + }, + "common": { + "abilities": { + "grit": "Grit", + "gait": "Gait", + "grip": "Grip", + "glim": "Glim", + "thin-glim": "Thin Glim" + }, + "ability": "Ability", + "access": "Access", + "accessLevels": { + "Common": "Common", + "Uncommon": "Uncommon", + "Rare": "Rare", + "Scarce": "Scarce" + }, + "advances": "Advances", + "ammo": "Ammo", + "anatomy": { + "head": "Head", + "body": "Body", + "arms": "Arms", + "legs": "Legs" + }, + "armour": "Armour", + "aspect": "Aspect", + "aspectNames": { + "flect": "Flect", + "fract": "Fract", + "focus": "Focus" + }, + "aura": "Aura", + "cost": "Cost", + "currency": { + "gold": "Gold", + "silver": "Silver", + "copper": "Copper" + }, + "damage": "Damage", + "delete": "Delete", + "description": "Description", + "details": "Details", + "difficulties": { + "easy": "Easy", + "normal": "Normal", + "tough": "Tough", + "hard": "Hard", + "random": "Random Condition" + }, + "difficulty": "Difficulty", + "drag": "Drag", + "edit": "Edit", + "edge": "Edge", + "empty": "---", + "equipped": "Equipped", + "fate": "Fate", + "gear": "Gear", + "glimcraft": "Glimcraft", + "glory": "Glory", + "guts": "Guts", + "location": "Location", + "move": "Move", + "ordinals": { + "North": { + "full": "North", + "abbv": "N" + }, + "East": { + "full": "East", + "abbv": "E" + }, + "South": { + "full": "South", + "abbv": "S" + }, + "West": { + "full": "West", + "abbv": "W" + } + }, + "protection": "Protection", + "quantity": "Quantity", + "rank": "Rank", + "rankNames": { + "novice": "Novice", + "adept": "Adept", + "expert": "Expert", + "master": "Master" + }, + "range": "Range", + "run": "Run", + "shield": "Shield", + "slot": "Slot", + "step": "Step", + "traits": "Traits", + "weapon": { + "singular": "Weapon", + "plural": "Weapons" + }, + "wear": "Wear", + "weightRating": "Weight", + "weightRatings": { + "light": "Light", + "modest": "Modest", + "heavy": "Heavy" + } + }, + "setting": { + "abbrAccess": { + "name": "Abbreviate Access Names", + "hint": "Shortens the Access level names the way the book does. (e.g. \"Common\" becomes \"C\")" + }, + "condensedRange": { + "name": "Condense Weapon Range Input", + "hint": "With this enabled, the weapon range will be displayed as \"X / Y\" when editing a weapon. While disabled it will be as displayed as two different rows, one for Short Range and one for Long Range" + }, + "sandsOfFateInitial": { + "name": "Sands of Fate Initial", + "hint": "What value should The Hourglass reset to when a Cryptic Event occurs" + }, + "onCrypticEvent": { + "name": "Cryptic Event Alert", + "hint": "What happens when a cryptic event occurs by clicking the \"Next Delve Tour\" button in the HUD", + "options": { + "notif": "Notification", + "pause": "Pause Game", + "both": "Notification and Pause Game", + "nothing": "Do Nothing" + } + } + }, + "Apps": { + "traits-range": "@RipCrypt.common.traits & @RipCrypt.common.range", + "grit-skills": "@RipCrypt.common.abilities.grit Skills", + "gait-skills": "@RipCrypt.common.abilities.gait Skills", + "grip-skills": "@RipCrypt.common.abilities.grip Skills", + "glim-skills": "@RipCrypt.common.abilities.glim Skills", + "a11y": { + "guts-value-edit": "The current amount of guts the character has", + "guts-value-readonly": "The current amount of guts the character has", + "guts-max-readonly": "The maximum amount of guts the character can have" + }, + "traits-placeholder": "New Trait...", + "short-range": "Short @RipCrypt.common.range", + "long-range": "Long @RipCrypt.common.range", + "current-wear": "Current @RipCrypt.common.wear", + "max-wear": "Maximum @RipCrypt.common.wear", + "location-placeholder": "New Location...", + "numberOfDice": "# of Dice", + "rollTarget": "Target", + "difficulty": "(DC: {dc})", + "RichEditor-no-collaborative": "Warning: This editor is not collaborative, that means that if you and someone else are editing it at the same time, you won't see that someone else is making changes until they save, and then your changes will be lost.", + "starred-ammo-placeholder": "Starred Ammo Slot", + "AmmoTracker": { + "no-ammo": "You don't have any ammo!", + "star-button": "Add {name} as a starred ammo", + "star-button-tooltip": "Add Star", + "unstar-button": "Remove {name} as a starred ammo", + "unstar-button-tooltip": "Remove Star" + } + }, + "notifs": { + "error": { + "cannot-equip": "Cannot equip the {itemType}, see console for more details.", + "invalid-delta": "The delta for \"{name}\" is not a number, cannot finish processing the action.", + "at-favourite-limit": "Cannot favourite more than three items, unfavourite one to make space." + }, + "warn": { + "cannot-go-negative": "\"{name}\" is unable to be a negative number." + }, + "info": { + "cryptic-event-alert": "A Cryptic Event Has Occured!" + } + }, + "tooltips": { + "shield-bonus": "Shield Bonus: {value}", + "set-fate-to": "Set Fate to {ordinal}", + "current-tour": "Current Delve Tour", + "next-tour": "Next Delve Tour", + "prev-tour": "Previous Delve Tour", + "auras": { + "normal": "The distance of your aura normally", + "heavy": "The distance of your aura when using Heavycraft" + } + } + }, + "USER": { + "GM": "Keeper" } } diff --git a/module/Apps/ActorSheets/CombinedHeroSheet.mjs b/module/Apps/ActorSheets/CombinedHeroSheet.mjs new file mode 100644 index 0000000..75bde71 --- /dev/null +++ b/module/Apps/ActorSheets/CombinedHeroSheet.mjs @@ -0,0 +1,116 @@ +import { CraftCardV1 } from "./CraftCardV1.mjs"; +import { filePath } from "../../consts.mjs"; +import { GenericAppMixin } from "../GenericApp.mjs"; +import { Logger } from "../../utils/Logger.mjs"; +import { SkillsCardV1 } from "./SkillsCardV1.mjs"; +import { StatsCardV1 } from "./StatsCardV1.mjs"; + +const { HandlebarsApplicationMixin } = foundry.applications.api; +const { ActorSheetV2 } = foundry.applications.sheets; + +export class CombinedHeroSheet extends GenericAppMixin(HandlebarsApplicationMixin(ActorSheetV2)) { + + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt--actor`, + `ripcrypt--CombinedHeroSheet`, + ], + position: { + width: `auto`, + height: `auto`, + }, + window: { + resizable: false, + }, + actions: {}, + form: { + submitOnChange: true, + closeOnSubmit: false, + }, + }; + + static PARTS = { + summary: { + template: filePath(`templates/Apps/StatsCardV1/content.hbs`), + }, + skills: { + template: filePath(`templates/Apps/SkillsCardV1/content.hbs`), + }, + craft: { + template: filePath(`templates/Apps/CombinedHeroSheet/crafts.hbs`), + }, + }; + // #endregion + + // #region Lifecycle + async _onRender(context, options) { + await super._onRender(context, options); + + const summaryElement = this.element.querySelector(`.StatsCardV1`); + StatsCardV1._onRender( + context, + { + ...options, + element: summaryElement, + isEditable: this.isEditable, + }, + ); + + const skillsElement = this.element.querySelector(`.SkillsCardV1`); + SkillsCardV1._createPopoverListeners.bind(this)(); + SkillsCardV1._onRender.bind(this)( + context, + { + ...options, + element: skillsElement, + isEditable: this.isEditable, + }, + ); + + const craftsElement = this.element.querySelector(`.crafts-summary`); + CraftCardV1._onRender.bind(this)( + context, + { + ...options, + element: craftsElement, + isEditable: this.isEditable, + }, + ); + }; + + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + ctx.actor = this.document; + + switch (partId) { + case `summary`: { + ctx = await StatsCardV1.prepareGuts(ctx); + ctx = await StatsCardV1.prepareWeapons(ctx); + ctx = await StatsCardV1.prepareArmor(ctx); + ctx = await StatsCardV1.prepareFatePath(ctx); + ctx = await StatsCardV1.prepareAbilityRow(ctx); + ctx = await StatsCardV1.prepareSpeed(ctx); + ctx = await StatsCardV1.prepareLevelData(ctx); + break; + }; + case `skills`: { + ctx = await SkillsCardV1.prepareGear(ctx); + ctx = await SkillsCardV1.prepareAmmo(ctx); + ctx = await SkillsCardV1.prepareSkills(ctx); + break; + }; + case `craft`: { + ctx = await CraftCardV1.prepareCraft(ctx); + break; + }; + }; + + Logger.debug(`Context keys:`, Object.keys(ctx)); + return ctx; + }; + // #endregion + + // #region Actions + // #endregion +}; diff --git a/module/Apps/ActorSheets/CraftCardV1.mjs b/module/Apps/ActorSheets/CraftCardV1.mjs new file mode 100644 index 0000000..808843d --- /dev/null +++ b/module/Apps/ActorSheets/CraftCardV1.mjs @@ -0,0 +1,132 @@ +import { deleteItemFromElement, editItemFromElement } from "../utils.mjs"; +import { documentSorter, filePath } from "../../consts.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; +import { GenericAppMixin } from "../GenericApp.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; +import { Logger } from "../../utils/Logger.mjs"; + +const { HandlebarsApplicationMixin } = foundry.applications.api; +const { ActorSheetV2 } = foundry.applications.sheets; +const { ContextMenu } = foundry.applications.ux; +const { deepClone } = foundry.utils; + +export class CraftCardV1 extends GenericAppMixin(HandlebarsApplicationMixin(ActorSheetV2)) { + + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt--actor`, + `ripcrypt--CraftCardV1`, + ], + position: { + width: `auto`, + height: `auto`, + }, + window: { + resizable: false, + }, + actions: { + }, + form: { + submitOnChange: true, + closeOnSubmit: false, + }, + }; + + static PARTS = { + content: { + template: filePath(`templates/Apps/CraftCardV1/content.hbs`), + }, + }; + // #endregion + + // #region Lifecycle + async _onRender(context, options) { + await super._onRender(context, options); + CraftCardV1._onRender.bind(this)(context, options); + }; + + static async _onRender(_context, options) { + const { + element = this.element, + isEditable = this.isEditable, + } = options; + new ContextMenu( + element, + `[data-ctx-menu="craft"]`, + [ + { + name: localizer(`RipCrypt.common.edit`), + condition: (el) => { + const itemId = el.dataset.itemId; + return isEditable && itemId !== ``; + }, + callback: editItemFromElement, + }, + { + name: localizer(`RipCrypt.common.delete`), + condition: (el) => { + const itemId = el.dataset.itemId; + return isEditable && itemId !== ``; + }, + callback: deleteItemFromElement, + }, + ], + { jQuery: false, fixed: true }, + ); + }; + + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + ctx.actor = this.document; + + ctx = await CraftCardV1.prepareAura(ctx); + ctx = await CraftCardV1.prepareCraft(ctx); + + Logger.debug(`Context:`, ctx); + return ctx; + }; + + static async prepareAura(ctx) { + ctx.aura = deepClone(ctx.actor.system.aura); + return ctx; + }; + + static async prepareCraft(ctx) { + ctx.craft = {}; + const aspects = Object.values(gameTerms.Aspects); + const heroRank = ctx.actor.system.level.rank; + const embeddedCrafts = ctx.actor.itemTypes.craft; + const limit = 4; + + for (const aspect of aspects) { + let crafts = []; + for (const craft of embeddedCrafts) { + if (craft.system.aspect !== aspect) { continue }; + crafts.push({ + uuid: craft.uuid, + name: craft.name, + sort: craft.sort, + use: craft.system.advances[heroRank], + }); + }; + + // Ensure limit isn't surpassed + const length = crafts.length; + if (length >= limit) { + crafts = crafts.slice(0, limit); + } else { + crafts = crafts + .concat(Array(limit - length).fill(null)) + .slice(0, limit); + }; + + ctx.craft[aspect] = crafts.sort(documentSorter); + } + return ctx; + }; + // #endregion + + // #region Actions + // #endregion +}; diff --git a/module/Apps/ActorSheets/SkillsCardV1.mjs b/module/Apps/ActorSheets/SkillsCardV1.mjs new file mode 100644 index 0000000..9be3429 --- /dev/null +++ b/module/Apps/ActorSheets/SkillsCardV1.mjs @@ -0,0 +1,212 @@ +import { deleteItemFromElement, editItemFromElement } from "../utils.mjs"; +import { documentSorter, filePath } from "../../consts.mjs"; +import { AmmoTracker } from "../popovers/AmmoTracker.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; +import { GenericAppMixin } from "../GenericApp.mjs"; +import { ItemFlags } from "../../flags/item.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; +import { Logger } from "../../utils/Logger.mjs"; +import { PopoverEventManager } from "../../utils/PopoverEventManager.mjs"; + +const { HandlebarsApplicationMixin } = foundry.applications.api; +const { ActorSheetV2 } = foundry.applications.sheets; +const { ContextMenu } = foundry.applications.ux; +const { deepClone } = foundry.utils; + +export class SkillsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin(ActorSheetV2)) { + + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt--actor`, + `ripcrypt--SkillsCardV1`, + ], + position: { + width: `auto`, + height: `auto`, + }, + window: { + resizable: false, + }, + actions: { + }, + form: { + submitOnChange: true, + closeOnSubmit: false, + }, + }; + + static PARTS = { + content: { + template: filePath(`templates/Apps/SkillsCardV1/content.hbs`), + }, + }; + // #endregion + + // #region Lifecycle + async _onRender(context, options) { + await super._onRender(context, options); + SkillsCardV1._onRender.bind(this)(context, options); + SkillsCardV1._createPopoverListeners.bind(this)(); + }; + + static async _onRender(_context, options) { + const { + element = this.element, + isEditable = this.isEditable, + } = options; + new ContextMenu( + element, + `[data-ctx-menu="gear"],[data-ctx-menu="skill"]`, + [ + { + name: localizer(`RipCrypt.common.edit`), + condition: (el) => { + const itemId = el.dataset.itemId; + return isEditable && itemId !== ``; + }, + callback: editItemFromElement, + }, + { + name: localizer(`RipCrypt.common.delete`), + condition: (el) => { + const itemId = el.dataset.itemId; + return isEditable && itemId !== ``; + }, + callback: deleteItemFromElement, + }, + ], + { jQuery: false, fixed: true }, + ); + }; + + /** @this {SkillsCardV1} */ + static async _createPopoverListeners() { + const ammoInfoIcon = this.element.querySelector(`.ammo-info-icon`); + const idPrefix = this.actor.uuid; + + const manager = new PopoverEventManager(`${idPrefix}.ammo-info-icon`, ammoInfoIcon, AmmoTracker); + this._popoverManagers.set(`.ammo-info-icon`, manager); + this._hookIDs.set(Hooks.on(`prepare${manager.id}Context`, (ctx) => { + ctx.ammos = this.actor.itemTypes.ammo; + }), `prepare${manager.id}Context`); + }; + + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + ctx.actor = this.document; + + ctx = await SkillsCardV1.prepareGear(ctx); + ctx = await SkillsCardV1.prepareAmmo(ctx); + ctx = await SkillsCardV1.prepareSkills(ctx); + + ctx.aura = deepClone(ctx.actor.system.aura); + + Logger.debug(`Context:`, ctx); + return ctx; + }; + + static async prepareGear(ctx) { + const limit = ctx.actor.system.limit.equipment; + ctx.gear = []; + const items = [...ctx.actor.items]; + for (const item of items) { + if (!gameTerms.gearItemTypes.has(item.type)) { continue }; + + if (`equipped` in item.system && item.system.equipped) { continue }; + ctx.gear.push({ + index: ctx.gear.length, + uuid: item.uuid, + name: item.quantifiedName, + empty: false, + }); + + if (ctx.gear.length >= limit) { break }; + }; + + if (ctx.gear.length < limit) { + for (let i = ctx.gear.length; i < limit; i++) { + ctx.gear.push({ + index: ctx.gear.length, + uuid: ``, + name: ``, + empty: true, + }); + }; + }; + + return ctx; + }; + + static async prepareAmmo(ctx) { + let total = 0; + let favouriteCount = 0; + ctx.favouriteAmmo = new Array(3).fill(null); + + for (const ammo of ctx.actor.itemTypes.ammo) { + total += ammo.system.quantity; + + if (favouriteCount < 3 && ammo.getFlag(game.system.id, ItemFlags.FAVOURITE)) { + ctx.favouriteAmmo[favouriteCount] = { + uuid: ammo.uuid, + name: ammo.name, + quantity: ammo.system.quantity, + }; + favouriteCount++; + }; + }; + + ctx.ammo = total; + return ctx; + }; + + static async prepareSkills(ctx) { + ctx.skills = {}; + const abilities = Object.values(gameTerms.Abilities); + const heroRank = ctx.actor.system.level.rank; + const embeddedSkills = ctx.actor.itemTypes.skill; + + for (let ability of abilities) { + const skills = []; + for (const skill of embeddedSkills) { + if (skill.system.ability !== ability) { continue }; + skills.push({ + uuid: skill.uuid, + name: skill.name, + sort: skill.sort, + use: skill.system.advances[heroRank], + }); + }; + + // Thin Glim is grouped with full glim. + if (ability === gameTerms.Abilities.THINGLIM) { + ability = gameTerms.Abilities.GLIM; + }; + + ctx.skills[ability] ??= []; + ctx.skills[ability].push(...skills); + }; + + const limit = ctx.actor.system.limit.skills; + for (const ability of abilities) { + if (ctx.skills[ability] == null) { continue }; + + const length = ctx.skills[ability].length; + if (length >= limit) { + ctx.skills[ability] = ctx.skills[ability].slice(0, limit); + } else { + ctx.skills[ability] = ctx.skills[ability] + .concat(Array(limit - length).fill(null)) + .slice(0, limit); + }; + + // Sort the skills + ctx.skills[ability] = ctx.skills[ability].sort(documentSorter); + } + return ctx; + }; + // #endregion + + // #region Actions + // #endregion +}; diff --git a/module/Apps/ActorSheets/StatsCardV1.mjs b/module/Apps/ActorSheets/StatsCardV1.mjs new file mode 100644 index 0000000..155168e --- /dev/null +++ b/module/Apps/ActorSheets/StatsCardV1.mjs @@ -0,0 +1,223 @@ +import { deleteItemFromElement, editItemFromElement } from "../utils.mjs"; +import { filePath } from "../../consts.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; +import { GenericAppMixin } from "../GenericApp.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; +import { Logger } from "../../utils/Logger.mjs"; + +const { HandlebarsApplicationMixin } = foundry.applications.api; +const { ActorSheetV2 } = foundry.applications.sheets; +const { ContextMenu } = foundry.applications.ux; + +export class StatsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin(ActorSheetV2)) { + + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt--actor`, + `ripcrypt--StatsCardV1`, + ], + position: { + width: `auto`, + height: `auto`, + }, + window: { + resizable: false, + }, + actions: { + }, + form: { + submitOnChange: true, + closeOnSubmit: false, + }, + }; + + static PARTS = { + content: { + template: filePath(`templates/Apps/StatsCardV1/content.hbs`), + }, + }; + // #endregion + + // #region Lifecycle + async _onRender(context, options) { + await super._onRender(context, options); + StatsCardV1._onRender.bind(this)(context, options); + }; + + static async _onRender(context, options) { + const { + element = this.element, + isEditable = this.isEditable, + } = options; + new ContextMenu( + element, + `[data-ctx-menu="weapon"],[data-ctx-menu="armour"]`, + [ + { + name: localizer(`RipCrypt.common.edit`), + condition: (el) => { + const itemId = el.dataset.itemId; + return isEditable && itemId !== ``; + }, + callback: editItemFromElement, + }, + { + name: localizer(`RipCrypt.common.delete`), + condition: (el) => { + const itemId = el.dataset.itemId; + return isEditable && itemId !== ``; + }, + callback: deleteItemFromElement, + }, + ], + { jQuery: false, fixed: true }, + ); + }; + + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + ctx.actor = this.document; + + ctx = await StatsCardV1.prepareGuts(ctx); + ctx = await StatsCardV1.prepareWeapons(ctx); + ctx = await StatsCardV1.prepareArmor(ctx); + ctx = await StatsCardV1.prepareFatePath(ctx); + ctx = await StatsCardV1.prepareAbilityRow(ctx); + ctx = await StatsCardV1.prepareSpeed(ctx); + ctx = await StatsCardV1.prepareLevelData(ctx); + + Logger.debug(`Context:`, ctx); + return ctx; + }; + + static async prepareLevelData(ctx) { + ctx.level = { + glory: ctx.actor.system.level.glory, + step: ctx.actor.system.level.step, + rank: { + selected: ctx.actor.system.level.rank, + options: Object.values(gameTerms.Rank).map(rank => ({ + label: `RipCrypt.common.rankNames.${rank}`, + value: rank, + })), + }, + }; + if (ctx.meta.limited) { + ctx.level.glory = `?`; + ctx.level.step = `?`; + ctx.level.rank.selected = `?`; + }; + return ctx; + }; + + static async prepareFatePath(ctx) { + ctx.fate = {}; + ctx.fate.selected = ctx.actor.system.fate; + ctx.fate.options = [ + { label: `RipCrypt.common.empty`, v: `` }, + ...Object.values(gameTerms.FatePath) + .map(v => ({ label: `RipCrypt.common.ordinals.${v}.full`, value: v })), + ]; + return ctx; + }; + + static async prepareAbilityRow(ctx) { + ctx.abilities = []; + for (const key in ctx.actor.system.ability) { + ctx.abilities.push({ + id: key, + name: localizer( + `RipCrypt.common.abilities.${key}`, + { value: ctx.actor.system.ability[key] }, + ), + value: ctx.meta.limited ? `?` : ctx.actor.system.ability[key], + readonly: !ctx.meta.editable, + }); + }; + return ctx; + }; + + static async prepareSpeed(ctx) { + ctx.speed = foundry.utils.deepClone(ctx.actor.system.speed); + if (ctx.meta.limited) { + ctx.speed = { + move: `?`, + run: `?`, + }; + }; + return ctx; + }; + + static async prepareArmor(ctx) { + ctx.armours = {}; + const equipped = ctx.actor.system.equippedArmour; + const shield = ctx.actor.system.equippedShield; + const defenses = ctx.actor.system.defense; + for (const slot of Object.values(gameTerms.Anatomy)) { + const item = equipped[slot]; + ctx.armours[slot] = { + name: item?.name ?? ``, + uuid: item?.uuid ?? ``, + defense: defenses[slot], + shielded: shield?.system.location.has(slot) ?? false, + }; + }; + + ctx.shield = { + name: shield?.name ?? ``, + uuid: shield?.uuid ?? ``, + bonus: shield?.system.protection ?? 0, + }; + + return ctx; + }; + + static async prepareWeapons(ctx) { + const limit = ctx.actor.system.limit.weapons; + const embedded = ctx.actor.itemTypes.weapon; + ctx.weapons = []; + for (const item of embedded) { + if (!item.system.equipped) { continue }; + + const index = ctx.weapons.length; + ctx.weapons.push({ + data: item, + empty: false, + index, + class: index % 2 === 1 ? `row-alt` : ``, + }); + + if (ctx.weapons.length >= limit) { break }; + }; + + if (ctx.weapons.length < limit) { + for (let i = ctx.weapons.length; i < limit; i++) { + const itemIndex = ctx.weapons.length; + ctx.weapons.push({ + data: null, + empty: true, + index: itemIndex, + class: itemIndex % 2 === 1 ? `row-alt` : ``, + }); + }; + }; + + return ctx; + }; + + static async prepareGuts(ctx) { + ctx.guts = foundry.utils.deepClone(ctx.actor.system.guts); + if (ctx.meta.limited) { + ctx.guts = { + value: `?`, + max: `?`, + }; + }; + return ctx; + }; + // #endregion + + // #region Actions + // #endregion +}; diff --git a/module/Apps/DelveDiceHUD.mjs b/module/Apps/DelveDiceHUD.mjs new file mode 100644 index 0000000..dfa14a5 --- /dev/null +++ b/module/Apps/DelveDiceHUD.mjs @@ -0,0 +1,251 @@ +import { distanceBetweenFates, nextFate, previousFate } from "../utils/fates.mjs"; +import { filePath } from "../consts.mjs"; +import { gameTerms } from "../gameTerms.mjs"; +import { localizer } from "../utils/Localizer.mjs"; +import { Logger } from "../utils/Logger.mjs"; + +const { HandlebarsApplicationMixin, ApplicationV2 } = foundry.applications.api; +const { ContextMenu } = foundry.applications.ux; +const { FatePath } = gameTerms; + +const CompassRotations = { + [FatePath.NORTH]: -90, + [FatePath.EAST]: 0, + [FatePath.SOUTH]: 90, + [FatePath.WEST]: 180, +}; + +const conditions = [ + { label: `RipCrypt.common.difficulties.easy`, value: 4 }, + { label: `RipCrypt.common.difficulties.normal`, value: 5 }, + { label: `RipCrypt.common.difficulties.tough`, value: 6 }, + { label: `RipCrypt.common.difficulties.hard`, value: 7 }, +]; + +export class DelveDiceHUD extends HandlebarsApplicationMixin(ApplicationV2) { + // #region Options + static DEFAULT_OPTIONS = { + id: `ripcrypt-delve-dice`, + tag: `aside`, + classes: [ + `ripcrypt`, + `ripcrypt--DelveDiceHUD`, + `hud`, + ], + window: { + frame: false, + positioned: false, + }, + actions: { + tourDelta: this.#tourDelta, + setFate: this.#setFate, + }, + }; + + static PARTS = { + previousTour: { + template: filePath(`templates/Apps/DelveDiceHUD/tour/previous.hbs`), + }, + difficulty: { + template: filePath(`templates/Apps/DelveDiceHUD/difficulty.hbs`), + }, + fateCompass: { + template: filePath(`templates/Apps/DelveDiceHUD/fateCompass.hbs`), + }, + sandsOfFate: { + template: filePath(`templates/Apps/DelveDiceHUD/tour/current.hbs`), + }, + nextTour: { + template: filePath(`templates/Apps/DelveDiceHUD/tour/next.hbs`), + }, + }; + // #endregion + + // #region Instance Data + /** + * The current number of degrees the compass pointer should be rotated, this + * is not stored in the DB since we only care about the initial rotation on + * reload, which is derived from the current fate. + * @type {Number} + */ + _rotation; + + constructor(...args) { + super(...args); + this._sandsOfFate = game.settings.get(`ripcrypt`, `sandsOfFate`); + this._currentFate = game.settings.get(`ripcrypt`, `currentFate`); + this._rotation = CompassRotations[this._currentFate]; + this._difficulty = game.settings.get(`ripcrypt`, `dc`); + }; + // #endregion + + // #region Lifecycle + /** + * Injects the element into the Foundry UI in the top middle + */ + _insertElement(element) { + const existing = document.getElementById(element.id); + if (existing) { + existing.replaceWith(element); + } else { + const parent = document.getElementById(`ui-top`); + parent.prepend(element); + }; + }; + + async _onRender(context, options) { + await super._onRender(context, options); + + // Shortcut because users can't edit + if (!game.user.isGM) { return }; + + new ContextMenu( + this.element, + `#delve-difficulty`, + [ + ...conditions.map(condition => ({ + name: localizer(condition.label), + callback: DelveDiceHUD.#setDifficulty.bind(this, condition.value), + })), + { + name: localizer(`RipCrypt.common.difficulties.random`), + callback: () => { + const condition = conditions[Math.floor(Math.random() * conditions.length)]; + DelveDiceHUD.#setDifficulty.bind(this)(condition.value); + }, + }, + ], + { jQuery: false, fixed: true }, + ); + }; + + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + ctx.meta ??= {}; + + ctx.meta.editable = game.user.isGM; + + switch (partId) { + case `sandsOfFate`: { + ctx.sandsOfFate = this._sandsOfFate; + break; + }; + case `difficulty`: { + ctx.dc = this._difficulty; + break; + }; + case `fateCompass`: { + ctx.fate = this._currentFate; + ctx.rotation = `${this._rotation}deg`; + break; + }; + }; + + Logger.log(`${partId} Context`, ctx); + return ctx; + }; + + async animate({ parts = [] } = {}) { + if (parts.includes(`fateCompass`)) { + this.#animateCompassTo(); + }; + + if (parts.includes(`sandsOfFate`)) { + this.#animateSandsTo(); + }; + }; + + #animateCompassTo(newFate) { + if (newFate === this._currentFate) { return }; + + /** @type {HTMLElement|undefined} */ + const pointer = this.element.querySelector(`.compass-pointer`); + if (!pointer) { return }; + + newFate ??= game.settings.get(`ripcrypt`, `currentFate`); + + let distance = distanceBetweenFates(this._currentFate, newFate); + if (distance === 3) { distance = -1 }; + + this._rotation += distance * 90; + + pointer.style.setProperty(`transform`, `rotate(${this._rotation}deg)`); + this._currentFate = newFate; + }; + + #animateSandsTo(newSands) { + /** @type {HTMLElement|undefined} */ + const sands = this.element.querySelector(`.sands-value`); + if (!sands) { return }; + + newSands ??= game.settings.get(`ripcrypt`, `sandsOfFate`); + + sands.innerHTML = newSands; + this._sandsOfFate = newSands; + }; + // #endregion + + // #region Actions + /** @this {DelveDiceHUD} */ + static async #tourDelta(_event, element) { + const delta = parseInt(element.dataset.delta); + const initial = game.settings.get(`ripcrypt`, `sandsOfFateInitial`); + let newSands = this._sandsOfFate + delta; + + if (newSands > initial) { + Logger.info(`Cannot go to a previous Delve Tour above the initial value`); + return; + }; + + if (newSands === 0) { + newSands = initial; + await this.alertCrypticEvent(); + }; + + switch (Math.sign(delta)) { + case -1: { + game.settings.set(`ripcrypt`, `currentFate`, nextFate(this._currentFate)); + break; + } + case 1: { + game.settings.set(`ripcrypt`, `currentFate`, previousFate(this._currentFate)); + break; + } + }; + + this.#animateSandsTo(newSands); + game.settings.set(`ripcrypt`, `sandsOfFate`, newSands); + }; + + /** @this {DelveDiceHUD} */ + static async #setFate(_event, element) { + const fate = element.dataset.toFate; + this.#animateCompassTo(fate); + game.settings.set(`ripcrypt`, `currentFate`, fate); + }; + + /** @this {DelveDiceHUD} */ + static async #setDifficulty(value) { + this._difficulty = value; + game.settings.set(`ripcrypt`, `dc`, value); + }; + // #endregion + + // #region Public API + async alertCrypticEvent() { + const alertType = game.settings.get(`ripcrypt`, `onCrypticEvent`); + if (alertType === `nothing`) { return }; + + if ([`both`, `notif`].includes(alertType)) { + ui.notifications.info( + localizer(`RipCrypt.notifs.info.cryptic-event-alert`), + { console: false }, + ); + }; + + if ([`both`, `pause`].includes(alertType) && game.user.isGM) { + game.togglePause(true, { broadcast: true }); + }; + }; + // #endregion +}; diff --git a/module/Apps/DicePool.mjs b/module/Apps/DicePool.mjs new file mode 100644 index 0000000..7418a3c --- /dev/null +++ b/module/Apps/DicePool.mjs @@ -0,0 +1,222 @@ +import { filePath } from "../consts.mjs"; +import { GenericAppMixin } from "./GenericApp.mjs"; +import { localizer } from "../utils/Localizer.mjs"; +import { Logger } from "../utils/Logger.mjs"; + +const { Roll } = foundry.dice; +const { HandlebarsApplicationMixin, ApplicationV2 } = foundry.applications.api; + +export class DicePool extends GenericAppMixin(HandlebarsApplicationMixin(ApplicationV2)) { + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt--DicePool`, + ], + window: { + title: `Dice Pool`, + frame: true, + positioned: true, + resizable: false, + minimizable: true, + }, + position: { + width: `auto`, + height: `auto`, + }, + actions: { + diceCountDelta: this.#diceCountDelta, + targetDelta: this.#targetDelta, + edgeDelta: this.#edgeDelta, + dragDelta: this.#dragDelta, + roll: this.#roll, + }, + }; + + static PARTS = { + numberOfDice: { + template: filePath(`templates/Apps/DicePool/numberOfDice.hbs`), + }, + target: { + template: filePath(`templates/Apps/DicePool/target.hbs`), + }, + drag: { + template: filePath(`templates/Apps/DicePool/drag.hbs`), + }, + edge: { + template: filePath(`templates/Apps/DicePool/edge.hbs`), + }, + buttons: { + template: filePath(`templates/Apps/DicePool/buttons.hbs`), + }, + }; + // #endregion + + // #region Instance Data + _diceCount; + _target; + _drag; + _edge; + + constructor({ + diceCount = 1, + target, + drag = 0, edge = 0, + flavor = ``, + ...opts + } = {}) { + super(opts); + + this._drag = drag; + this._edge = edge; + this._flavor = flavor; + this._diceCount = diceCount; + this._target = target ?? game.settings.get(`ripcrypt`, `dc`) ?? 1; + }; + + get title() { + if (!this._flavor) { + return super.title; + } + return `${super.title}: ${this._flavor}`; + }; + // #endregion + + // #region Lifecycle + async _preparePartContext(partId, ctx, _opts) { + ctx = {}; + + switch (partId) { + case `numberOfDice`: { + await this._prepareNumberOfDice(ctx); + break; + }; + case `target`: { + await this._prepareTarget(ctx); + break; + }; + case `edge`: { + await this._prepareEdge(ctx); + break; + }; + case `drag`: { + await this._prepareDrag(ctx); + break; + }; + case `buttons`: { + break; + }; + } + + Logger.debug(`${partId} Context:`, ctx); + return ctx; + }; + + async _prepareNumberOfDice(ctx) { + ctx.numberOfDice = this._diceCount; + ctx.decrementDisabled = this._diceCount <= 1; + }; + + async _prepareTarget(ctx) { + ctx.target = this._target; + ctx.incrementDisabled = this._target >= 8; + ctx.decrementDisabled = this._target <= 1; + }; + + async _prepareEdge(ctx) { + ctx.edge = this._edge; + ctx.incrementDisabled = false; + ctx.decrementDisabled = this._edge <= 0; + }; + + async _prepareDrag(ctx) { + ctx.drag = this._drag; + ctx.incrementDisabled = false; + ctx.decrementDisabled = this._drag <= 0; + }; + // #endregion + + // #region Actions + static async #diceCountDelta(_event, element) { + const delta = parseInt(element.dataset.delta); + if (Number.isNaN(delta)) { + ui.notifications.error( + localizer(`RipCrypt.notifs.error.invalid-delta`, { name: `@RipCrypt.Apps.numberOfDice` }), + ); + return; + }; + + let newCount = this._diceCount + delta; + + if (newCount < 0) { + ui.notifications.warn( + localizer(`RipCrypt.notifs.warn.cannot-go-negative`, { name: `@RipCrypt.Apps.numberOfDice` }), + ); + }; + + this._diceCount = Math.max(newCount, 0); + this.render({ parts: [`numberOfDice`] }); + }; + + static async #targetDelta(_event, element) { + const delta = parseInt(element.dataset.delta); + if (Number.isNaN(delta)) { + ui.notifications.error( + localizer(`RipCrypt.notifs.error.invalid-delta`, { name: `@RipCrypt.Apps.rollTarget` }), + ); + return; + }; + + this._target += delta; + this.render({ parts: [`target`] }); + }; + + static async #edgeDelta(_event, element) { + const delta = parseInt(element.dataset.delta); + if (Number.isNaN(delta)) { + ui.notifications.error( + localizer(`RipCrypt.notifs.error.invalid-delta`, { name: `@RipCrypt.common.edge` }), + ); + return; + }; + + this._edge += delta; + this.render({ parts: [`edge`] }); + }; + + static async #dragDelta(_event, element) { + const delta = parseInt(element.dataset.delta); + if (Number.isNaN(delta)) { + ui.notifications.error( + localizer(`RipCrypt.notifs.error.invalid-delta`, { name: `@RipCrypt.common.drag` }), + ); + return; + }; + + this._drag += delta; + this.render({ parts: [`drag`] }); + }; + + static async #roll() { + let target = this._target; + target -= this._edge; + target += this._drag; + target = Math.max(target, 1); + + const formula = `${this._diceCount}d8rc${target}`; + Logger.debug(`Attempting to roll formula: ${formula}`); + + let flavor = this._flavor; + if (this._flavor) { + flavor += ` ` + localizer(`RipCrypt.Apps.difficulty`, { dc: this._target }); + } + + const roll = new Roll(formula); + await roll.evaluate(); + await roll.toMessage({ + speaker: ChatMessage.getSpeaker({ actor: this.actor }), + flavor, + }); + this.close(); + }; + // #endregion +}; diff --git a/module/Apps/GenericApp.mjs b/module/Apps/GenericApp.mjs new file mode 100644 index 0000000..1fe5edf --- /dev/null +++ b/module/Apps/GenericApp.mjs @@ -0,0 +1,156 @@ +import { createItemFromElement, deleteItemFromElement, editItemFromElement, updateForeignDocumentFromEvent } from "./utils.mjs"; +import { DicePool } from "./DicePool.mjs"; +import { RichEditor } from "./RichEditor.mjs"; +import { toBoolean } from "../consts.mjs"; + +/** + * A mixin that takes the class from HandlebarsApplicationMixin and + */ +export function GenericAppMixin(HandlebarsApp) { + class GenericRipCryptApp extends HandlebarsApp { + + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt`, + ], + actions: { + roll: this.#rollDice, + createItem(_event, target) { // uses arrow-less function for "this" + const parent = this.document; + createItemFromElement(target, { parent }); + }, + editItem: (_event, target) => editItemFromElement(target), + deleteItem: (_event, target) => deleteItemFromElement(target), + openRichEditor: this.#openRichEditor, + }, + }; + + static themes = { + dark: `SETTINGS.UI.FIELDS.colorScheme.dark`, + }; + // #endregion + + // #region Instance Data + /** @type {Map} */ + _popoverManagers = new Map(); + /** @type {Map} */ + _hookIDs = new Map(); + // #endregion + + // #region Lifecycle + /** + * @override + * Making it so that if the app is already open, it's brought to + * top after being re-rendered as normal + */ + async render(options = {}, _options = {}) { + await super.render(options, _options); + const instance = foundry.applications.instances.get(this.id); + if (instance !== undefined && options.orBringToFront) { + instance.bringToFront(); + }; + }; + + /** @override */ + async _onRender(...args) { + await super._onRender(...args); + + /* + Rendering each of the popover managers associated with this app allows us + to have them be dynamic and update when their parent application is rerendered, + this could eventually be something we can move into the Document's apps + collection so Foundry auto-rerenders it, but because it isn't actually + associated with the Document (as it's dependendant on the Application), I + decided that it would be best to do my own handling for it. + */ + for (const manager of this._popoverManagers.values()) { + manager.render(); + }; + + /* + Foreign update listeners so that we can easily update items that may not + be this document itself, but are useful to be able to be edited from this + sheet. Primarily useful for editing the Actors' Item collection, or an Items' + ActiveEffect collection. + */ + this.element.querySelectorAll(`input[data-foreign-update-on]`).forEach(el => { + const events = el.dataset.foreignUpdateOn.split(`,`); + for (const event of events) { + el.addEventListener(event, updateForeignDocumentFromEvent); + }; + }); + }; + + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + delete ctx.document; + delete ctx.fields; + + ctx.meta ??= {}; + ctx.meta.idp = this.document?.uuid ?? this.id; + if (this.document) { + ctx.meta.limited = this.document.limited; + ctx.meta.editable = ctx.editable; + } + delete ctx.editable; + + return ctx; + }; + + _tearDown(options) { + // Clear all popovers associated with the app + for (const manager of this._popoverManagers.values()) { + manager.destroy(); + }; + this._popoverManagers.clear(); + + // Remove any hooks added for this app + for (const [id, hook] of this._hookIDs.entries()) { + Hooks.off(hook, id); + }; + this._hookIDs.clear(); + + super._tearDown(options); + }; + // #endregion + + // #region Actions + /** @this {GenericRipCryptApp} */ + static async #rollDice(_event, target) { + const data = target.dataset; + const diceCount = parseInt(data.diceCount); + const flavor = data.flavor; + + const dp = new DicePool({ diceCount, flavor }); + dp.render({ force: true }); + }; + + /** @this {GenericRipCryptApp} */ + static async #openRichEditor(_event, target) { + const data = target.dataset; + const { + uuid, + path, + collaborative, + compact, + } = data; + + if (!uuid || !path) { + console.error(`Rich Editor requires a document uuid and path to edit`); + return; + }; + + const document = await fromUuid(uuid); + const app = new RichEditor({ + document, + path, + collaborative: toBoolean(collaborative), + compact: toBoolean(compact ), + }); + app.render({ force: true }); + }; + // #endregion + }; + return GenericRipCryptApp; +}; diff --git a/module/Apps/ItemSheets/AllItemSheetV1.mjs b/module/Apps/ItemSheets/AllItemSheetV1.mjs new file mode 100644 index 0000000..3ac26ba --- /dev/null +++ b/module/Apps/ItemSheets/AllItemSheetV1.mjs @@ -0,0 +1,71 @@ +import { filePath } from "../../consts.mjs"; +import { GenericAppMixin } from "../GenericApp.mjs"; +import { Logger } from "../../utils/Logger.mjs"; + +const { HandlebarsApplicationMixin } = foundry.applications.api; +const { ItemSheetV2 } = foundry.applications.sheets; + +export class AllItemSheetV1 extends GenericAppMixin(HandlebarsApplicationMixin(ItemSheetV2)) { + + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt--item`, + `ripcrypt--AllItemSheetV1`, + ], + position: { + width: `auto`, + height: `auto`, + }, + window: { + resizable: false, + }, + form: { + submitOnChange: true, + closeOnSubmit: false, + }, + }; + + static PARTS = { + content: { + template: filePath(`templates/Apps/AllItemSheetV1/content.hbs`), + }, + }; + // #endregion + + // #region Lifecycle + async _preparePartContext(partId, ctx, opts) { + ctx = await super._preparePartContext(partId, ctx, opts); + ctx.item = this.document; + + ctx.formFields = await this.document.system.getFormFields(ctx); + + Logger.debug(`Context:`, ctx); + return ctx; + }; + + async _onRender() { + // remove the flag if it exists when we render the sheet + delete this.document?.system?.forceRerender; + }; + + /** + * Used to make it so that items that don't get updated because of the + * _preUpdate hook removing/changing the data submitted, can still get + * re-rendered when the diff is empty. If the document does get updated, + * this rerendering does not happen. + * + * @override + */ + async _processSubmitData(...args) { + await super._processSubmitData(...args); + + if (this.document.system.forceRerender) { + await this.render(false); + }; + }; + // #endregion + + // #region Actions + // #endregion +}; diff --git a/module/Apps/RichEditor.mjs b/module/Apps/RichEditor.mjs new file mode 100644 index 0000000..2bd1bc4 --- /dev/null +++ b/module/Apps/RichEditor.mjs @@ -0,0 +1,88 @@ +/* +This Application is used by parts of the system to enable a better experience +while editing enriched text, because a lot of the spaces for text are really +small and are better served by a bigger text editor so that the controls are +more visible and doesn't cause as much overflow chaos. +*/ + +import { filePath } from "../consts.mjs"; + +const { HandlebarsApplicationMixin, DocumentSheetV2 } = foundry.applications.api; +const { hasProperty, getProperty } = foundry.utils; + +export class RichEditor extends HandlebarsApplicationMixin(DocumentSheetV2) { + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt`, + `ripcrypt--RichEditor`, + ], + window: { + title: `Text Editor`, + frame: true, + positioned: true, + resizable: false, + minimizable: true, + }, + position: { + width: `auto`, + height: `auto`, + }, + actions: {}, + form: { + submitOnChange: true, + closeOnSubmit: false, + }, + }; + + static PARTS = { + editor: { + template: filePath(`templates/Apps/RichEditor/content.hbs`), + root: true, + }, + }; + // #endregion + + // #region Instance Data + document; + path; + + constructor(opts) { + const { + document, + path, + compact = false, + collaborative = true, + } = opts; + + if (!hasProperty(document, path)) { + throw new Error(`Document provided to text editor must have the property specified by the path.`); + }; + + opts.sheetConfig = false; + super(opts); + + this.compact = compact; + this.collaborative = collaborative; + this.document = document; + this.path = path; + }; + // #endregion + + // #region Lifecycle + async _preparePartContext(partId, ctx, _opts) { + ctx = { + uuid: this.document.uuid, + editable: true, // this.isEditable + collaborative: this.collaborative, + compact: this.compact, + path: this.path, + }; + + const value = getProperty(this.document, this.path); + ctx.enriched = await TextEditor.enrichHTML(value); + ctx.raw = value; + return ctx; + }; + // #endregion +}; diff --git a/module/Apps/elements/Icon.mjs b/module/Apps/elements/Icon.mjs new file mode 100644 index 0000000..3a8e961 --- /dev/null +++ b/module/Apps/elements/Icon.mjs @@ -0,0 +1,125 @@ +import { Logger } from "../../utils/Logger.mjs"; +import { StyledShadowElement } from "./mixins/StyledShadowElement.mjs"; + +/** +Attributes: +@property {string} name - The name of the icon, takes precedence over the path +@property {string} path - The path of the icon file +*/ +export class RipCryptIcon extends StyledShadowElement(HTMLElement) { + static elementName = `rc-icon`; + static formAssociated = false; + + /* Stuff for the mixin to use */ + static _stylePath = `css/components/icon.css`; + + + static _cache = new Map(); + #container; + /** @type {null | string} */ + _name; + /** @type {null | string} */ + _path; + + /* Stored IDs for all of the hooks that are in this component */ + #svgHmr; + + constructor() { + super(); + + this.#container = document.createElement(`div`); + this._shadow.appendChild(this.#container); + }; + + _mounted = false; + async connectedCallback() { + super.connectedCallback(); + if (this._mounted) { return }; + + this._name = this.getAttribute(`name`); + this._path = this.getAttribute(`path`); + + /* + This converts all of the double-dash prefixed properties on the element to + CSS variables so that they don't all need to be provided by doing style="" + */ + for (const attrVar of this.attributes) { + if (attrVar.name?.startsWith(`var:`)) { + const prop = attrVar.name.replace(`var:`, ``); + this.style.setProperty(`--` + prop, attrVar.value); + }; + }; + + /* + Try to retrieve the icon if it isn't present, try the path then default to + the slot content, as then we can have a default per-icon usage + */ + let content; + if (this._name) { + content = await this.#getIcon(`./systems/${game.system.id}/assets/${this._name}.svg`); + }; + + if (this._path && !content) { + content = await this.#getIcon(this._path); + }; + + if (content) { + this.#container.appendChild(content.cloneNode(true)); + }; + + /* + This is so that when we get an HMR event from Foundry we can appropriately + handle it using our logic to update the component and the icon cache. + */ + if (game.settings.get(`ripcrypt`, `devMode`)) { + this.#svgHmr = Hooks.on(`${game.system.id}-hmr:svg`, (iconName, data) => { + if (this._name === iconName || this._path?.endsWith(data.path)) { + const svg = this.#parseSVG(data.content); + this.constructor._cache.set(iconName, svg); + this.#container.replaceChildren(svg.cloneNode(true)); + }; + }); + }; + + this._mounted = true; + }; + + disconnectedCallback() { + super.disconnectedCallback(); + if (!this._mounted) { return }; + + Hooks.off(`${game.system.id}-hmr:svg`, this.#svgHmr); + + this._mounted = false; + }; + + async #getIcon(path) { + // Cache hit! + if (this.constructor._cache.has(path)) { + Logger.debug(`Image ${path} cache hit`); + return this.constructor._cache.get(path); + }; + + const r = await fetch(path); + switch (r.status) { + case 200: + case 201: + break; + default: + Logger.error(`Failed to fetch icon: ${path}`); + return; + }; + + Logger.debug(`Adding image ${path} to the cache`); + const svg = this.#parseSVG(await r.text()); + this.constructor._cache.set(path, svg); + return svg; + }; + + /** Takes an SVG string and returns it as a DOM node */ + #parseSVG(content) { + const temp = document.createElement(`div`); + temp.innerHTML = content; + return temp.querySelector(`svg`); + }; +}; diff --git a/module/Apps/elements/RipCryptBorder.mjs b/module/Apps/elements/RipCryptBorder.mjs new file mode 100644 index 0000000..f2722c1 --- /dev/null +++ b/module/Apps/elements/RipCryptBorder.mjs @@ -0,0 +1,55 @@ +import { StyledShadowElement } from "./mixins/StyledShadowElement.mjs"; + +/** +Attributes: +*/ +export class RipCryptBorder extends StyledShadowElement(HTMLElement) { + static elementName = `rc-border`; + static formAssociated = false; + + /* Stuff for the mixin to use */ + static _stylePath = `css/components/rc-border.css`; + #container; + + _mounted = false; + async connectedCallback() { + super.connectedCallback(); + if (this._mounted) { return }; + + /* + This converts all of the double-dash prefixed properties on the element to + CSS variables so that they don't all need to be provided by doing style="" + */ + for (const attrVar of this.attributes) { + if (attrVar.name?.startsWith(`var:`)) { + const prop = attrVar.name.replace(`var:`, ``); + this.style.setProperty(`--` + prop, attrVar.value); + }; + }; + + this.#container = document.createElement(`div`); + this.#container.classList = `rc-border`; + + const titleContainer = document.createElement(`div`); + titleContainer.classList = `title`; + const titleSlot = document.createElement(`slot`); + titleSlot.innerHTML = `No Title`; + titleSlot.name = `title`; + titleContainer.appendChild(titleSlot.cloneNode(true)); + this.#container.appendChild(titleContainer.cloneNode(true)); + + const contentSlot = document.createElement(`slot`); + contentSlot.name = `content`; + this.#container.appendChild(contentSlot.cloneNode(true)); + + this._shadow.appendChild(this.#container); + + this._mounted = true; + }; + + disconnectedCallback() { + super.disconnectedCallback(); + if (!this._mounted) { return }; + this._mounted = false; + }; +}; diff --git a/module/Apps/elements/_index.mjs b/module/Apps/elements/_index.mjs new file mode 100644 index 0000000..3568481 --- /dev/null +++ b/module/Apps/elements/_index.mjs @@ -0,0 +1,26 @@ +import { Logger } from "../../utils/Logger.mjs"; +import { RipCryptBorder } from "./RipCryptBorder.mjs"; +import { RipCryptIcon } from "./Icon.mjs"; +import { RipCryptSVGLoader } from "./svgLoader.mjs"; + +const components = [ + RipCryptIcon, + RipCryptSVGLoader, + RipCryptBorder, +]; + +export function registerCustomComponents() { + (CONFIG.CACHE ??= {}).componentListeners ??= []; + for (const component of components) { + if (!window.customElements.get(component.elementName)) { + Logger.debug(`Registering component "${component.elementName}"`); + window.customElements.define( + component.elementName, + component, + ); + if (component.formAssociated) { + CONFIG.CACHE.componentListeners.push(component.elementName); + } + }; + } +}; diff --git a/module/Apps/elements/mixins/StyledShadowElement.mjs b/module/Apps/elements/mixins/StyledShadowElement.mjs new file mode 100644 index 0000000..e5ef291 --- /dev/null +++ b/module/Apps/elements/mixins/StyledShadowElement.mjs @@ -0,0 +1,64 @@ +/** + * @param {HTMLElement} Base + */ +export function StyledShadowElement(Base) { + return class extends Base { + /** + * The path to the CSS that is loaded + * @type {string} + */ + static _stylePath; + + /** + * The stringified CSS to use + * @type {Map} + */ + static _styles = new Map(); + + /** + * The HTML element of the stylesheet + * @type {HTMLStyleElement} + */ + _style; + + /** @type {ShadowRoot} */ + _shadow; + + constructor() { + super(); + + this._shadow = this.attachShadow({ mode: `open` }); + this._style = document.createElement(`style`); + this._shadow.appendChild(this._style); + }; + + #mounted = false; + connectedCallback() { + if (this.#mounted) { return }; + + this._getStyles(); + + this.#mounted = true; + }; + + disconnectedCallback() { + if (!this.#mounted) { return }; + this.#mounted = false; + }; + + _getStyles() { + // TODO: Cache the CSS content in a more sane way that doesn't break + const stylePath = this.constructor._stylePath; + if (this.constructor._styles.has(stylePath)) { + this._style.innerHTML = this.constructor._styles.get(stylePath); + } else { + fetch(`./systems/${game.system.id}/templates/${stylePath}`) + .then(r => r.text()) + .then(t => { + this.constructor._styles.set(stylePath, t); + this._style.innerHTML = t; + }); + } + }; + }; +}; diff --git a/module/Apps/elements/svgLoader.mjs b/module/Apps/elements/svgLoader.mjs new file mode 100644 index 0000000..d9bf622 --- /dev/null +++ b/module/Apps/elements/svgLoader.mjs @@ -0,0 +1,11 @@ +import { RipCryptIcon } from "./Icon.mjs"; + +/** +Attributes: +@property {string} name - The name of the icon, takes precedence over the path +@property {string} path - The path of the icon file +*/ +export class RipCryptSVGLoader extends RipCryptIcon { + static elementName = `rc-svg`; + static _stylePath = `css/components/svg-loader.css`; +}; diff --git a/module/Apps/popovers/AmmoTracker.mjs b/module/Apps/popovers/AmmoTracker.mjs new file mode 100644 index 0000000..458e783 --- /dev/null +++ b/module/Apps/popovers/AmmoTracker.mjs @@ -0,0 +1,96 @@ +import { filePath } from "../../consts.mjs"; +import { GenericPopoverMixin } from "./GenericPopoverMixin.mjs"; +import { ItemFlags } from "../../flags/item.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; +import { Logger } from "../../utils/Logger.mjs"; + +const { HandlebarsApplicationMixin, ApplicationV2 } = foundry.applications.api; + +export class AmmoTracker extends GenericPopoverMixin(HandlebarsApplicationMixin(ApplicationV2)) { + // #region Options + static DEFAULT_OPTIONS = { + classes: [ + `ripcrypt`, + ], + window: { + title: `RipCrypt.app-titles.AmmoTracker`, + contentClasses: [ + `ripcrypt--AmmoTracker`, + ], + }, + actions: { + favourite: this.#favourite, + unfavourite: this.#unfavourite, + }, + }; + + static PARTS = { + ammoList: { + template: filePath(`templates/Apps/popovers/AmmoTracker/ammoList.hbs`), + }, + }; + // #endregion + + // #region Instance Data + _favouriteCount = 0; + // #endregion + + // #region Lifecycle + async _preparePartContext(partId, data) { + const ctx = { + meta: { idp: this.id }, + partId, + }; + + let favouriteCount = 0; + ctx.ammos = data.ammos.map(ammo => { + const favourite = ammo.getFlag(game.system.id, ItemFlags.FAVOURITE) ?? false; + if (favourite) { favouriteCount++ }; + + return { + ammo, + favourite, + }; + }); + + this._favouriteCount = favouriteCount; + ctx.atFavouriteLimit = favouriteCount >= 3; + return ctx; + }; + // #endregion + + // #region Actions + static async #favourite(_, el) { + const targetEl = el.closest(`[data-item-id]`); + if (!targetEl) { + Logger.warn(`Cannot find a parent element with data-item-id`); + return; + }; + + if (this._favouriteCount > 3) { + ui.notifications.error(localizer(`RipCrypt.notifs.error.at-favourite-limit`)); + return; + }; + + const data = targetEl.dataset; + const item = await fromUuid(data.itemId); + if (!item) { return }; + + item.setFlag(game.system.id, ItemFlags.FAVOURITE, true); + }; + + static async #unfavourite(_, el) { + const targetEl = el.closest(`[data-item-id]`); + if (!targetEl) { + Logger.warn(`Cannot find a parent element with data-item-id`); + return; + }; + + const data = targetEl.dataset; + const item = await fromUuid(data.itemId); + if (!item) { return }; + + item.unsetFlag(game.system.id, ItemFlags.FAVOURITE); + }; + // #endregion +}; diff --git a/module/Apps/popovers/GenericPopoverMixin.mjs b/module/Apps/popovers/GenericPopoverMixin.mjs new file mode 100644 index 0000000..271bb9a --- /dev/null +++ b/module/Apps/popovers/GenericPopoverMixin.mjs @@ -0,0 +1,188 @@ +import { updateForeignDocumentFromEvent } from "../utils.mjs"; + +const { ApplicationV2 } = foundry.applications.api; + +/** + * This mixin provides the ability to designate an Application as a "popover", + * which means that it will spawn near the x/y coordinates provided it won't + * overflow the bounds of the screen. This also implements a _preparePartContext + * in order to allow the parent application passing new data into the popover + * whenever it rerenders; how the popover handles this data is up to the + * specific implementation. + */ +export function GenericPopoverMixin(HandlebarsApp) { + class GenericRipCryptPopover extends HandlebarsApp { + static DEFAULT_OPTIONS = { + id: `popover-{id}`, + classes: [ + `popover`, + ], + window: { + frame: false, + positioned: true, + resizable: false, + minimizable: false, + }, + actions: {}, + }; + + popover = {}; + constructor({ popover, ...options}) { + + // For when the caller doesn't provide anything, we want this to behave + // like a normal Application instance. + popover.framed ??= true; + popover.locked ??= false; + + if (popover.framed) { + options.window ??= {}; + options.window.frame = true; + options.window.minimizable = true; + } + + options.classes ??= []; + options.classes.push(popover.framed ? `framed` : `frameless`); + + super(options); + this.popover = popover; + }; + + toggleLock() { + this.popover.locked = !this.popover.locked; + this.classList.toggle(`locked`, this.popover.locked); + }; + + /** + * This render utility is intended in order to make the popovers able to be + * used in both framed and frameless mode, making sure that the content classes + * from the framed mode get shunted onto the frameless Application's root + * element. + */ + async _onFirstRender(...args) { + await super._onFirstRender(...args); + + const hasContentClasses = this.options?.window?.contentClasses?.length > 0; + if (!this.popover.framed && hasContentClasses) { + this.classList.add(...this.options.window.contentClasses); + }; + }; + + async _onRender(...args) { + await super._onRender(...args); + + /* + Foreign update listeners so that we can easily update items that may not + be this document itself, but are useful to be able to be edited from this + sheet. Primarily useful for editing the Actors' Item collection, or an Items' + ActiveEffect collection. + */ + this.element.querySelectorAll(`input[data-foreign-update-on]`).forEach(el => { + const events = el.dataset.foreignUpdateOn.split(`,`); + for (const event of events) { + el.addEventListener(event, updateForeignDocumentFromEvent); + }; + }); + }; + + async close(options = {}) { + // prevent locked popovers from being closed + if (this.popover.locked && !options.force) { return }; + + if (!this.popover.framed) { + options.animate = false; + }; + return super.close(options); + }; + + /** + * @override + * Custom implementation in order to make it show up approximately where I + * want it to when being created. + * + * Most of this implementation is identical to the ApplicationV2 + * implementation, the biggest difference is how targetLeft and targetTop + * are calculated. + */ + _updatePosition(position) { + if (!this.element) { return position }; + if (this.popover.framed) { return super._updatePosition(position) }; + + const el = this.element; + let {width, height, left, top, scale} = position; + scale ??= 1.0; + const computedStyle = getComputedStyle(el); + let minWidth = ApplicationV2.parseCSSDimension(computedStyle.minWidth, el.parentElement.offsetWidth) || 0; + let maxWidth = ApplicationV2.parseCSSDimension(computedStyle.maxWidth, el.parentElement.offsetWidth) || Infinity; + let minHeight = ApplicationV2.parseCSSDimension(computedStyle.minHeight, el.parentElement.offsetHeight) || 0; + let maxHeight = ApplicationV2.parseCSSDimension(computedStyle.maxHeight, el.parentElement.offsetHeight) || Infinity; + let bounds = el.getBoundingClientRect(); + const {clientWidth, clientHeight} = document.documentElement; + + // Explicit width + const autoWidth = width === `auto`; + if ( !autoWidth ) { + const targetWidth = Number(width || bounds.width); + minWidth = parseInt(minWidth) || 0; + maxWidth = parseInt(maxWidth) || (clientWidth / scale); + width = Math.clamp(targetWidth, minWidth, maxWidth); + } + + // Explicit height + const autoHeight = height === `auto`; + if ( !autoHeight ) { + const targetHeight = Number(height || bounds.height); + minHeight = parseInt(minHeight) || 0; + maxHeight = parseInt(maxHeight) || (clientHeight / scale); + height = Math.clamp(targetHeight, minHeight, maxHeight); + } + + // Implicit height + if ( autoHeight ) { + Object.assign(el.style, {width: `${width}px`, height: ``}); + bounds = el.getBoundingClientRect(); + height = bounds.height; + } + + // Implicit width + if ( autoWidth ) { + Object.assign(el.style, {height: `${height}px`, width: ``}); + bounds = el.getBoundingClientRect(); + width = bounds.width; + } + + // Left Offset + const scaledWidth = width * scale; + const targetLeft = left ?? (this.popover.x - Math.floor( scaledWidth / 2 )); + const maxLeft = Math.max(clientWidth - scaledWidth, 0); + left = Math.clamp(targetLeft, 0, maxLeft); + + // Top Offset + const scaledHeight = height * scale; + const targetTop = top ?? (this.popover.y - scaledHeight); + const maxTop = Math.max(clientHeight - scaledHeight, 0); + top = Math.clamp(targetTop, 0, maxTop); + + // Scale + scale ??= 1.0; + return { + width: autoWidth ? `auto` : width, + height: autoHeight ? `auto` : height, + left, + top, + scale, + }; + }; + + /** + * This is here in order allow things that are not this Application + * to provide / augment the context data for the lifecycle of the app. + */ + async _prepareContext(_partId, _context, options) { + const context = {}; + Hooks.callAll(`prepare${this.constructor.name}Context`, context, options); + Hooks.callAll(`prepare${this.popover.managerId}Context`, context, options); + return context; + }; + }; + return GenericRipCryptPopover; +}; diff --git a/module/Apps/sidebar/CombatTracker.mjs b/module/Apps/sidebar/CombatTracker.mjs new file mode 100644 index 0000000..8cffd77 --- /dev/null +++ b/module/Apps/sidebar/CombatTracker.mjs @@ -0,0 +1,37 @@ +const { CombatTracker } = foundry.applications.sidebar.tabs; + +export class RipCryptCombatTracker extends CombatTracker { + /** + * Changes the way the combat tracker renders combatant rows to account for + * multiple combatants being in the same combat "group", thus all going at the + * same time. + * + * @override + */ + async _prepareTurnContext(combat, combatant, index) { + const turn = await super._prepareTurnContext(combat, combatant, index); + + turn.hasDecimals = true; + turn.initiative = combatant.dynamicInitiative; + + const groupKey = combatant?.groupKey; + if (groupKey && combat.started) { + turn.active ||= combat.combatant?.groupKey === groupKey; + if (turn.active && !turn.css.includes(`active`)) { + turn.css += ` active`; + }; + }; + + return turn; + }; + + async _onRender(...args) { + await super._onRender(...args); + + // Purge the combat controls that I don't want to exist because they don't + // make sense in the system. + this.element?.querySelector(`[data-action="resetAll"]`)?.remove(); + this.element?.querySelector(`[data-action="rollNPC"]`)?.remove(); + this.element?.querySelector(`[data-action="rollAll"]`)?.remove(); + }; +}; diff --git a/module/Apps/utils.mjs b/module/Apps/utils.mjs new file mode 100644 index 0000000..7c55ec4 --- /dev/null +++ b/module/Apps/utils.mjs @@ -0,0 +1,65 @@ +/* +This file contains utilities used by Applications in order to be DRYer +*/ + +/** + * @param {HTMLElement} target The element to operate on + */ +export async function createItemFromElement(target, { parent } = {}) { + const data = target.dataset; + const types = data.itemTypes?.split(`,`); + const type = data.defaultItemType; + await Item.createDialog( + { type }, + { parent }, + { + types, + folders: [], + }, + ); +}; + +/** + * @param {HTMLElement} target The element to operate on + */ +export async function editItemFromElement(target) { + const itemEl = target.closest(`[data-item-id]`); + if (!itemEl) { return }; + const itemId = itemEl.dataset.itemId; + if (!itemId) { return }; + const item = await fromUuid(itemId); + item.sheet.render({ force: true, orBringToFront: true }); +}; + +/** + * @param {HTMLElement} target The element to operate on + */ +export async function deleteItemFromElement(target) { + const itemEl = target.closest(`[data-item-id]`); + if (!itemEl) { return }; + const itemId = itemEl.dataset.itemId; + if (!itemId) { return }; + const item = await fromUuid(itemId); + item.delete(); +}; + +/** + * Updates a document using the UUID, expects there to be the following + * dataset attributes: + * - "data-foreign-uuid" : The UUID of the document to update + * - "data-foreign-name" : The dot-separated path of the value to update + * + * @param {Event} event + */ +export async function updateForeignDocumentFromEvent(event) { + const target = event.currentTarget; + const data = target.dataset; + const document = await fromUuid(data.foreignUuid); + + let value = target.value; + switch (target.type) { + case `checkbox`: value = target.checked; break; + }; + + await document?.update({ [data.foreignName]: value }); +}; diff --git a/module/api.mjs b/module/api.mjs new file mode 100644 index 0000000..4938519 --- /dev/null +++ b/module/api.mjs @@ -0,0 +1,43 @@ +// App imports +import { AmmoTracker } from "./Apps/popovers/AmmoTracker.mjs"; +import { CombinedHeroSheet } from "./Apps/ActorSheets/CombinedHeroSheet.mjs"; +import { DicePool } from "./Apps/DicePool.mjs"; +import { RichEditor } from "./Apps/RichEditor.mjs"; +import { SkillsCardV1 } from "./Apps/ActorSheets/SkillsCardV1.mjs"; +import { StatsCardV1 } from "./Apps/ActorSheets/StatsCardV1.mjs"; + +// Util imports +import { distanceBetweenFates, nextFate, previousFate } from "./utils/fates.mjs"; +import { documentSorter } from "./consts.mjs"; +import { rankToInteger } from "./utils/rank.mjs"; + +// Misc Imports +import { ItemFlags } from "./flags/item.mjs"; + +const { deepFreeze } = foundry.utils; + +Object.defineProperty( + globalThis, + `ripcrypt`, + { + value: deepFreeze({ + Apps: { + AmmoTracker, + DicePool, + CombinedHeroSheet, + StatsCardV1, + SkillsCardV1, + RichEditor, + }, + utils: { + documentSorter, + distanceBetweenFates, + nextFate, + previousFate, + rankToInteger, + }, + ItemFlags, + }), + writable: false, + }, +); diff --git a/module/consts.mjs b/module/consts.mjs new file mode 100644 index 0000000..405707e --- /dev/null +++ b/module/consts.mjs @@ -0,0 +1,67 @@ +const { getType } = foundry.utils; + +// MARK: filePath +export function filePath(path) { + if (path.startsWith(`/`)) { + path = path.slice(1); + }; + return `systems/ripcrypt/${path}`; +}; + +// MARK: toBoolean +/** + * Converts a value into a boolean based on the type of the value provided + * + * @param {any} val The value to convert + */ +export function toBoolean(val) { + switch (getType(val)) { + case `string`: { + return val === `true`; + }; + case `number`: { + return val === 1; + }; + }; + return Boolean(val); +}; + +// MARK: documentSorter +/** + * @typedef {Object} Sortable + * @property {integer} sort + * @property {string} name + */ + +/** + * Compares two Sortable documents in order to determine ordering + * @param {Sortable} a + * @param {Sortable} b + * @returns An integer dictating which order the two documents should be sorted in + */ +export function documentSorter(a, b) { + if (!a && !b) { + return 0; + } else if (!a) { + return 1; + } else if (!b) { + return -1; + }; + + const sortDelta = b.sort - a.sort; + if (sortDelta !== 0) { + return sortDelta; + }; + return Math.sign(a.name.localeCompare(b.name)); +}; + +// MARK: getTooltipDelay +/** + * Retrieves the configured minimum delay between the user hovering an element + * and a tooltip showing up. Used for the pseudo-tooltip Applications that I use. + * + * @returns The number of milliseconds for the timeout + */ +export function getTooltipDelay() { + return game.tooltip.constructor.TOOLTIP_ACTIVATION_MS; +}; diff --git a/module/data/Actor/Entity.mjs b/module/data/Actor/Entity.mjs new file mode 100644 index 0000000..7a424d9 --- /dev/null +++ b/module/data/Actor/Entity.mjs @@ -0,0 +1,196 @@ +import { derivedMaximumBar } from "../helpers.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; +import { rankToInteger } from "../../utils/rank.mjs"; +import { sumReduce } from "../../utils/sumReduce.mjs"; + +const { fields } = foundry.data; + +export class EntityData extends foundry.abstract.TypeDataModel { + + // MARK: Token Attrs + static get trackableAttributes() { + return { + bar: [ + `guts`, + ], + value: [ + `ability.grit`, + `ability.gait`, + `ability.grip`, + `ability.glim`, + `level.glory`, + `level.step`, + `level.rank`, + `coin.gold`, + `coin.silver`, + `coin.copper`, + ], + }; + }; + + // MARK: Schema + static defineSchema() { + return { + ability: new fields.SchemaField({ + grit: new fields.NumberField({ + min: 0, + initial: 1, + integer: true, + required: true, + nullable: false, + }), + gait: new fields.NumberField({ + min: 0, + initial: 1, + integer: true, + required: true, + nullable: false, + }), + grip: new fields.NumberField({ + min: 0, + initial: 1, + integer: true, + required: true, + nullable: false, + }), + glim: new fields.NumberField({ + min: 0, + initial: 1, + integer: true, + required: true, + nullable: false, + }), + }), + guts: derivedMaximumBar(0, 5), + coin: new fields.SchemaField({ + gold: new fields.NumberField({ + initial: 5, + integer: true, + required: true, + nullable: false, + }), + silver: new fields.NumberField({ + initial: 0, + integer: true, + required: true, + nullable: false, + }), + copper: new fields.NumberField({ + initial: 0, + integer: true, + required: true, + nullable: false, + }), + }), + fate: new fields.StringField({ + initial: ``, + blank: true, + trim: true, + nullable: false, + choices: () => { + return Object.values(gameTerms.FatePath).concat(``); + }, + }), + level: new fields.SchemaField({ + glory: new fields.NumberField({ + min: 0, + initial: 0, + integer: true, + required: true, + nullable: false, + }), + step: new fields.NumberField({ + min: 1, + initial: 1, + max: 3, + integer: true, + required: true, + nullable: false, + }), + rank: new fields.StringField({ + initial: gameTerms.Rank.NOVICE, + required: true, + nullable: false, + blank: false, + trim: true, + choices: Object.values(gameTerms.Rank), + }), + }), + }; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + + // Calculate the person's base Crafting aura + const rank = rankToInteger(this.level.rank); + this.aura = { + normal: ( rank + 1 ) * 2, + heavy: ( rank + 2 ) * 2, + }; + + this.guts.max = 0; + + // The limitations imposed on things like inventory spaces and equipped + // weapon count + this.limit = { + weapons: 4, + equipment: 12, + skills: 4, + }; + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + + this.guts.max += Object.values(this.ability).reduce(sumReduce); + + // Movement speeds + this.speed = { + move: this.ability.gait + 3, + run: (this.ability.gait + 3) * 2, + }; + }; + + // #region Getters + get equippedArmour() { + const armours = this.parent.itemTypes.armour; + const slots = Object.fromEntries( + Object.values(gameTerms.Anatomy).map(v => [v, null]), + ); + for (const armour of armours) { + if (!armour.system.equipped) { continue }; + for (const locationTag of [...armour.system.location.values()]) { + const location = locationTag.toLowerCase(); + slots[location] = armour; + }; + }; + return slots; + }; + + get equippedShield() { + const shields = this.parent.itemTypes.shield; + return shields.find(item => item.system.equipped); + }; + + get defense() { + const defenses = {}; + const armour = this.equippedArmour; + for (const slot in armour) { + defenses[slot] = armour[slot]?.system.protection ?? 0; + }; + + const shield = this.equippedShield; + if (shield) { + for (const location of [...shield.system.location.values()]) { + const slot = location.toLowerCase(); + defenses[slot] += shield.system.protection; + }; + }; + + return defenses; + }; + // #endregion +}; diff --git a/module/data/Actor/Geist.mjs b/module/data/Actor/Geist.mjs new file mode 100644 index 0000000..440392a --- /dev/null +++ b/module/data/Actor/Geist.mjs @@ -0,0 +1,3 @@ +import { EntityData } from "./Entity.mjs"; + +export class GeistData extends EntityData {}; diff --git a/module/data/Actor/Hero.mjs b/module/data/Actor/Hero.mjs index 48dd4f5..6e6c364 100644 --- a/module/data/Actor/Hero.mjs +++ b/module/data/Actor/Hero.mjs @@ -1,43 +1,3 @@ -const { fields } = foundry.data; +import { EntityData } from "./Entity.mjs"; -export class HeroData extends foundry.abstract.TypeDataModel { - static defineSchema() { - const schema = new fields.SchemaField({ - ability: new fields.SchemaField({ - grit: new fields.NumberField({ - min: 0, - initial: 1, - integer: true, - required: true, - nullable: false, - }), - gait: new fields.NumberField({ - min: 0, - initial: 1, - integer: true, - required: true, - nullable: false, - }), - grip: new fields.NumberField({ - min: 0, - initial: 1, - integer: true, - required: true, - nullable: false, - }), - glim: new fields.NumberField({ - min: 0, - initial: 1, - integer: true, - required: true, - nullable: false, - }), - }), - }); - return schema; - }; - - prepareBaseData() {}; - - prepareDerivedData() {}; -}; +export class HeroData extends EntityData {}; diff --git a/module/data/Item/Ammo.mjs b/module/data/Item/Ammo.mjs new file mode 100644 index 0000000..0493eb1 --- /dev/null +++ b/module/data/Item/Ammo.mjs @@ -0,0 +1,59 @@ +import { CommonItemData } from "./Common.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; + +export class AmmoData extends CommonItemData { + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; + + // #region Getters + // #endregion + + // #region Sheet Data + getFormFields(_ctx) { + const fields = [ + { + id: `quantity`, + type: `integer`, + label: `RipCrypt.common.quantity`, + path: `system.quantity`, + value: this.quantity, + min: 0, + }, + { + id: `access`, + type: `dropdown`, + label: `RipCrypt.common.access`, + path: `system.access`, + value: this.access, + limited: false, + options: [ + { + label: `RipCrypt.common.empty`, + value: ``, + }, + ...gameTerms.Access.map(opt => ({ + label: `RipCrypt.common.accessLevels.${opt}`, + value: opt, + })), + ], + }, + { + id: `cost`, + type: `cost`, + label: `RipCrypt.common.cost`, + gold: this.cost.gold, + silver: this.cost.silver, + copper: this.cost.copper, + }, + ]; + return fields; + }; + // #endregion +}; diff --git a/module/data/Item/Armour.mjs b/module/data/Item/Armour.mjs new file mode 100644 index 0000000..2669b4c --- /dev/null +++ b/module/data/Item/Armour.mjs @@ -0,0 +1,199 @@ +import { CommonItemData } from "./Common.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; +import { Logger } from "../../utils/Logger.mjs"; +import { requiredInteger } from "../helpers.mjs"; + +const { fields } = foundry.data; +const { hasProperty, diffObject, mergeObject } = foundry.utils; + +/** Used for Armour and Shields */ +export class ArmourData extends CommonItemData { + // MARK: Schema + static defineSchema() { + return { + ...super.defineSchema(), + protection: requiredInteger({ min: 0, initial: 1 }), + location: new fields.SetField( + new fields.StringField({ + blank: false, + trim: true, + nullable: false, + options: Object.values(gameTerms.Anatomy), + }), + { + nullable: false, + required: true, + }, + ), + equipped: new fields.BooleanField({ + initial: false, + required: true, + nullable: false, + }), + weight: new fields.StringField({ + blank: false, + nullable: true, + initial: null, + options: Object.values(gameTerms.WeightRatings), + }), + }; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; + + // #region Lifecycle + async _preUpdate(changes, options, user) { + // return false + if (options.force && game.settings.get(`ripcrypt`, `devMode`)) { return }; + + // Ensure changes is a diffed object + const diff = diffObject(this.parent._source, changes); + let valid = await super._preUpdate(changes, options, user); + + if (hasProperty(diff, `system.equipped`) && !this._canEquip()) { + ui.notifications.error( + localizer( + `RipCrypt.notifs.error.cannot-equip`, + { itemType: `@TYPES.Item.${this.parent.type}` }, + ), + { console: false }, + ); + + // Don't stop the update, but don't allow changing the equipped status + mergeObject(changes, { + "system.equipped": false, + }); + + // Set a flag so that we can tell the sheet that it needs to rerender + this.forceRerender = true; + }; + + return valid; + }; + + /** Used to tell the preUpdate logic whether or not to prevent the */ + _canEquip() { + const parent = this.parent; + if (!parent.isEmbedded || !(parent.parent instanceof Actor)) { + Logger.error(`Unable to equip item when it's not embedded`); + return false; + }; + + if (this.location.size === 0) { + Logger.error(`Unable to equip an item without any locations`); + return false; + }; + + const slots = parent.parent.system.equippedArmour ?? {}; + Logger.debug(`slots`, slots); + for (const locationTag of this.location) { + if (slots[locationTag.toLowerCase()] != null) { + Logger.error(`Unable to equip multiple items in the same slot`); + return false; + }; + }; + return true; + }; + // #endregion + + // #region Getters + get locationString() { + return [...this.location].join(`, `); + }; + // #endregion + + // #region Sheet Data + getFormFields(_ctx) { + const fields = [ + { + id: `quantity`, + type: `integer`, + label: `RipCrypt.common.quantity`, + path: `system.quantity`, + value: this.quantity, + min: 0, + }, + { + id: `access`, + type: `dropdown`, + label: `RipCrypt.common.access`, + path: `system.access`, + value: this.access, + limited: false, + options: [ + { + label: `RipCrypt.common.empty`, + value: ``, + }, + ...gameTerms.Access.map(opt => ({ + label: `RipCrypt.common.accessLevels.${opt}`, + value: opt, + })), + ], + }, + { + id: `cost`, + type: `cost`, + label: `RipCrypt.common.cost`, + gold: this.cost.gold, + silver: this.cost.silver, + copper: this.cost.copper, + }, + { + id: `weight`, + type: `dropdown`, + label: `RipCrypt.common.weightRating`, + path: `system.weight`, + value: this.weight, + options: [ + { + label: `RipCrypt.common.empty`, + value: null, + }, + ...Object.values(gameTerms.WeightRatings).map(opt => ({ + label: `RipCrypt.common.weightRatings.${opt}`, + value: opt, + })), + ], + }, + { + id: `location`, + type: `string-set`, + label: `RipCrypt.common.location`, + placeholder: `RipCrypt.Apps.location-placeholder`, + path: `system.location`, + value: this.locationString, + }, + { + id: `protection`, + type: `integer`, + label: `RipCrypt.common.protection`, + value: this.protection, + path: `system.protection`, + min: 0, + }, + ]; + + if (this.parent.isEmbedded) { + fields.push({ + id: `equipped`, + type: `boolean`, + label: `RipCrypt.common.equipped`, + value: this.equipped, + path: `system.equipped`, + }); + }; + + return fields; + }; + // #endregion +}; diff --git a/module/data/Item/Common.mjs b/module/data/Item/Common.mjs new file mode 100644 index 0000000..bf37c0e --- /dev/null +++ b/module/data/Item/Common.mjs @@ -0,0 +1,34 @@ +import { optionalInteger, requiredInteger } from "../helpers.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; + +const { fields } = foundry.data; + +export class CommonItemData extends foundry.abstract.TypeDataModel { + // MARK: Schema + static defineSchema() { + return { + quantity: requiredInteger({ min: 0, initial: 1 }), + access: new fields.StringField({ + blank: true, + nullable: false, + trim: true, + choices: gameTerms.Access, + }), + cost: new fields.SchemaField({ + gold: optionalInteger(), + silver: optionalInteger(), + copper: optionalInteger(), + }), + }; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; +}; diff --git a/module/data/Item/Craft.mjs b/module/data/Item/Craft.mjs new file mode 100644 index 0000000..23aa9ba --- /dev/null +++ b/module/data/Item/Craft.mjs @@ -0,0 +1,78 @@ +import { gameTerms } from "../../gameTerms.mjs"; +import { SkillData } from "./Skill.mjs"; + +const { fields } = foundry.data; + +export class CraftData extends SkillData { + // MARK: Schema + static defineSchema() { + const schema = super.defineSchema(); + delete schema.ability; + + schema.aspect = new fields.StringField({ + initial: gameTerms.Aspects.FLECT, + blank: true, + trim: true, + nullable: false, + required: true, + choices: () => Object.values(gameTerms.Aspects), + }); + + return schema; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; + + // #region Getters + // #endregion + + // #region Sheet Data + async getFormFields(_ctx) { + const fields = [ + { + id: `fate-path`, + type: `dropdown`, + label: `RipCrypt.common.aspect`, + path: `system.aspect`, + value: this.aspect, + options: Object.values(gameTerms.Aspects).map(aspect => ({ + label: `RipCrypt.common.aspectNames.${aspect}`, + value: aspect, + })), + }, + { + id: `description`, + type: `prosemirror`, + label: `RipCrypt.common.description`, + path: `system.description`, + uuid: this.parent.uuid, + value: await TextEditor.enrichHTML(this.description), + collaborative: false, + }, + { + type: `group`, + title: `RipCrypt.common.advances`, + paddingTop: `20px`, + fields: Object.values(gameTerms.Rank).map(rank => { + return { + id: `advance-${rank}`, + type: `text`, + label: `RipCrypt.common.rankNames.${rank}`, + path: `system.advances.${rank}`, + value: this.advances[rank] ?? ``, + }; + }), + }, + ]; + return fields; + }; + // #endregion +}; diff --git a/module/data/Item/Good.mjs b/module/data/Item/Good.mjs new file mode 100644 index 0000000..9af246b --- /dev/null +++ b/module/data/Item/Good.mjs @@ -0,0 +1,83 @@ +import { CommonItemData } from "./Common.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; + +const { fields } = foundry.data; + +export class GoodData extends CommonItemData { + // MARK: Schema + static defineSchema() { + const schema = super.defineSchema(); + + schema.description = new fields.HTMLField({ + blank: true, + nullable: false, + trim: true, + }); + + return schema; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; + + // #region Getters + // #endregion + + // #region Sheet Data + async getFormFields(_ctx) { + const fields = [ + { + id: `quantity`, + type: `integer`, + label: `RipCrypt.common.quantity`, + path: `system.quantity`, + value: this.quantity, + min: 0, + }, + { + id: `access`, + type: `dropdown`, + label: `RipCrypt.common.access`, + path: `system.access`, + value: this.access, + limited: false, + options: [ + { + label: `RipCrypt.common.empty`, + value: ``, + }, + ...gameTerms.Access.map(opt => ({ + label: `RipCrypt.common.accessLevels.${opt}`, + value: opt, + })), + ], + }, + { + id: `cost`, + type: `cost`, + label: `RipCrypt.common.cost`, + gold: this.cost.gold, + silver: this.cost.silver, + copper: this.cost.copper, + }, + { + id: `description`, + type: `prosemirror`, + label: `RipCrypt.common.description`, + path: `system.description`, + uuid: this.parent.uuid, + value: await TextEditor.enrichHTML(this.description), + collaborative: false, + }, + ]; + return fields; + }; + // #endregion +}; diff --git a/module/data/Item/Shield.mjs b/module/data/Item/Shield.mjs new file mode 100644 index 0000000..aed37b7 --- /dev/null +++ b/module/data/Item/Shield.mjs @@ -0,0 +1,19 @@ +import { ArmourData } from "./Armour.mjs"; +import { Logger } from "../../utils/Logger.mjs"; + +export class ShieldData extends ArmourData { + _canEquip() { + const parent = this.parent; + if (!parent.isEmbedded || !(parent.parent instanceof Actor)) { + Logger.error(`Unable to equip item when it's not embedded`); + return false; + }; + + const shield = parent.parent.system.equippedShield; + if (shield) { + Logger.error(`Unable to equip multiple shields`); + return false; + }; + return true; + }; +}; diff --git a/module/data/Item/Skill.mjs b/module/data/Item/Skill.mjs new file mode 100644 index 0000000..520a344 --- /dev/null +++ b/module/data/Item/Skill.mjs @@ -0,0 +1,91 @@ +import { gameTerms } from "../../gameTerms.mjs"; + +const { fields } = foundry.data; + +export class SkillData extends foundry.abstract.TypeDataModel { + // MARK: Schema + static defineSchema() { + const schema = { + ability: new fields.StringField({ + initial: gameTerms.Abilities.GRIT, + blank: true, + trim: true, + nullable: false, + required: true, + choices: () => Object.values(gameTerms.Abilities), + }), + description: new fields.HTMLField({ + blank: true, + nullable: false, + trim: true, + }), + }; + + const advances = {}; + for (const rank of Object.values(gameTerms.Rank)) { + advances[rank] = new fields.StringField({ + blank: false, + nullable: true, + initial: null, + }); + }; + schema.advances = new fields.SchemaField(advances); + + return schema; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; + + // #region Getters + // #endregion + + // #region Sheet Data + async getFormFields(_ctx) { + const fields = [ + { + id: `fate-path`, + type: `dropdown`, + label: `RipCrypt.common.ability`, + path: `system.ability`, + value: this.ability, + options: Object.values(gameTerms.Abilities).map(ability => ({ + label: `RipCrypt.common.abilities.${ability}`, + value: ability, + })), + }, + { + id: `description`, + type: `prosemirror`, + label: `RipCrypt.common.description`, + path: `system.description`, + uuid: this.parent.uuid, + value: await TextEditor.enrichHTML(this.description), + collaborative: false, + }, + { + type: `group`, + title: `RipCrypt.common.advances`, + paddingTop: `20px`, + fields: Object.values(gameTerms.Rank).map(rank => { + return { + id: `advance-${rank}`, + type: `text`, + label: `RipCrypt.common.rankNames.${rank}`, + path: `system.advances.${rank}`, + value: this.advances[rank] ?? ``, + }; + }), + }, + ]; + return fields; + }; + // #endregion +}; diff --git a/module/data/Item/Weapon.mjs b/module/data/Item/Weapon.mjs new file mode 100644 index 0000000..a4b77ff --- /dev/null +++ b/module/data/Item/Weapon.mjs @@ -0,0 +1,229 @@ +import { barAttribute, optionalInteger, requiredInteger } from "../helpers.mjs"; +import { CommonItemData } from "./Common.mjs"; +import { gameTerms } from "../../gameTerms.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; + +const { fields } = foundry.data; +const { hasProperty, mergeObject } = foundry.utils; + +export class WeaponData extends CommonItemData { + // MARK: Schema + static defineSchema() { + return { + ...super.defineSchema(), + traits: new fields.SetField( + new fields.StringField({ + blank: false, + trim: true, + nullable: false, + }), + { + nullable: false, + required: true, + }, + ), + range: new fields.SchemaField({ + short: optionalInteger(), + long: optionalInteger(), + }), + damage: requiredInteger({ min: 0, initial: 0 }), + wear: barAttribute(0, 0, 4), + equipped: new fields.BooleanField({ + initial: false, + required: true, + nullable: false, + }), + weight: new fields.StringField({ + blank: false, + nullable: true, + initial: null, + options: Object.values(gameTerms.WeightRatings), + }), + }; + }; + + // MARK: Base Data + prepareBaseData() { + super.prepareBaseData(); + }; + + // MARK: Derived Data + prepareDerivedData() { + super.prepareDerivedData(); + }; + + // #region Lifecycle + async _preUpdate(changes, options, user) { + if (options.force && game.settings.get(`ripcrypt`, `devMode`)) { return }; + let valid = super._preUpdate(changes, options, user); + + if (hasProperty(changes, `system.equipped`) && !this.parent.isEmbedded) { + ui.notifications.error(localizer( + `RipCrypt.notifs.error.cannot-equip-not-embedded`, + { itemType: `@TYPES.Item.${this.parent.type}` }, + )); + mergeObject( + changes, + { "-=system.equipped": null }, + { inplace: true, performDeletions: true }, + ); + return false; + }; + return valid; + }; + // #endregion + + // #region Getters + get traitString() { + return [...this.traits].join(`, `); + }; + + get rangeString() { + if (this.range.short && this.range.long) { + return `${this.range.short} / ${this.range.long}`; + }; + return String(this.range.short ?? this.range.long ?? ``); + }; + // #endregion + + // #region Sheet Data + async getFormFields(_ctx) { + const fields = [ + { + id: `quantity`, + type: `integer`, + label: `RipCrypt.common.quantity`, + path: `system.quantity`, + value: this.quantity, + min: 0, + }, + { + id: `access`, + type: `dropdown`, + label: `RipCrypt.common.access`, + path: `system.access`, + value: this.access, + limited: false, + options: [ + { + label: `RipCrypt.common.empty`, + value: ``, + }, + ...gameTerms.Access.map(opt => ({ + label: `RipCrypt.common.accessLevels.${opt}`, + value: opt, + })), + ], + }, + { + id: `cost`, + type: `cost`, + label: `RipCrypt.common.cost`, + gold: this.cost.gold, + silver: this.cost.silver, + copper: this.cost.copper, + }, + { + id: `weight`, + type: `dropdown`, + label: `RipCrypt.common.weightRating`, + path: `system.weight`, + value: this.weight, + options: [ + { + label: `RipCrypt.common.empty`, + value: null, + }, + ...Object.values(gameTerms.WeightRatings).map(opt => ({ + label: `RipCrypt.common.weightRatings.${opt}`, + value: opt, + })), + ], + }, + { + id: `traits`, + type: `string-set`, + label: `RipCrypt.common.traits`, + placeholder: `RipCrypt.Apps.traits-placeholder`, + path: `system.traits`, + value: this.traitString, + }, + ]; + + // Add the range inputs depending on whether the user wants condensed range + // or not. + if (game.settings.get(`ripcrypt`, `condensedRange`)) { + fields.push({ + type: `bar`, + label: `RipCrypt.common.range`, + value: { + label: `RipCrypt.Apps.short-range`, + path: `system.range.short`, + value: this.range.short, + }, + max: { + label: `RipCrypt.Apps.long-range`, + path: `system.range.long`, + value: this.range.long, + }, + }); + } else { + fields.push({ + id: `short-range`, + type: `integer`, + label: `RipCrypt.Apps.short-range`, + path: `system.range.short`, + value: this.range.short ?? ``, + min: 0, + }, + { + id: `long-range`, + type: `integer`, + label: `RipCrypt.Apps.long-range`, + path: `system.range.long`, + value: this.range.long ?? ``, + min: 0, + }); + }; + + fields.push( + { + id: `damage`, + type: `integer`, + label: `RipCrypt.common.damage`, + path: `system.damage`, + value: this.damage, + min: 0, + }, + { + type: `bar`, + label: `RipCrypt.common.wear`, + value: { + label: `RipCrypt.Apps.current-wear`, + path: `system.wear.value`, + value: this.wear.value, + min: 0, max: this.wear.max, + }, + max: { + label: `RipCrypt.Apps.max-wear`, + path: `system.wear.max`, + value: this.wear.max, + min: 0, + }, + }, + ); + + if (this.parent.isEmbedded) { + fields.push({ + id: `equipped`, + type: `boolean`, + label: `RipCrypt.common.equipped`, + value: this.equipped, + path: `system.equipped`, + }); + }; + + return fields; + }; + // #endregion +}; diff --git a/module/data/helpers.mjs b/module/data/helpers.mjs new file mode 100644 index 0000000..e7c705f --- /dev/null +++ b/module/data/helpers.mjs @@ -0,0 +1,56 @@ +const { fields } = foundry.data; + +export function barAttribute(min, initial, max = undefined) { + return new fields.SchemaField({ + value: new fields.NumberField({ + min, + initial, + max, + integer: true, + nullable: false, + }), + max: new fields.NumberField({ + min, + initial, + max, + integer: true, + nullable: false, + }), + }); +}; + +export function derivedMaximumBar(min, initial) { + return new fields.SchemaField({ + value: new fields.NumberField({ + min, + initial, + integer: true, + nullable: false, + }), + }); +}; + +export function optionalInteger({min, initial = null, max} = {}) { + return new fields.NumberField({ + min, + initial, + max, + required: true, + nullable: true, + integer: true, + }); +}; + +export function requiredInteger({ min, initial, max } = {}) { + if (initial == null || typeof initial !== `number`) { + throw new Error(`"initial" must be a number`); + }; + return new fields.NumberField({ + min, + initial, + max, + required: true, + nullable: false, + integer: true, + }); +}; diff --git a/module/dice/CryptDie.mjs b/module/dice/CryptDie.mjs new file mode 100644 index 0000000..9f304d2 --- /dev/null +++ b/module/dice/CryptDie.mjs @@ -0,0 +1,54 @@ +const { Die } = foundry.dice.terms; + +export class CryptDie extends Die { + static get MODIFIERS() { + return { + ...super.MODIFIERS, + "rc": `ripOrCrypt`, + }; + }; + + ripCryptState = undefined; + async ripOrCrypt(modifier) { + + const rgx = /rc([0-9]+)/i; + const match = modifier.match(rgx); + if (!match) { return false }; + let [ target ] = match.slice(1); + + /* + Handle "Ripping" rolls, which is equivalent to re-rolling 8's and counting + it as a success. + */ + await this.explode(`x=8`, { recursive: true }); + if(this.results.some(result => result.exploded)) { + this.ripCryptState = `ripping`; + }; + + /* + Handles "Crypting" rolls, which is a single explosion on 1's which if it + results in a second 1, causes the roll to "crypt" + */ + if (!this.ripCryptState) { + await this.explode(`xo=1`, { recursive: false }); + + let almostCrypted = false; + for (const result of this.results) { + if (result.result !== 1) { continue }; + if (almostCrypted) { + this.ripCryptState = `crypted`; + break; + } else { + almostCrypted = true; + } + } + }; + + // Count successes + await this.countSuccess(`cs>=${target}`); + }; + + get total() { + return Math.max(super.total, 0); + }; +}; diff --git a/module/documents/combat.mjs b/module/documents/combat.mjs new file mode 100644 index 0000000..0e3936f --- /dev/null +++ b/module/documents/combat.mjs @@ -0,0 +1,139 @@ +/* +Resources: +- Combat : https://github.com/foundryvtt/dnd5e/blob/4.3.x/module/documents/combat.mjs +- Combatant : https://github.com/foundryvtt/dnd5e/blob/4.3.x/module/documents/combatant.mjs +- CombatTracker : https://github.com/foundryvtt/dnd5e/blob/4.3.x/module/applications/combat/combat-tracker.mjs +*/ + +export class RipCryptCombat extends Combat { + + get customGroups() { + let groups = new Map(); + + for (const combatant of this.combatants) { + const groupKey = combatant.groupKey; + if (!groupKey) { continue }; + + if (groups.has(groupKey)) { + groups.get(groupKey).push(combatant); + } else { + groups.set(groupKey, [combatant]); + }; + }; + + return groups; + }; + + /** + * @override + * Sorts combatants for the combat tracker in the following way: + * - Distance from the current fate ordinal. (0 -> 3) + * - Coin Flip result (if disposition matches flip result, then 0, otherwise, 0.5) + */ + _sortCombatants(a, b) { + const ia = Number.isNumeric(a.dynamicInitiative) ? a.dynamicInitiative : -Infinity; + const ib = Number.isNumeric(b.dynamicInitiative) ? b.dynamicInitiative : -Infinity; + + const delta = ia - ib; + if (Math.sign(delta) !== 0) { + return delta; + }; + + // fallback to alphabetical sort + return a.name < b.name ? -1 : 1; + }; + + async nextTurn() { + if (this.round === 0) {return this.nextRound()} + + const turn = this.turn ?? -1; + + const groupKey = this.turns[turn]?.groupKey; + + // Determine the next turn number + let nextTurn = null; + for (let i = turn + 1; i < this.turns.length; i++) { + const combatant = this.turns[i]; + if (combatant.groupKey !== groupKey) { + nextTurn = i; + break; + }; + }; + + // Maybe advance to the next round + if ((nextTurn === null) || (nextTurn >= this.turns.length)) {return this.nextRound()} + + const advanceTime = this.getTimeDelta(this.round, this.turn, this.round, nextTurn); + + // Update the document, passing data through a hook first + const updateData = {round: this.round, turn: nextTurn}; + const updateOptions = {direction: 1, worldTime: {delta: advanceTime}}; + Hooks.callAll(`combatTurn`, this, updateData, updateOptions); + await this.update(updateData, updateOptions); + return this; + }; + + async previousTurn() { + if (this.round === 0) { return this } + if ((this.turn === 0) || (this.turns.length === 0)) {return this.previousRound()} + + const currentTurn = (this.turn ?? this.turns.length) - 1; + let previousTurn = null; + const groupKey = this.combatant.groupKey; + for (let i = currentTurn; i >= 0; i--) { + const combatant = this.turns[i]; + if (combatant.groupKey !== groupKey) { + previousTurn = i; + break; + } + } + + if (previousTurn < 0) { + if (this.round === 1) { + this.round = 0; + return this; + }; + return this.previousRound(); + } + + const advanceTime = this.getTimeDelta(this.round, this.turn, this.round, previousTurn); + + // Update the document, passing data through a hook first + const updateData = {round: this.round, turn: previousTurn}; + const updateOptions = {direction: -1, worldTime: {delta: advanceTime}}; + Hooks.callAll(`combatTurn`, this, updateData, updateOptions); + await this.update(updateData, updateOptions); + return this; + }; + + /** + * Overridden to make it so that there can be multiple tokens with turn markers + * visible at the same time. + * + * @protected + * @internal + * @override + */ + _updateTurnMarkers() { + if (!canvas.ready) { return }; + + const tokenGroup = this.combatant?.groupKey; + for (const token of canvas.tokens.turnMarkers) { + const actor = token.actor ?? token.baseActor; + if (actor?.groupKey !== tokenGroup) { + token.renderFlags.set({refreshTurnMarker: true}); + } + } + + if (!this.active) { return }; + const currentToken = this.combatant?.token?._object; + if (!tokenGroup && currentToken) { + currentToken.renderFlags.set({refreshTurnMarker: true}); + } else { + const group = this.customGroups.get(tokenGroup) ?? []; + for (const combatant of group) { + combatant.token?._object?.renderFlags.set({ refreshTurnMarker: true }); + } + } + } +}; diff --git a/module/documents/combatant.mjs b/module/documents/combatant.mjs new file mode 100644 index 0000000..0594db5 --- /dev/null +++ b/module/documents/combatant.mjs @@ -0,0 +1,70 @@ +import { distanceBetweenFates } from "../utils/fates.mjs"; + +export class RipCryptCombatant extends Combatant { + + get disposition() { + switch (this.token?.disposition) { + case CONST.TOKEN_DISPOSITIONS.HOSTILE: + return `hostile`; + case CONST.TOKEN_DISPOSITIONS.FRIENDLY: + return `friendly`; + }; + return `unknown`; + }; + + /** + * Used by the Combat tracker to order combatants according to their + * fate path and the coin flip. + */ + get dynamicInitiative() { + let total = 0; + + const start = game.settings.get(`ripcrypt`, `currentFate`); + const end = this.actor?.system?.fate || this.baseActor?.system?.fate; + total += distanceBetweenFates(start, end); + + const whoFirst = game.settings.get(`ripcrypt`, `whoFirst`); + if (whoFirst) { + const disposition = this.disposition; + if (disposition === `unknown`) { + total += 0.25; + } else if (whoFirst !== disposition) { + total += 0.5; + }; + }; + + return total; + }; + + get groupKey() { + const path = this.token?.actor?.system?.fate; + + // Disallow grouping things that don't have a fate path + if (!path) { return null }; + + // Token Disposition (group into: friendlies, unknown, hostiles) + let disposition = this.disposition; + + return `${path}:${disposition}`; + }; + + /** + * Used to create the turn marker when the combatant is added if they're in + * the group whose turn it is. + * + * @override + */ + _onCreate() { + this.token?._object?._refreshTurnMarker(); + }; + + /** + * Used to remove the turn marker when the combatant is removed from combat + * if they had it visible so that it doesn't stick around infinitely. + * + * @override + */ + _onDelete() { + this.token?._object?._refreshTurnMarker(); + }; +}; diff --git a/module/documents/item.mjs b/module/documents/item.mjs new file mode 100644 index 0000000..ac1d188 --- /dev/null +++ b/module/documents/item.mjs @@ -0,0 +1,8 @@ +export class RipCryptItem extends Item { + get quantifiedName() { + if (this.system.quantity != null && this.system.quantity !== 1) { + return `${this.name} (${this.system.quantity})`; + }; + return this.name; + }; +}; diff --git a/module/documents/token.mjs b/module/documents/token.mjs new file mode 100644 index 0000000..c4913fe --- /dev/null +++ b/module/documents/token.mjs @@ -0,0 +1,35 @@ +const { Token } = foundry.canvas.placeables; +const { TokenTurnMarker } = foundry.canvas.placeables.tokens; + +export class RipCryptToken extends Token { + /** + * Overridden using a slightly modified implementation in order to make it so + * that the turn marker shows up on tokens if they're in the same group as the + * currently active combatant + * + * @override + */ + _refreshTurnMarker() { + // Should a Turn Marker be active? + const {turnMarker} = this.document; + const markersEnabled = CONFIG.Combat.settings.turnMarker.enabled + && (turnMarker.mode !== CONST.TOKEN_TURN_MARKER_MODES.DISABLED); + const combatant = game.combat?.active ? game.combat.combatant : null; + const isTurn = combatant && (combatant.groupKey === this.combatant?.groupKey); + const isDefeated = combatant && combatant.isDefeated; + const markerActive = markersEnabled && isTurn && !isDefeated; + + // Activate a Turn Marker + if (markerActive) { + if (!this.turnMarker) { + this.turnMarker = this.addChildAt(new TokenTurnMarker(this), 0); + }; + canvas.tokens.turnMarkers.add(this); + this.turnMarker.draw(); + } else if (this.turnMarker) { + canvas.tokens.turnMarkers.delete(this); + this.turnMarker.destroy(); + this.turnMarker = null; + } + } +}; diff --git a/module/flags/item.mjs b/module/flags/item.mjs new file mode 100644 index 0000000..de53d3b --- /dev/null +++ b/module/flags/item.mjs @@ -0,0 +1,4 @@ +export const ItemFlags = Object.freeze({ + /** The boolean value to indicate if an item is considered favourited/starred or not */ + FAVOURITE: `favourited`, +}); diff --git a/module/gameTerms.mjs b/module/gameTerms.mjs new file mode 100644 index 0000000..86507ad --- /dev/null +++ b/module/gameTerms.mjs @@ -0,0 +1,51 @@ +export const gameTerms = Object.preventExtensions({ + Abilities: Object.freeze({ + GRIT: `grit`, + GRIP: `grip`, + GAIT: `gait`, + GLIM: `glim`, + THINGLIM: `thin-glim`, + }), + Aspects: Object.freeze({ + FOCUS: `focus`, + FLECT: `flect`, + FRACT: `fract`, + }), + FatePath: Object.freeze({ + NORTH: `North`, + EAST: `East`, + SOUTH: `South`, + WEST: `West`, + }), + Access: [ + `Common`, + `Uncommon`, + `Rare`, + `Scarce`, + ], + Rank: Object.freeze({ + NOVICE: `novice`, + ADEPT: `adept`, + EXPERT: `expert`, + MASTER: `master`, + }), + Anatomy: Object.freeze({ + HEAD: `head`, + BODY: `body`, + ARMS: `arms`, + LEGS: `legs`, + }), + /** The types of items that contribute to the gear limit */ + gearItemTypes: new Set([ + `ammo`, + `armour`, + `weapon`, + `shield`, + `good`, + ]), + WeightRatings: Object.freeze({ + LIGHT: `light`, + MODEST: `modest`, + HEAVY: `heavy`, + }), +}); diff --git a/module/handlebarHelpers/_index.mjs b/module/handlebarHelpers/_index.mjs new file mode 100644 index 0000000..9c8587d --- /dev/null +++ b/module/handlebarHelpers/_index.mjs @@ -0,0 +1,13 @@ +import { handlebarsLocalizer, localizer } from "../utils/Localizer.mjs"; +import { formFields } from "./inputs/formFields.mjs"; +import { options } from "./options.mjs"; + +export default { + // #region Complex + "rc-formFields": formFields, + "rc-i18n": handlebarsLocalizer, + "rc-options": options, + + // #region Simple + "rc-empty-state": (v) => v ?? localizer(`RipCrypt.common.empty`), +}; diff --git a/module/handlebarHelpers/inputs/barInput.mjs b/module/handlebarHelpers/inputs/barInput.mjs new file mode 100644 index 0000000..f72983e --- /dev/null +++ b/module/handlebarHelpers/inputs/barInput.mjs @@ -0,0 +1,36 @@ +import { localizer } from "../../utils/Localizer.mjs"; + +export function barInput(input, data) { + const label = localizer(input.label); + + // Trying to do limited bar info is... annoying to do. + if (data.meta.limited && input.limited) { + return ``; + }; + + return `
+ +
+ + +
+
`; +}; diff --git a/module/handlebarHelpers/inputs/booleanInput.mjs b/module/handlebarHelpers/inputs/booleanInput.mjs new file mode 100644 index 0000000..c3db3c3 --- /dev/null +++ b/module/handlebarHelpers/inputs/booleanInput.mjs @@ -0,0 +1,30 @@ +import { localizer } from "../../utils/Localizer.mjs"; + +export function booleanInput(input, data) { + const label = localizer(input.label); + const id = `${data.meta.idp}-${input.id}`; + + if (data.meta.limited) { + return `
+ ${label} +
+ ??? +
+
`; + }; + + return `
+ +
+ +
+
`; +}; diff --git a/module/handlebarHelpers/inputs/currency.mjs b/module/handlebarHelpers/inputs/currency.mjs new file mode 100644 index 0000000..12b6ca8 --- /dev/null +++ b/module/handlebarHelpers/inputs/currency.mjs @@ -0,0 +1,33 @@ +import { groupInput } from "./groupInput.mjs"; + +export function costInput(input, data) { + return groupInput({ + title: input.label, + fields: [ + { + id: input.id + `-gold`, + type: `integer`, + label: `RipCrypt.common.currency.gold`, + value: input.gold, + path: `system.cost.gold`, + limited: input.limited, + }, + { + id: input.id + `-silver`, + type: `integer`, + label: `RipCrypt.common.currency.silver`, + value: input.silver, + path: `system.cost.silver`, + limited: input.limited, + }, + { + id: input.id + `-copper`, + type: `integer`, + label: `RipCrypt.common.currency.copper`, + value: input.copper, + path: `system.cost.copper`, + limited: input.limited, + }, + ], + }, data); +}; diff --git a/module/handlebarHelpers/inputs/dropdownInput.mjs b/module/handlebarHelpers/inputs/dropdownInput.mjs new file mode 100644 index 0000000..9b19a6e --- /dev/null +++ b/module/handlebarHelpers/inputs/dropdownInput.mjs @@ -0,0 +1,36 @@ +import { localizer } from "../../utils/Localizer.mjs"; +import { options } from "../options.mjs"; + +export function dropdownInput(input, data) { + const label = localizer(input.label); + const id = `${data.meta.idp}-${input.id}`; + + if (!data.meta.editable) { + return `
+ ${label} + ${data.meta.limited && input.limited ? `???` : input.value} +
`; + }; + + if (!input.options.length) { + throw new Error(`dropdown type inputs must have some options`); + }; + + return `
+ + +
`; +}; diff --git a/module/handlebarHelpers/inputs/formFields.mjs b/module/handlebarHelpers/inputs/formFields.mjs new file mode 100644 index 0000000..d8cd18e --- /dev/null +++ b/module/handlebarHelpers/inputs/formFields.mjs @@ -0,0 +1,47 @@ +import { barInput } from "./barInput.mjs"; +import { booleanInput } from "./booleanInput.mjs"; +import { costInput } from "./currency.mjs"; +import { dropdownInput } from "./dropdownInput.mjs"; +import { groupInput } from "./groupInput.mjs"; +import { numberInput } from "./numberInput.mjs"; +import { prosemirrorInput } from "./prosemirrorInput.mjs"; +import { stringSet } from "./stringSet.mjs"; +import { textInput } from "./textInput.mjs"; + +const { getType } = foundry.utils; + +const inputTypes = { + "string-set": stringSet, + prosemirror: prosemirrorInput, + integer: numberInput, + bar: barInput, + dropdown: dropdownInput, + boolean: booleanInput, + group: groupInput, + text: textInput, + cost: costInput, +}; + +const typesToSanitize = new Set([ `string`, `number` ]); + +export function formFields(inputs, opts) { + const fields = []; + for (const input of inputs) { + if (inputTypes[input.type] == null) { continue }; + + if (input.type !== `group`) { + input.limited ??= true; + }; + + if ( + input.type !== `prosemirror` + && typesToSanitize.has(getType(input.value)) + ) { + input.value = Handlebars.escapeExpression(input.value); + }; + fields.push(inputTypes[input.type](input, opts.data.root)); + }; + return fields + .filter(i => i.length > 0) + .join(opts.hash?.joiner ?? `
`); +}; diff --git a/module/handlebarHelpers/inputs/groupInput.mjs b/module/handlebarHelpers/inputs/groupInput.mjs new file mode 100644 index 0000000..59f26e8 --- /dev/null +++ b/module/handlebarHelpers/inputs/groupInput.mjs @@ -0,0 +1,26 @@ +import { formFields } from "./formFields.mjs"; +import { localizer } from "../../utils/Localizer.mjs"; + +export function groupInput(input, data) { + const title = localizer(input.title); + + const content = formFields( + input.fields, + { + data: { root: data }, + hash: { joiner: input.joiner ?? `` }, + }, + ); + + return ` +
${title}
+
+ ${content} +
+ `; +}; diff --git a/module/handlebarHelpers/inputs/numberInput.mjs b/module/handlebarHelpers/inputs/numberInput.mjs new file mode 100644 index 0000000..8407912 --- /dev/null +++ b/module/handlebarHelpers/inputs/numberInput.mjs @@ -0,0 +1,33 @@ +import { localizer } from "../../utils/Localizer.mjs"; + +export function numberInput(input, data) { + const label = localizer(input.label); + const id = `${data.meta.idp}-${input.id}`; + + if (!data.meta.editable) { + return `
+ ${label} + ${data.meta.limited && input.limited ? `???` : input.value} +
`; + }; + + let attrs = ``; + if (input.min != undefined) { attrs += ` min="${input.min}"` }; + if (input.max != undefined) { attrs += ` max="${input.max}"` }; + if (input.step != undefined) { attrs += `step="${input.step}"` }; + + return `
+ + +
`; +}; diff --git a/module/handlebarHelpers/inputs/prosemirrorInput.mjs b/module/handlebarHelpers/inputs/prosemirrorInput.mjs new file mode 100644 index 0000000..df84e6c --- /dev/null +++ b/module/handlebarHelpers/inputs/prosemirrorInput.mjs @@ -0,0 +1,43 @@ +import { localizer } from "../../utils/Localizer.mjs"; + +export function prosemirrorInput(input, data) { + const label = localizer(input.label); + + if (!data.meta.editable) { + return `
+
+
+ ${label} +
+
+
+ ${input.value} +
+
`; + }; + + return `
+
+
+ ${label} +
+ +
+ + +
${input.value}
+
`; +}; diff --git a/module/handlebarHelpers/inputs/stringSet.mjs b/module/handlebarHelpers/inputs/stringSet.mjs new file mode 100644 index 0000000..1f059ac --- /dev/null +++ b/module/handlebarHelpers/inputs/stringSet.mjs @@ -0,0 +1,51 @@ +import { localizer } from "../../utils/Localizer.mjs"; + +export function stringSet(input, data) { + const label = localizer(input.label); + const placeholder = localizer(input.placeholder ?? ``); + const id = `${data.meta.idp}-${input.id}`; + + if (!data.meta.editable) { + const tagList = input.value + .split(/,\s*/) + .filter(t => t.length > 0) + .map(t => { + return `
${t.trim()}
`; + }); + let count = tagList.length; + let tags = tagList.join(``); + + if (tagList.length === 0) { + tags = `---`; + }; + + if (data.meta.limited && input.limited) { + count = 0; + tags = `???`; + }; + + return `
+ ${label} +
+ ${tags} +
+
`; + }; + + return `
+ + +
`; +}; diff --git a/module/handlebarHelpers/inputs/textInput.mjs b/module/handlebarHelpers/inputs/textInput.mjs new file mode 100644 index 0000000..fbb3fc4 --- /dev/null +++ b/module/handlebarHelpers/inputs/textInput.mjs @@ -0,0 +1,27 @@ +import { localizer } from "../../utils/Localizer.mjs"; + +export function textInput(input, data) { + const label = localizer(input.label); + const id = `${data.meta.idp}-${input.id}`; + + if (!data.meta.editable) { + return `
+ ${label} + ${data.meta.limited && input.limited ? `???` : input.value} +
`; + }; + + return `
+ + +
`; +}; diff --git a/module/handlebarHelpers/options.mjs b/module/handlebarHelpers/options.mjs new file mode 100644 index 0000000..5c1410e --- /dev/null +++ b/module/handlebarHelpers/options.mjs @@ -0,0 +1,36 @@ +import { localizer } from "../utils/Localizer.mjs"; + +/** + * @typedef {object} Option + * @property {string} [label] + * @property {string|number} value + * @property {boolean} [disabled] + */ + +/** + * @param {string | number} selected + * @param {Array`, + ); + }; + return new Handlebars.SafeString(htmlOptions.join(`\n`)); +}; diff --git a/module/hooks/hotReload.mjs b/module/hooks/hotReload.mjs index 424fbee..7ef784f 100644 --- a/module/hooks/hotReload.mjs +++ b/module/hooks/hotReload.mjs @@ -1,3 +1,5 @@ +import { Logger } from "../utils/Logger.mjs"; + const loaders = { svg(data) { const iconName = data.path.split(`/`).slice(-1)[0].slice(0, -4); @@ -5,13 +7,10 @@ const loaders = { Hooks.call(`${game.system.id}-hmr:svg`, iconName, data); }, mjs() {window.location.reload()}, - css(data) { - Logger.debug(`Hot-reloading CSS: ${data.path}`); - Hooks.call(`${game.system.id}-hmr:css`, data); - }, + css() {window.location.reload()}, }; Hooks.on(`hotReload`, async (data) => { if (!loaders[data.extension]) {return} return loaders[data.extension](data); -}); \ No newline at end of file +}); diff --git a/module/hooks/init.mjs b/module/hooks/init.mjs index 4d9e1cf..645a5be 100644 --- a/module/hooks/init.mjs +++ b/module/hooks/init.mjs @@ -1,9 +1,126 @@ +// Applications +import { AllItemSheetV1 } from "../Apps/ItemSheets/AllItemSheetV1.mjs"; +import { CombinedHeroSheet } from "../Apps/ActorSheets/CombinedHeroSheet.mjs"; +import { CraftCardV1 } from "../Apps/ActorSheets/CraftCardV1.mjs"; +import { DelveDiceHUD } from "../Apps/DelveDiceHUD.mjs"; +import { RipCryptCombatTracker } from "../Apps/sidebar/CombatTracker.mjs"; +import { SkillsCardV1 } from "../Apps/ActorSheets/SkillsCardV1.mjs"; +import { StatsCardV1 } from "../Apps/ActorSheets/StatsCardV1.mjs"; + +// Data Models +import { AmmoData } from "../data/Item/Ammo.mjs"; +import { ArmourData } from "../data/Item/Armour.mjs"; +import { CraftData } from "../data/Item/Craft.mjs"; +import { GeistData } from "../data/Actor/Geist.mjs"; +import { GoodData } from "../data/Item/Good.mjs"; import { HeroData } from "../data/Actor/Hero.mjs"; +import { ShieldData } from "../data/Item/Shield.mjs"; +import { SkillData } from "../data/Item/Skill.mjs"; +import { WeaponData } from "../data/Item/Weapon.mjs"; + +// Class Overrides +import { CryptDie } from "../dice/CryptDie.mjs"; + +// Documents +import { RipCryptCombat } from "../documents/combat.mjs"; +import { RipCryptCombatant } from "../documents/combatant.mjs"; +import { RipCryptItem } from "../documents/item.mjs"; +import { RipCryptToken } from "../documents/token.mjs"; + +// Misc +import helpers from "../handlebarHelpers/_index.mjs"; import { Logger } from "../utils/Logger.mjs"; +import { registerCustomComponents } from "../Apps/elements/_index.mjs"; +import { registerDevSettings } from "../settings/devSettings.mjs"; +import { registerMetaSettings } from "../settings/metaSettings.mjs"; +import { registerUserSettings } from "../settings/userSettings.mjs"; +import { registerWorldSettings } from "../settings/worldSettings.mjs"; + +const { Items, Actors } = foundry.documents.collections; +const { ItemSheet, ActorSheet } = foundry.appv1.sheets; Hooks.once(`init`, () => { Logger.log(`Initializing`); - // Datamodel registrations + CONFIG.Combat.initiative.decimals = 2; + CONFIG.ui.delveDice = DelveDiceHUD; + + // #region Settings + registerMetaSettings(); + registerDevSettings(); + registerUserSettings(); + registerWorldSettings(); + // #endregion + + // #region Datamodels CONFIG.Actor.dataModels.hero = HeroData; + CONFIG.Actor.dataModels.geist = GeistData; + CONFIG.Item.dataModels.ammo = AmmoData; + CONFIG.Item.dataModels.armour = ArmourData; + CONFIG.Item.dataModels.craft = CraftData; + CONFIG.Item.dataModels.good = GoodData; + CONFIG.Item.dataModels.shield = ShieldData; + CONFIG.Item.dataModels.skill = SkillData; + CONFIG.Item.dataModels.weapon = WeaponData; + // #endregion + + // #region Class Changes + CONFIG.ui.combat = RipCryptCombatTracker; + CONFIG.Combat.documentClass = RipCryptCombat; + CONFIG.Combatant.documentClass = RipCryptCombatant; + CONFIG.Token.objectClass = RipCryptToken; + CONFIG.Item.documentClass = RipCryptItem; + CONFIG.Dice.terms.d = CryptDie; + // #endregion + + // #region Sheets + // Unregister core sheets + Items.unregisterSheet(`core`, ItemSheet); + Actors.unregisterSheet(`core`, ActorSheet); + + // #region Actors + Actors.registerSheet(game.system.id, CombinedHeroSheet, { + makeDefault: true, + types: [`hero`], + label: `RipCrypt.sheet-names.CombinedHeroSheet`, + themes: CombinedHeroSheet.themes, + }); + Actors.registerSheet(game.system.id, StatsCardV1, { + types: [`hero`], + label: `RipCrypt.sheet-names.StatsCardV1`, + themes: StatsCardV1.themes, + }); + Actors.registerSheet(game.system.id, StatsCardV1, { + makeDefault: true, + types: [`geist`], + label: `RipCrypt.sheet-names.StatsCardV1`, + themes: StatsCardV1.themes, + }); + Actors.registerSheet(game.system.id, SkillsCardV1, { + types: [`hero`, `geist`], + label: `RipCrypt.sheet-names.SkillsCardV1`, + themes: SkillsCardV1.themes, + }); + Actors.registerSheet(game.system.id, CraftCardV1, { + types: [`hero`, `geist`], + label: `RipCrypt.sheet-names.CraftCardV1`, + themes: CraftCardV1.themes, + }); + // #endregion + + // #region Items + Items.registerSheet(game.system.id, AllItemSheetV1, { + makeDefault: true, + label: `RipCrypt.sheet-names.AllItemsSheetV1`, + themes: AllItemSheetV1.themes, + }); + // #endregion + // #endregion + + // #region Token Attrs + CONFIG.Actor.trackableAttributes.hero = HeroData.trackableAttributes; + // #endregion + + registerCustomComponents(); + Handlebars.registerHelper(helpers); }); diff --git a/module/hooks/ready.mjs b/module/hooks/ready.mjs index dbea1e1..63223d7 100644 --- a/module/hooks/ready.mjs +++ b/module/hooks/ready.mjs @@ -1,5 +1,34 @@ +import { filePath } from "../consts.mjs"; import { Logger } from "../utils/Logger.mjs"; Hooks.once(`ready`, () => { Logger.log(`Ready`); + + let defaultTab = game.settings.get(`ripcrypt`, `defaultTab`); + if (defaultTab) { + if (!ui.sidebar?.TABS?.[defaultTab]) { + Logger.error(`Couldn't find a sidebar tab with ID:`, defaultTab); + } else { + Logger.debug(`Switching sidebar tab to:`, defaultTab); + ui.sidebar.activateTab(defaultTab); + }; + }; + + if (game.settings.get(`ripcrypt`, `devMode`)) { + ui.sidebar.expand(); + if (game.paused) { game.togglePause() }; + }; + + ui.delveDice.render({ force: true }); + + // MARK: 1-time updates + if (!game.settings.get(`ripcrypt`, `firstLoadFinished`)) { + // Update the turnMarker to be the RipCrypt defaults + const combatConfig = game.settings.get(`core`, `combatTrackerConfig`); + combatConfig.turnMarker.src = filePath(`assets/turn-marker.png`); + combatConfig.turnMarker.animation = `spinPulse`; + game.settings.set(`core`, `combatTrackerConfig`, combatConfig); + } + + game.settings.set(`ripcrypt`, `firstLoadFinished`, true); }); diff --git a/module/main.mjs b/module/main.mjs index e69de29..064d9f8 100644 --- a/module/main.mjs +++ b/module/main.mjs @@ -0,0 +1,7 @@ +// Hooks +import "./hooks/init.mjs"; +import "./hooks/ready.mjs"; +import "./hooks/hotReload.mjs"; + +// Global API +import "./api.mjs"; diff --git a/module/settings/devSettings.mjs b/module/settings/devSettings.mjs new file mode 100644 index 0000000..69767d9 --- /dev/null +++ b/module/settings/devSettings.mjs @@ -0,0 +1,17 @@ +export function registerDevSettings() { + game.settings.register(`ripcrypt`, `devMode`, { + scope: `client`, + type: Boolean, + config: false, + default: false, + requiresReload: false, + }); + + game.settings.register(`ripcrypt`, `defaultTab`, { + name: `Default Tab`, + scope: `client`, + type: String, + config: game.settings.get(`ripcrypt`, `devMode`), + requiresReload: false, + }); +}; diff --git a/module/settings/metaSettings.mjs b/module/settings/metaSettings.mjs new file mode 100644 index 0000000..1096eec --- /dev/null +++ b/module/settings/metaSettings.mjs @@ -0,0 +1,61 @@ +import { gameTerms } from "../gameTerms.mjs"; + +const { StringField } = foundry.data.fields; +const { FatePath } = gameTerms; + +export function registerMetaSettings() { + game.settings.register(`ripcrypt`, `dc`, { + scope: `world`, + type: Number, + default: 5, + config: false, + requiresReload: false, + onChange: () => { + ui.delveDice.render({ parts: [`difficulty`] }); + }, + }); + + game.settings.register(`ripcrypt`, `sandsOfFate`, { + scope: `world`, + type: Number, + default: 8, + config: false, + requiresReload: false, + onChange: async () => { + ui.delveDice.animate({ parts: [`sandsOfFate`] }); + }, + }); + + game.settings.register(`ripcrypt`, `currentFate`, { + scope: `world`, + type: new StringField({ + blank: false, + nullable: false, + initial: FatePath.NORTH, + }), + config: false, + requiresReload: false, + onChange: async () => { + ui.delveDice.animate({ parts: [`fateCompass`] }); + }, + }); + + game.settings.register(`ripcrypt`, `whoFirst`, { + scope: `world`, + type: String, + config: false, + requiresReload: false, + default: `friendly`, + onChange: async () => { + await game.combat.setupTurns(); + await ui.combat.render({ parts: [ `tracker` ] }); + }, + }); + + game.settings.register(`ripcrypt`, `firstLoadFinished`, { + scope: `world`, + type: Boolean, + default: false, + requiresReload: false, + }); +}; diff --git a/module/settings/userSettings.mjs b/module/settings/userSettings.mjs new file mode 100644 index 0000000..400ec7c --- /dev/null +++ b/module/settings/userSettings.mjs @@ -0,0 +1,23 @@ +export function registerUserSettings() { + /* ! Non-Functional + game.settings.register(`ripcrypt`, `abbrAccess`, { + name: `RipCrypt.setting.abbrAccess.name`, + hint: `RipCrypt.setting.abbrAccess.hint`, + scope: `user`, + type: Boolean, + config: true, + default: false, + requiresReload: false, + }); + */ + + game.settings.register(`ripcrypt`, `condensedRange`, { + name: `RipCrypt.setting.condensedRange.name`, + hint: `RipCrypt.setting.condensedRange.hint`, + scope: `user`, + type: Boolean, + config: true, + default: true, + requiresReload: false, + }); +}; diff --git a/module/settings/worldSettings.mjs b/module/settings/worldSettings.mjs new file mode 100644 index 0000000..ca095ae --- /dev/null +++ b/module/settings/worldSettings.mjs @@ -0,0 +1,42 @@ +const { NumberField, StringField } = foundry.data.fields; + +export function registerWorldSettings() { + game.settings.register(`ripcrypt`, `sandsOfFateInitial`, { + name: `RipCrypt.setting.sandsOfFateInitial.name`, + hint: `RipCrypt.setting.sandsOfFateInitial.hint`, + scope: `world`, + config: true, + requiresReload: false, + type: new NumberField({ + required: true, + min: 1, + step: 1, + max: 10, + initial: 8, + }), + onChange: async (newInitialSands) => { + const currentSands = game.settings.get(`ripcrypt`, `sandsOfFate`); + if (newInitialSands <= currentSands) { + game.settings.set(`ripcrypt`, `sandsOfFate`, newInitialSands); + }; + }, + }); + + game.settings.register(`ripcrypt`, `onCrypticEvent`, { + name: `RipCrypt.setting.onCrypticEvent.name`, + hint: `RipCrypt.setting.onCrypticEvent.hint`, + scope: `world`, + config: true, + requiresReload: false, + type: new StringField({ + required: true, + initial: `notif`, + choices: { + "notif": `RipCrypt.setting.onCrypticEvent.options.notif`, + "pause": `RipCrypt.setting.onCrypticEvent.options.pause`, + "both": `RipCrypt.setting.onCrypticEvent.options.both`, + "nothing": `RipCrypt.setting.onCrypticEvent.options.nothing`, + }, + }), + }); +}; diff --git a/module/utils/Localizer.mjs b/module/utils/Localizer.mjs new file mode 100644 index 0000000..0525913 --- /dev/null +++ b/module/utils/Localizer.mjs @@ -0,0 +1,40 @@ +const config = Object.preventExtensions({ + subKeyPattern: /@(?[a-zA-Z.]+)/gm, + maxDepth: 10, +}); + +export function handlebarsLocalizer(key, ...args) { + let data = args[0]; + if (args.length === 1) { data = args[0].hash }; + if (key instanceof Handlebars.SafeString) { key = key.toString() }; + const localized = localizer(key, data); + return localized; +}; + +export function localizer(key, args = {}, depth = 0) { + /** @type {string} */ + let localized = game.i18n.format(key, args); + const subkeys = localized.matchAll(config.subKeyPattern); + + // Short-cut to help prevent infinite recursion + if (depth > config.maxDepth) { + return localized; + }; + + /* + Helps prevent recursion on the same key so that we aren't doing excess work. + */ + const localizedSubkeys = new Map(); + for (const match of subkeys) { + const subkey = match.groups.key; + if (localizedSubkeys.has(subkey)) { continue }; + localizedSubkeys.set(subkey, localizer(subkey, args, depth + 1)); + }; + + return localized.replace( + config.subKeyPattern, + (_fullMatch, subkey) => { + return localizedSubkeys.get(subkey); + }, + ); +}; diff --git a/module/utils/Logger.mjs b/module/utils/Logger.mjs index 66730bc..70c6481 100644 --- a/module/utils/Logger.mjs +++ b/module/utils/Logger.mjs @@ -15,8 +15,8 @@ const augmentedProps = new Set([ export const Logger = new Proxy(console, { get(target, prop, _receiver) { if (augmentedProps.has(prop)) { - return (...args) => target[prop](game.system.id, `|`, ...args); + return target[prop].bind(target, game.system.id, `|`); }; return target[prop]; }, -}); \ No newline at end of file +}); diff --git a/module/utils/PopoverEventManager.mjs b/module/utils/PopoverEventManager.mjs new file mode 100644 index 0000000..07e4793 --- /dev/null +++ b/module/utils/PopoverEventManager.mjs @@ -0,0 +1,184 @@ +import { getTooltipDelay } from "../consts.mjs"; +import { Logger } from "./Logger.mjs"; + +export class PopoverEventManager { + #options; + #id; + + get id() { + return this.#id; + }; + + /** @type {Map} */ + static #existing = new Map(); + + /** + * @param {HTMLElement} element The element to attach the listeners to. + * @param {GenericPopoverMixin} popoverClass The class reference that represents the popover app + */ + constructor(id, element, popoverClass, options = {}) { + id = `${id}-${popoverClass.name}`; + this.#id = id; + + if (PopoverEventManager.#existing.has(id)) { + const manager = PopoverEventManager.#existing.get(id); + manager.#addListeners(element); + return manager; + }; + + options.managerId = id; + options.locked ??= false; + options.lockable ??= true; + + this.#options = options; + this.#element = element; + this.#class = popoverClass; + + this.#addListeners(element); + PopoverEventManager.#existing.set(id, this); + }; + + /** + * @param {HTMLElement} element + */ + #addListeners(element) { + element.addEventListener(`pointerenter`, this.#pointerEnterHandler.bind(this)); + element.addEventListener(`pointerout`, this.#pointerOutHandler.bind(this)); + element.addEventListener(`click`, this.#clickHandler.bind(this)); + + if (this.#options.lockable) { + element.addEventListener(`pointerup`, this.#pointerUpHandler.bind(this)); + }; + }; + + destroy() { + this.close(); + this.#element.removeEventListener(`pointerenter`, this.#pointerEnterHandler); + this.#element.removeEventListener(`pointerout`, this.#pointerOutHandler); + this.#element.removeEventListener(`click`, this.#clickHandler); + if (this.#options.lockable) { + this.#element.removeEventListener(`pointerup`, this.#pointerUpHandler); + }; + this.#stopOpen(); + this.#stopClose(); + }; + + close() { + this.#frameless?.close({ force: true }); + this.#framed?.close({ force: true }); + }; + + #stopOpen() { + if (this.#openTimeout != null) { + clearTimeout(this.#openTimeout); + this.#openTimeout = null; + }; + }; + + #stopClose() { + if (this.#closeTimeout != null) { + clearTimeout(this.#closeTimeout); + this.#closeTimeout = null; + } + }; + + get rendered() { + return Boolean(this.#frameless?.rendered || this.#framed?.rendered); + }; + + render(options) { + if (this.#framed?.rendered) { + this.#framed.render(options); + }; + if (this.#frameless?.rendered) { + this.#frameless.render(options); + }; + }; + + #element; + #class; + #openTimeout = null; + #closeTimeout = null; + + #frameless; + #framed; + + #construct(options) { + options.popover ??= {}; + options.popover.managerId = this.#id; + + return new this.#class(options); + }; + + #clickHandler() { + Logger.debug(`click event handler`); + // Cleanup for the frameless lifecycle + this.#stopOpen(); + this.#stopClose(); + this.#frameless?.close({ force: true }); + + if (!this.#framed) { + this.#framed = this.#construct({ popover: { ...this.#options, framed: true } }); + } + this.#framed?.render({ force: true }); + }; + + #pointerEnterHandler(event) { + this.#stopClose(); + + const pos = event.target.getBoundingClientRect(); + const x = pos.x + Math.floor(pos.width / 2); + const y = pos.y; + + this.#openTimeout = setTimeout( + () => { + this.#openTimeout = null; + + // When we have the framed version rendered, we might as well just focus + // it instead of rendering a new application + if (this.#framed?.rendered) { + this.#framed.bringToFront(); + return; + }; + + // When the frameless is already rendered, we should just move it to the + // new location instead of spawning a new one + if (this.#frameless?.rendered) { + const { width, height } = this.#frameless.element.getBoundingClientRect(); + const top = y - height; + const left = x - Math.floor(width / 2); + this.#frameless.setPosition({ left, top }); + return; + } + + this.#frameless = this.#construct({ + popover: { + ...this.#options, + framed: false, + x, y, + }, + }); + this.#frameless?.render({ force: true }); + }, + getTooltipDelay(), + ); + }; + + #pointerOutHandler() { + this.#stopOpen(); + + this.#closeTimeout = setTimeout( + () => { + this.#closeTimeout = null; + this.#frameless?.close(); + }, + getTooltipDelay(), + ); + }; + + #pointerUpHandler(event) { + if (event.button !== 1 || !this.#frameless?.rendered || Tour.tourInProgress) { return }; + event.preventDefault(); + this.#frameless.toggleLock(); + }; +}; diff --git a/module/utils/fates.mjs b/module/utils/fates.mjs new file mode 100644 index 0000000..d1fb6dd --- /dev/null +++ b/module/utils/fates.mjs @@ -0,0 +1,51 @@ +import { gameTerms } from "../gameTerms.mjs"; +import { Logger } from "./Logger.mjs"; + +const { FatePath } = gameTerms; + +export function isOppositeFates(a, b) { + return (a === FatePath.NORTH && b === FatePath.SOUTH) + || (a === FatePath.EAST && b === FatePath.WEST); +}; + +export function distanceBetweenFates(start, end) { + if (!start || !end) { + Logger.error(`Start and End must both have a defined value, given`, {start, end}); + return undefined; + }; + + if (start === end) { + return 0; + }; + + if (isOppositeFates(start, end) || isOppositeFates(end, start)) { + return 2; + }; + + let isForward = start === FatePath.SOUTH && end === FatePath.WEST; + isForward ||= start === FatePath.NORTH && end === FatePath.EAST; + isForward ||= start === FatePath.WEST && end === FatePath.NORTH; + isForward ||= start === FatePath.EAST && end === FatePath.SOUTH; + if (isForward) { + return 1; + }; + return 3; +}; + +const fateOrder = [ + FatePath.WEST, // to make the .find not integer overflow + FatePath.NORTH, + FatePath.EAST, + FatePath.SOUTH, + FatePath.WEST, +]; + +export function nextFate(fate) { + const fateIndex = fateOrder.findIndex(f => f === fate); + return fateOrder[fateIndex + 1]; +}; + +export function previousFate(fate) { + const fateIndex = fateOrder.lastIndexOf(fate); + return fateOrder[fateIndex - 1]; +}; diff --git a/module/utils/rank.mjs b/module/utils/rank.mjs new file mode 100644 index 0000000..81f6b59 --- /dev/null +++ b/module/utils/rank.mjs @@ -0,0 +1,13 @@ +import { gameTerms } from "../gameTerms.mjs"; + +/** + * Converts a rank's name into an integer form for use in mathematical calculations + * that rely on rank. + * + * @param {Novice|Adept|Expert|Master} rankName The rank to convert into an integer + * @returns An integer between 1 and 4 + */ +export function rankToInteger(rankName) { + return Object.values(gameTerms.Rank) + .findIndex(r => r === rankName) + 1; +}; diff --git a/module/utils/sumReduce.mjs b/module/utils/sumReduce.mjs new file mode 100644 index 0000000..d174ffa --- /dev/null +++ b/module/utils/sumReduce.mjs @@ -0,0 +1,3 @@ +export function sumReduce(sum, val) { + return sum + val; +}; diff --git a/system.json b/system.json index ae53692..05691f1 100644 --- a/system.json +++ b/system.json @@ -1,12 +1,12 @@ { "id": "ripcrypt", "title": "RipCrypt", - "description": "", + "description": "A dungeon sprint RPG. Faster than an arrow to the eye. Smoother than a clean blade. Compact with consequences.", "version": "0.0.1", "compatibility": { - "minimum": 12, - "verified": 12, - "maximum": 12 + "minimum": 13, + "verified": 13.339, + "maximum": 13 }, "authors": [ { @@ -17,7 +17,12 @@ "esmodules": [ "module/main.mjs" ], - "styles": [], + "styles": [ + { + "src": "templates/css/main.css", + "layer": "system" + } + ], "languages": [ { "lang": "en", @@ -33,13 +38,22 @@ "flags": { "hotReload": { "extensions": ["css", "hbs", "json", "mjs", "svg"], - "paths": ["Apps", "langs", "styles", "module"] + "paths": ["assets", "templates", "langs", "module"] } }, "documentTypes": { "Actor": { - "hero": {} + "hero": {}, + "geist": {} }, - "Item": {} + "Item": { + "ammo": {}, + "armour": {}, + "craft": {}, + "good": {}, + "shield": {}, + "skill": {}, + "weapon": {} + } } -} \ No newline at end of file +} diff --git a/templates/Apps/AllItemSheetV1/content.hbs b/templates/Apps/AllItemSheetV1/content.hbs new file mode 100644 index 0000000..0fb9599 --- /dev/null +++ b/templates/Apps/AllItemSheetV1/content.hbs @@ -0,0 +1,17 @@ +
+ {{#if meta.editable}} + + + {{else}} + Name + {{item.name}} + {{/if}} +
+ {{{ rc-formFields formFields }}} +
diff --git a/templates/Apps/AllItemSheetV1/style.css b/templates/Apps/AllItemSheetV1/style.css new file mode 100644 index 0000000..2170d31 --- /dev/null +++ b/templates/Apps/AllItemSheetV1/style.css @@ -0,0 +1,119 @@ +.ripcrypt .AllItemSheetV1 { + --input-height: 1rem; + --input-underline: none; + --col-gap: 8px; + --row-gap: 8px; + + --string-tags-tag-text: var(--header-text); + --string-tags-tag-background: var(--header-background); + --string-tags-add-text: white; + --string-tags-add-background: var(--accent-1); + --string-tags-input-text: white; + --string-tags-input-background: var(--accent-2); + + --input-text: white; + --input-background: var(--accent-2); + --button-text: white; + --button-background: var(--accent-2); + + --pill-width: 100%; + --pill-border-radius: 4px; + + display: grid; + grid-template-columns: auto 200px; + column-gap: var(--col-gap); + row-gap: var(--row-gap); + max-width: 350px; + + padding: 8px; + background: var(--base-background); + color: var(--base-text); + + [data-input-type] { + display: contents; + } + + > [data-input-type="group"] { + display: unset; + grid-column: 1 / -1; + + > .content { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); + column-gap: var(--col-gap); + row-gap: var(--row-gap); + } + } + + > [data-input-type="prose-mirror"] { + grid-column: 1 / -1; + display: flex; + flex-direction: column; + gap: var(--row-gap); + + > .label-row { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + } + + .value { + background: var(--input-background); + color: var(--input-text); + + > :first-child { + margin-top: 0; + } + > :last-child { + margin-bottom: 0; + } + + &:empty { + display: none; + } + } + } + + hr { + background: var(--accent-1); + grid-column: 1 / -1; + height: 1px; + width: 90%; + margin: 0 auto; + } + + hr:has(+ [data-input-type="group"]), + [data-input-type="group"] + hr { + display: none; + }; + + label, .label { + display: flex; + align-items: center; + box-sizing: border-box; + + padding: 2px 4px; + text-transform: uppercase; + font-size: var(--font-size-14); + overflow: hidden; + text-overflow: ellipsis; + font-weight: bold; + } + + button, input, select, .value, [data-tag-count] { + border-radius: 4px; + padding: 2px 4px; + } + .value, [data-tag-count="0"] { + border: 2px solid var(--accent-2); + } + [data-tag-count="0"] { + justify-content: start; + } + + [data-input-type="boolean"] > .checkbox-container { + display: flex; + justify-content: right; + } +} diff --git a/templates/Apps/CombinedHeroSheet/crafts.css b/templates/Apps/CombinedHeroSheet/crafts.css new file mode 100644 index 0000000..3e803da --- /dev/null +++ b/templates/Apps/CombinedHeroSheet/crafts.css @@ -0,0 +1,38 @@ +.ripcrypt.ripcrypt--CombinedHeroSheet .crafts-summary { + display: grid; + column-gap: var(--col-gap); + grid-template-columns: repeat(3, minmax(0, 3fr)); + grid-template-rows: repeat(5, minmax(0, 1fr)); + grid-auto-flow: column; + padding: 8px; + + .col-header { + background: var(--section-header-background); + color: var(--section-header-text); + border-radius: 999px; + } + + label, .label { + box-sizing: border-box; + padding: 2px 4px; + text-transform: uppercase; + font-size: var(--font-size-14); + overflow: hidden; + text-overflow: ellipsis; + font-weight: bold; + } + + .craft-list { + grid-row: span 4; + display: contents; + + > :nth-child(odd) { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + } + + span.name { + flex-grow: 1; + } +} diff --git a/templates/Apps/CombinedHeroSheet/crafts.hbs b/templates/Apps/CombinedHeroSheet/crafts.hbs new file mode 100644 index 0000000..e0c08ab --- /dev/null +++ b/templates/Apps/CombinedHeroSheet/crafts.hbs @@ -0,0 +1,67 @@ +
+
Focus
+
    + {{#each craft.focus as | craft |}} + {{#if craft}} +
  1. + {{ craft.name }} + {{#if craft.use}} + + {{/if}} +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
Fract
+
    + {{#each craft.fract as | craft |}} + {{#if craft}} +
  1. + {{ craft.name }} + {{#if craft.use}} + + {{/if}} +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
Flect
+
    + {{#each craft.flect as | craft |}} + {{#if craft}} +
  1. + {{ craft.name }} + {{#if craft.use}} + + {{/if}} +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+
diff --git a/templates/Apps/CombinedHeroSheet/style.css b/templates/Apps/CombinedHeroSheet/style.css new file mode 100644 index 0000000..c458b72 --- /dev/null +++ b/templates/Apps/CombinedHeroSheet/style.css @@ -0,0 +1,13 @@ +@import url("./crafts.css"); + +.ripcrypt.ripcrypt--CombinedHeroSheet { + > .window-content { + gap: 4px; + background: var(--base-background); + overflow-y: auto; + } + + .HeroSkillsCardV1 { + --col-gap: 2px; + } +} diff --git a/templates/Apps/CraftCardV1/content.hbs b/templates/Apps/CraftCardV1/content.hbs new file mode 100644 index 0000000..d5d10ed --- /dev/null +++ b/templates/Apps/CraftCardV1/content.hbs @@ -0,0 +1,101 @@ +
+
+ {{rc-i18n "RipCrypt.common.glimcraft"}} +
+
+
10
+
8
+
6
+
4
+ +
+
+ +
+ {{aura.normal}} + + {{aura.heavy}} +
+
+
+
+ +
+ {{rc-i18n "RipCrypt.common.aspectNames.focus"}} + {{rc-i18n "RipCrypt.common.details"}} +
+
    + {{#each craft.focus as | craft |}} + {{#if craft}} +
  1. + {{ craft.name }} + {{#if craft.use}} + + {{/if}} +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
+ {{rc-i18n "RipCrypt.common.aspectNames.flect"}} + {{rc-i18n "RipCrypt.common.details"}} +
+
    + {{#each craft.flect as | craft |}} + {{#if craft}} +
  1. + {{ craft.name }} + {{#if craft.use}} + + {{/if}} +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
+ {{rc-i18n "RipCrypt.common.aspectNames.fract"}} + {{rc-i18n "RipCrypt.common.details"}} +
+
    + {{#each craft.fract as | craft |}} + {{#if craft}} +
  1. + {{ craft.name }} + {{#if craft.use}} + + {{/if}} +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+
diff --git a/templates/Apps/CraftCardV1/style.css b/templates/Apps/CraftCardV1/style.css new file mode 100644 index 0000000..ae85b05 --- /dev/null +++ b/templates/Apps/CraftCardV1/style.css @@ -0,0 +1,137 @@ +.ripcrypt .CraftCardV1 { + --col-gap: 8px; + + display: grid; + column-gap: var(--col-gap); + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-rows: repeat(15, minmax(0, 1fr)); + + background: var(--base-background); + color: var(--base-text); + + .col-header { + display: flex; + flex-direction: row; + align-items: center; + background: var(--section-header-background); + color: var(--section-header-text); + padding: 2px 4px; + border-radius: 999px; + } + + label, .label { + box-sizing: border-box; + padding: 2px 4px; + text-transform: uppercase; + font-size: var(--font-size-14); + overflow: hidden; + text-overflow: ellipsis; + font-weight: bold; + } + + .aura-container { + grid-column: 1 / -1; + grid-row: 2 / span 4; + display: grid; + grid-template-columns: repeat(7, minmax(0, 1fr)); + grid-template-rows: minmax(0, 1fr); + position: relative; + } + + .circle-fragment, .full-circle { + display: flex; + justify-content: center; + align-items: center; + } + + .circle-fragment { + border-top-left-radius: 24% 100%; + border-bottom-left-radius: 25% 100%; + border-left: 2px dashed var(--accent-3); + margin-right: -5%; + } + + .full-circle { + border: 2px dashed var(--accent-3); + flex-grow: 0; + border-radius: 999px; + width: 80%; + aspect-ratio: 1; + align-self: center; + justify-self: center; + grid-row: 1; + grid-column: 4; + } + + .caster-silhouette { + grid-column: 4 / span 4; + grid-row: 1; + position: absolute; + left: 2rem; + width: 70%; + bottom: -10px; + } + + .aura-values { + grid-row: 1; + grid-column: -3 / -1; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; + + .dual-pill { + border-radius: 999px; + background: var(--accent-1); + display: flex; + flex-direction: row; + gap: 0.25rem; + align-items: center; + padding-left: 8px; + margin-left: 1rem; + margin-bottom: 1.2rem; + } + + .values { + border-radius: 999px; + margin: 2px; + background: var(--base-background); + color: var(--base-text); + padding: 0.125rem 0.5rem; + display: flex; + flex-direction: row; + gap: 0.5rem; + --slash-color: var(--accent-1); + } + } + + .craft-list { + display: grid; + grid-template-rows: subgrid; + + > :nth-child(even) { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + } + + span.name { + flex-grow: 1; + } + + [data-aspect="focus"] { --row: 6; --col: 1; } + [data-aspect="flect"] { --row: 6; --col: 2; } + [data-aspect="fract"] { --row: 11; --col: 1; } + + [data-aspect] { + &.aspect-header { + z-index: 1; + grid-row: var(--row); + grid-column: var(--col); + } + &.craft-list { + grid-row: calc(var(--row) + 1) / span 4; + grid-column: var(--col); + } + } +} diff --git a/templates/Apps/DelveDiceHUD/difficulty.hbs b/templates/Apps/DelveDiceHUD/difficulty.hbs new file mode 100644 index 0000000..bf5704f --- /dev/null +++ b/templates/Apps/DelveDiceHUD/difficulty.hbs @@ -0,0 +1,14 @@ +
+
+ {{dc}} + +
+
diff --git a/templates/Apps/DelveDiceHUD/fateCompass.hbs b/templates/Apps/DelveDiceHUD/fateCompass.hbs new file mode 100644 index 0000000..983e6bf --- /dev/null +++ b/templates/Apps/DelveDiceHUD/fateCompass.hbs @@ -0,0 +1,64 @@ +
+
+
+ + {{#if meta.editable}} + + + + + {{else}} + {{rc-i18n "RipCrypt.common.ordinals.North.abbv"}} + {{rc-i18n "RipCrypt.common.ordinals.West.abbv"}} + {{rc-i18n "RipCrypt.common.ordinals.East.abbv"}} + {{rc-i18n "RipCrypt.common.ordinals.South.abbv"}} + {{/if}} +
+
+
diff --git a/templates/Apps/DelveDiceHUD/style.css b/templates/Apps/DelveDiceHUD/style.css new file mode 100644 index 0000000..55128c2 --- /dev/null +++ b/templates/Apps/DelveDiceHUD/style.css @@ -0,0 +1,88 @@ +#ripcrypt-delve-dice { + display: grid; + grid-template-columns: max-content 2rem 90px 2rem max-content; + gap: 8px; + padding: 4px 1.5rem; + background: var(--DelveDice-background); + align-items: center; + justify-items: center; + pointer-events: all; + + border-radius: 0 0 999px 999px; + + button { + &:hover { + cursor: pointer; + } + } + + #fate-compass { + width: 100%; + height: 100%; + overflow: visible; + position: relative; + + .compass-container { + position: absolute; + background: var(--DelveDice-background); + border-radius: 0 0 999px 999px; + padding: 4px; + width: 100%; + } + + .compass { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-rows: repeat(3, minmax(0, 1fr)); + grid-template-areas: + ". N ." + "W A E" + ". S ."; + align-items: center; + justify-items: center; + background: var(--accent-2); + border-radius: 999px; + aspect-ratio: 1; + } + + .compass-pointer { + grid-area: A; + transition: 500ms transform; + transform: rotate(-90deg); /* North by default */ + } + } + + #the-hourglass, + #delve-difficulty { + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + position: relative; + + .icon-container { + position: absolute; + width: 34px; + display: grid; + padding: 4px 0; + background: var(--accent-1); + border-radius: 8px; + + > * { + grid-row: 1 / -1; + grid-column: 1 / -1; + } + + span { + font-size: 1.25rem; + z-index: 2; + align-self: center; + justify-self: center; + } + + rc-svg { + inset: 4px; + } + } + } +} diff --git a/templates/Apps/DelveDiceHUD/tour/current.hbs b/templates/Apps/DelveDiceHUD/tour/current.hbs new file mode 100644 index 0000000..8c802ce --- /dev/null +++ b/templates/Apps/DelveDiceHUD/tour/current.hbs @@ -0,0 +1,16 @@ +
+
+ + {{sandsOfFate}} + + +
+
diff --git a/templates/Apps/DelveDiceHUD/tour/next.hbs b/templates/Apps/DelveDiceHUD/tour/next.hbs new file mode 100644 index 0000000..5e102f0 --- /dev/null +++ b/templates/Apps/DelveDiceHUD/tour/next.hbs @@ -0,0 +1,22 @@ +
+ {{#if meta.editable}} + + {{else}} + {{!-- This is here to prevent height collapsing --}} + ​ + {{/if}} +
diff --git a/templates/Apps/DelveDiceHUD/tour/previous.hbs b/templates/Apps/DelveDiceHUD/tour/previous.hbs new file mode 100644 index 0000000..b8c59b7 --- /dev/null +++ b/templates/Apps/DelveDiceHUD/tour/previous.hbs @@ -0,0 +1,23 @@ +
+ {{#if meta.editable}} + + {{else}} + {{!-- This is here to prevent height collapsing --}} + ​ + {{/if}} +
+ diff --git a/templates/Apps/DicePool/buttons.hbs b/templates/Apps/DicePool/buttons.hbs new file mode 100644 index 0000000..0dc1b00 --- /dev/null +++ b/templates/Apps/DicePool/buttons.hbs @@ -0,0 +1,8 @@ +
+ +
diff --git a/templates/Apps/DicePool/drag.hbs b/templates/Apps/DicePool/drag.hbs new file mode 100644 index 0000000..11f1974 --- /dev/null +++ b/templates/Apps/DicePool/drag.hbs @@ -0,0 +1,28 @@ +
+ +
+ {{ rc-i18n "RipCrypt.common.drag" }} +
+
+ + {{drag}} + +
+ +
diff --git a/templates/Apps/DicePool/edge.hbs b/templates/Apps/DicePool/edge.hbs new file mode 100644 index 0000000..f119224 --- /dev/null +++ b/templates/Apps/DicePool/edge.hbs @@ -0,0 +1,28 @@ +
+ +
+ {{ rc-i18n "RipCrypt.common.edge" }} +
+
+ + {{edge}} + +
+ +
diff --git a/templates/Apps/DicePool/numberOfDice.hbs b/templates/Apps/DicePool/numberOfDice.hbs new file mode 100644 index 0000000..b3983b9 --- /dev/null +++ b/templates/Apps/DicePool/numberOfDice.hbs @@ -0,0 +1,33 @@ + +
+ {{ rc-i18n "RipCrypt.Apps.numberOfDice" }} +
+
+ +
+ + {{ numberOfDice }} +
+ +
+ diff --git a/templates/Apps/DicePool/style.css b/templates/Apps/DicePool/style.css new file mode 100644 index 0000000..e09628c --- /dev/null +++ b/templates/Apps/DicePool/style.css @@ -0,0 +1,73 @@ +.ripcrypt.ripcrypt--DicePool { + > .window-content { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-rows: auto min-content; + background: var(--base-background); + padding: 8px; + gap: 8px; + width: 250px; + } + + --button-background: var(--alt-row-background); + --button-text: var(--alt-row-text); + button { + border-radius: 2px; + font-weight: bold; + padding: 4px 8px; + width: max-content; + } + + .d8-incrementer { + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; + + button { + width: max-content; + } + } + + .dice-count-row { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: center; + align-items: center; + gap: 4px; + font-size: 1.5rem; + } + + .dredge-row { + display: flex; + gap: 8px; + align-items: center; + } + + .dice-target { + display: flex; + position: relative; + + .value { + position: absolute; + inset: 0; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.5rem; + color: white; + font-weight: normal; + } + } + + .button-row { + --button-background: var(--header-background); + --button-text: var(--header-text); + + display: flex; + justify-content: center; + align-items: center; + grid-column: 1 / -1; + } +} diff --git a/templates/Apps/DicePool/target.hbs b/templates/Apps/DicePool/target.hbs new file mode 100644 index 0000000..2a6e498 --- /dev/null +++ b/templates/Apps/DicePool/target.hbs @@ -0,0 +1,32 @@ + +
Target
+
+ +
+ +
{{target}}
+
+ +
+ diff --git a/templates/Apps/RichEditor/content.hbs b/templates/Apps/RichEditor/content.hbs new file mode 100644 index 0000000..3b203dd --- /dev/null +++ b/templates/Apps/RichEditor/content.hbs @@ -0,0 +1,21 @@ +
+ {{#if editable}} + {{#if (not collaborative)}} +

+ {{ rc-i18n "RipCrypt.Apps.RichEditor-no-collaborative" }} +

+ {{/if}} + + {{{ enriched }}} + + {{else}} + {{{ enriched }}} + {{/if}} +
diff --git a/templates/Apps/RichEditor/style.css b/templates/Apps/RichEditor/style.css new file mode 100644 index 0000000..70f6270 --- /dev/null +++ b/templates/Apps/RichEditor/style.css @@ -0,0 +1,19 @@ +.ripcrypt--RichEditor { + width: 500px; + height: 600px; + + > .window-content { + padding: 4px; + background: var(--base-background); + height: 100%; + } + + prose-mirror { + height: 100%; + + .editor-content { + color: var(--input-text); + background: var(--input-background); + } + } +} diff --git a/templates/Apps/SkillsCardV1/content.hbs b/templates/Apps/SkillsCardV1/content.hbs new file mode 100644 index 0000000..2f170d2 --- /dev/null +++ b/templates/Apps/SkillsCardV1/content.hbs @@ -0,0 +1,202 @@ +
+
+ {{ rc-i18n "RipCrypt.Apps.grit-skills" }} +
+
    + {{#each skills.grit as | skill |}} + {{#if skill}} +
  1. + {{ skill.name }} + +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
+ {{ rc-i18n "RipCrypt.Apps.gait-skills" }} +
+
    + {{#each skills.gait as | skill |}} + {{#if skill}} +
  1. + {{ skill.name }} + +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
+ {{ rc-i18n "RipCrypt.Apps.grip-skills" }} +
+
    + {{#each skills.grip as | skill |}} + {{#if skill}} +
  1. + {{ skill.name }} + +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
+ {{ rc-i18n "RipCrypt.Apps.glim-skills" }} +
+
    + {{#each skills.glim as | skill |}} + {{#if skill}} +
  1. + {{ skill.name }} + +
    2. + {{else}} +
  2. + {{/if}} + {{/each}} +
+ +
+ {{ rc-i18n "RipCrypt.common.gear" }} + {{ rc-i18n "RipCrypt.common.slot" }} +
+
    + {{#each gear as | itemInSlot |}} +
  1. + {{itemInSlot.name}} +
    2. + {{/each}} +
+ + {{!-- * Currencies --}} +
+
+ + +
+
+ + +
+
+ + +
+
+ + {{!-- * Ammo Summary & Stars --}} +
    +
  • +
    + +
    + {{ rc-i18n "RipCrypt.common.ammo"}} +
    +
    + {{ ammo }} +
    +
    +
    • + {{#each favouriteAmmo as | data |}} +
  • + {{#if data}} +
    +
    + {{data.name}} +
    + +
    + {{else}} +
    + {{ rc-i18n "RipCrypt.Apps.starred-ammo-placeholder" }} +
    + {{/if}} +
    • + {{/each}} +
+ + {{!-- * Aura Size --}} + {{#if aura}} +
+ +
+ {{aura.normal}} + + {{aura.heavy}} +
+
+ {{/if}} +
diff --git a/templates/Apps/SkillsCardV1/style.css b/templates/Apps/SkillsCardV1/style.css new file mode 100644 index 0000000..a25718b --- /dev/null +++ b/templates/Apps/SkillsCardV1/style.css @@ -0,0 +1,182 @@ +.ripcrypt .SkillsCardV1 { + + /* Foundry Variable Tweaks */ + --input-height: 1rem; + --col-gap: 8px; + + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-rows: repeat(14, minmax(0, 1fr)); + column-gap: var(--col-gap); + row-gap: var(--row-gap); + + background: var(--base-background); + color: var(--base-text); + + .col-header { + background: var(--section-header-background); + color: var(--section-header-text); + } + .row-alt { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + + label, .label { + box-sizing: border-box; + padding: 2px 4px; + text-transform: uppercase; + font-size: var(--font-size-14); + overflow: hidden; + text-overflow: ellipsis; + font-weight: bold; + } + + .list-header { + display: flex; + justify-content: space-between; + align-items: center; + border-radius: 999px; + } + .skill-list { + display: grid; + grid-template-rows: subgrid; + + & > li { + padding: 0 4px; + .name { + flex-grow: 1; + } + } + + &.even > :nth-child(even), + &.odd > :nth-child(odd) { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + } + + .grit-skills { + grid-column: 1 / span 1; + grid-row: 2 / span 4; + } + + .gait-skills { + grid-column: 2 / span 1; + grid-row: 2 / span 4; + } + + .grip-skills-header { + grid-column: 1 / span 1; + grid-row: 7 / span 1; + } + .grip-skills { + grid-column: 1 / span 1; + grid-row: 8 / span 4; + } + + .glim-skills-header { + grid-column: 2 / span 1; + grid-row: 7 / span 1; + } + .glim-skills { + grid-column: 2 / span 1; + grid-row: 8 / span 4; + } + + .gear-list { + grid-row: span 12; + display: grid; + grid-template-rows: subgrid; + list-style-type: none; + + > li { + padding: 0 4px; + } + + > :nth-child(even) { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + } + + .ammo-list { + grid-column: 1 / span 2; + grid-row: 13 / span 2; + display: grid; + grid-template-columns: subgrid; + grid-template-rows: subgrid; + list-style-type: none; + padding: 0; + } + + .currencies { + grid-column: 1 / span 2; + grid-row: 12 / span 1; + display: grid; + column-gap: var(--col-gap); + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .aura-size { + grid-column: 3; + grid-row: 14; + } + + .pill { + display: grid; + grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); + align-items: center; + background: var(--section-header-background); + border-radius: 999px; + color: var(--section-header-text); + padding: 2px 0 2px 4px; + --input-background: var(--base-background); + --input-text: var(--base-text); + + &.with-icon { + grid-template-columns: min-content minmax(0, 1.5fr) minmax(0, 1fr); + gap: 4px; + } + + label, .label { + padding: 0; + white-space: nowrap; + text-overflow: ellipsis; + } + + input, .input { + margin: 0 2px 0 0; + border-radius: 999px; + text-align: center; + } + } + + .dual-pill { + border-radius: 999px; + background: var(--accent-1); + display: grid; + grid-template-columns: 2fr 1fr; + gap: 0.25rem; + align-items: center; + padding-left: 8px; + + .values { + border-radius: 999px; + margin: 2px; + background: var(--base-background); + color: var(--base-text); + padding: 0.125rem 0.5rem; + display: flex; + flex-direction: row; + justify-content: space-evenly; + gap: 0.5rem; + --slash-color: var(--accent-1); + } + + .value { + flex-grow: 1; + text-align: center; + } + } +} diff --git a/templates/Apps/StatsCardV1/content.hbs b/templates/Apps/StatsCardV1/content.hbs new file mode 100644 index 0000000..99e3c74 --- /dev/null +++ b/templates/Apps/StatsCardV1/content.hbs @@ -0,0 +1,368 @@ +
+ {{!-- * Header --}} +
+
Logo Image
+ +
+ + + {{!-- * Armour --}} +
+
+ {{ rc-i18n "RipCrypt.common.armour" }} +
+
+ {{#if (eq actor.type "hero")}} + + {{else}} + + {{/if}} + {{#each armours as | slot |}} +
+
+ + {{ slot.defense }} + + {{#if slot.shielded}} + + {{/if}} +
+ {{ rc-i18n (concat "RipCrypt.common.anatomy." @key) }} +
+ {{/each}} +
+
    +
  • + {{ rc-i18n "RipCrypt.common.anatomy.head" }} + {{ armours.head.name }} +
    • +
  • + {{ rc-i18n "RipCrypt.common.anatomy.body" }} + {{ armours.body.name }} +
    • +
  • + {{ rc-i18n "RipCrypt.common.anatomy.arms" }} + {{ armours.arms.name }} +
    • +
  • + {{ rc-i18n "RipCrypt.common.anatomy.legs" }} + {{ armours.legs.name }} +
    • +
  • + {{ rc-i18n "RipCrypt.common.shield" }} + {{ shield.name }} +
    • +
+
+ + {{!-- * Fate & Advancement --}} +
+ + +
+ {{#if meta.editable}} + + + {{else}} +
+ {{ rc-i18n "RipCrypt.common.glory" }} +
+
+ {{ level.glory }} +
+ {{/if}} + {{#if meta.editable}} + + + {{else}} +
+ {{ rc-i18n "RipCrypt.common.step" }} +
+
+ {{ level.step }} +
+ {{/if}} + + <{{{ifThen meta.editable "label" "div"}}} + id="{{meta.idp}}-rank-label" + for="{{meta.idp}}-rank" + class="rank-label label col-header right-pill" + > + {{ rc-i18n "RipCrypt.common.rank" }} + + {{#if meta.editable}} + + {{else}} +
+ {{ level.rank.selected }} +
+ {{/if}} + + {{!-- * Weapons --}} + + + + + + + + + + + {{#each weapons as | slot |}} + {{#if slot.empty}} + + + + + + + {{else}} + + + + + + + {{/if}} + {{/each}} + +
{{ rc-i18n "RipCrypt.common.weapon.singular" }}{{ rc-i18n "RipCrypt.Apps.traits-range" }}{{ rc-i18n "RipCrypt.common.wear" }}{{ rc-i18n "RipCrypt.common.damage" }}
+ {{!-- ? NOTE: Disabled for now to see what user feedback spawns + --}} + + {{ slot.data.quantifiedName }} + + + {{#if slot.data.system.traitString}} + {{ slot.data.system.traitString }} + {{/if}} + {{#if slot.data.system.rangeString}} + {{ slot.data.system.rangeString }} + {{/if}} + + {{ slot.data.system.wear.value }} / {{ slot.data.system.wear.max }} + + {{ slot.data.system.damage }} +
+ + {{!-- * Abilities --}} +
+ {{!-- Actual Abilities --}} + {{#each abilities as | ability |}} +
+
+ {{#unless ability.readonly}} + + {{else}} + {{ability.value}} + {{/unless}} + {{#if @root.meta.editable}} + + {{/if}} +
+ {{#unless ability.readonly}} + + {{else}} +
+ {{ ability.name }} +
+ {{/unless}} +
+ {{/each}} + + {{!-- Health --}} +
+
+ {{#if meta.editable}} + + {{else}} + + {{ guts.value }} + + {{/if}} + +
+ {{#if meta.editable}} + + {{else}} +
+ {{ rc-i18n "RipCrypt.common.guts" }} +
+ {{/if}} +
+ + {{!-- Move & Run --}} +
+
+ {{speed.move}} + {{speed.run}} +
+ +
+
+ + {{!-- * Equipment --}} +
diff --git a/templates/Apps/StatsCardV1/style.css b/templates/Apps/StatsCardV1/style.css new file mode 100644 index 0000000..e33246e --- /dev/null +++ b/templates/Apps/StatsCardV1/style.css @@ -0,0 +1,274 @@ +.ripcrypt .StatsCardV1 { + + /* Foundry Variable Tweaks */ + --input-height: 1rem; + + display: grid; + grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1.25fr) minmax(0, 2.5fr); + grid-template-rows: repeat(15, minmax(0, 1fr)); + column-gap: var(--col-gap); + + background: var(--base-background); + color: var(--base-text); + + .col-header { + background: var(--section-header-background); + color: var(--section-header-text); + } + .row-alt { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + + label, .label { + box-sizing: border-box; + padding: 2px 4px; + text-transform: uppercase; + overflow: hidden; + text-overflow: ellipsis; + font-weight: bold; + } + + .header { + grid-row: span 2; + grid-column: span 1; + display: grid; + grid-template-rows: subgrid; + grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); + + .image { + grid-row: span 2; + display: flex; + justify-content: center; + align-items: center; + } + } + + .hero_name { + grid-column: span 3; + margin-left: calc(var(--col-gap) * -1); + padding-left: var(--col-gap); + } + + .glory-label { + grid-column: 2 / span 1; + grid-row: 4 / span 1; + } + .glory { + grid-column: 2 / span 1; + grid-row: 5 / span 1; + } + + .step-label { + grid-column: 3 / span 1; + grid-row: 4 / span 1; + } + .step { + grid-column: 3 / span 1; + grid-row: 5 / span 1; + } + + .rank-label { + grid-column: 4 / span 1; + grid-row: 4 / span 1; + } + .rank { + grid-column: 4 / span 1; + grid-row: 5 / span 1; + } + + .fate { + grid-column: 1 / span 1; + grid-row: 4 / span 2; + display: grid; + grid-template-rows: subgrid; + } + .fate-value { + padding-left: 2px; + } + + .weapons { + grid-column: 1 / span 4; + grid-row: 7 / span 5; + display: grid; + grid-template-columns: subgrid; + grid-template-rows: subgrid; + + thead, + tbody, + tr { + display: contents; + } + td { + display: flex; + flex-direction: row; + align-items: center; + gap: 4px; + } + .row-alt > * { + background: inherit; + } + } + + .abilities { + grid-column: 1 / span 4; + grid-row: 12 / span 4; + display: grid; + /* grid-template-rows: minmax(0, 3fr) minmax(0, 1fr); */ + grid-template-columns: repeat(6, minmax(0, 1fr)); + + } + + .ability { + display: grid; + grid-template-rows: minmax(0, 3fr) minmax(0, 1fr); + justify-items: center; + align-items: center; + position: relative; + + label, .label { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + } + } + + .compass { + --size: 45px; + width: var(--size); + height: var(--size); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border: 2px solid var(--accent-1); + border-radius: 50%; + font-size: 1.5rem; + position: relative; + background: var(--base-background); + + > .value { + background: none; + width: 70%; + text-align: center; + padding: 0; + } + + > .roll { + --distance: -15%; + position: absolute; + top: var(--distance); + right: var(--distance); + z-index: 2; + } + + &.small { + --size: 35px; + font-size: 1.1rem; + } + + &.dual { + font-size: var(--font-size-14); + --distance-from-edge: 4px; + + &::after { + display: block; + content: ""; + width: 69%; + height: 2px; + background: var(--accent-1); + transform: rotate(-45deg); + } + + > .value, + > .max { + width: 50%; + position: absolute; + text-align: center; + /* border-bottom: none; */ + } + + > .value { + top: var(--distance-from-edge); + left: var(--distance-from-edge); + clip-path: polygon(100% 0, 100% 60%, 60% 100%, 0 100%, 0 0); + } + > .max { + bottom: var(--distance-from-edge); + right: var(--distance-from-edge); + } + } + } + + .armour { + grid-column: -2 / span 1; + grid-row: 1 / -1; + display: grid; + grid-template-rows: subgrid; + + .section-header { + text-align: right; + } + + .person { + grid-row: 2 / span 9; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); + justify-items: center; + align-items: center; + position: relative; + + > div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + z-index: 1; + } + + > rc-svg { + position: absolute; + bottom: 0; + left: 0; + width: 58%; + } + } + + /* Positioning */ + .head, .body, .legs { grid-column: 1; } + .arms { grid-column: 2; } + .head { grid-row: 1; } + .body, .arms { grid-row: 2; } + .legs { grid-row: 3; } + + .shield { + --distance: -7px; + position: absolute; + top: var(--distance); + right: var(--distance); + } + + .armour-items { + display: contents; + + > li { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; + padding: 0 4px; + gap: 4px; + min-width: 0; + } + + .label { + text-overflow: initial; + flex-shrink: 0; + } + } + } +} diff --git a/templates/Apps/apps.css b/templates/Apps/apps.css new file mode 100644 index 0000000..30af300 --- /dev/null +++ b/templates/Apps/apps.css @@ -0,0 +1,29 @@ +@import url("./AllItemSheetV1/style.css"); +@import url("./CombinedHeroSheet/style.css"); +@import url("./DelveDiceHUD/style.css"); +@import url("./DicePool/style.css"); +@import url("./CraftCardV1/style.css"); +@import url("./StatsCardV1/style.css"); +@import url("./SkillsCardV1/style.css"); +@import url("./RichEditor/style.css"); + +@import url("./popover.css"); +@import url("./popovers/AmmoTracker/style.css"); + +.ripcrypt { + .window-content { + flex: initial; + padding: 0; + margin: 0; + } + + .StatsCardV1, + .SkillsCardV1, + .CraftCardV1 { + padding: 8px; + /* height: 270px; */ + width: 680px; + --col-gap: 2px; + --row-gap: 4px; + } +} diff --git a/templates/Apps/popover.css b/templates/Apps/popover.css new file mode 100644 index 0000000..73cfe4a --- /dev/null +++ b/templates/Apps/popover.css @@ -0,0 +1,17 @@ +.ripcrypt.popover { + box-sizing: border-box; + + &.frameless { + border-width: 2px; + border-style: solid; + border-color: transparent; + border-radius: 4px; + position: absolute; + z-index: calc(var(--z-index-tooltip) - 5); + transform-origin: top left; + + &.locked { + border-color: var(--accent-3); + } + } +} diff --git a/templates/Apps/popovers/AmmoTracker/ammoList.hbs b/templates/Apps/popovers/AmmoTracker/ammoList.hbs new file mode 100644 index 0000000..de799b2 --- /dev/null +++ b/templates/Apps/popovers/AmmoTracker/ammoList.hbs @@ -0,0 +1,52 @@ +
+ {{#if ammos}} +
    + {{#each ammos as | data |}} +
  • + {{ data.ammo.name }} + + {{#if data.favourite}} + + {{else}} + + {{/if}} +
    • + {{/each}} +
+ {{else}} + + {{ rc-i18n "RipCrypt.Apps.AmmoTracker.no-ammo" }} + + {{/if}} +
diff --git a/templates/Apps/popovers/AmmoTracker/style.css b/templates/Apps/popovers/AmmoTracker/style.css new file mode 100644 index 0000000..2425a5a --- /dev/null +++ b/templates/Apps/popovers/AmmoTracker/style.css @@ -0,0 +1,47 @@ +.ripcrypt--AmmoTracker.ripcrypt--AmmoTracker.ripcrypt--AmmoTracker { + color: var(--popover-text); + background: var(--popover-background); + padding: 4px; + + --row-gap: 4px; + --button-text: var(--header-text); + --button-background: var(--header-background); + + ul { + display: flex; + flex-direction: column; + row-gap: var(--row-gap); + + > li { + padding: 4px 8px; + border-radius: 999px; + + &:nth-child(even) { + color: var(--popover-alt-row-text); + background: var(--popover-alt-row-background); + --input-text: var(--popover-text); + --input-background: var(--popover-background); + --button-text: unset; + --button-background: unset; + } + } + } + + .ammo { + display: grid; + grid-template-columns: 130px 50px min-content; + grid-template-rows: min-content; + align-items: center; + gap: 8px; + + .name { + flex-grow: 1; + justify-self: left; + } + } + + input { + text-align: center; + border-radius: 999px; + } +} diff --git a/templates/chat/roll.hbs b/templates/chat/roll.hbs new file mode 100644 index 0000000..ff9c893 --- /dev/null +++ b/templates/chat/roll.hbs @@ -0,0 +1,3 @@ +
+ HELLO +
\ No newline at end of file diff --git a/templates/css/components/icon.css b/templates/css/components/icon.css new file mode 100644 index 0000000..31ddda5 --- /dev/null +++ b/templates/css/components/icon.css @@ -0,0 +1,23 @@ +:host { + display: inline-block; +} + +div { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +svg { + width: var(--size, 1rem); + height: var(--size, 1rem); + fill: var(--fill); +} + +path { + stroke: var(--stroke); + stroke-width: var(--stroke-width); + stroke-linejoin: var(--stroke-linejoin); +} diff --git a/templates/css/components/rc-border.css b/templates/css/components/rc-border.css new file mode 100644 index 0000000..3069d60 --- /dev/null +++ b/templates/css/components/rc-border.css @@ -0,0 +1,65 @@ +:host { + display: flex; + flex-direction: column; + --vertical-displacement: 12.5px; +} + +.rc-border { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-grow: 1; + + padding: var(--padding, 4px); + border-width: 2px; + border-style: solid; + border-color: var(--border-color); + border-radius: 8px; + position: relative; + margin-top: var(--margin-top, var(--vertical-displacement)); + padding-top: var(--padding-top, calc(var(--vertical-displacement) + 4px)); + + &::before { + display: block; + content: ""; + position: absolute; + top: -3px; + height: 5px; + left: 50%; + right: -3px; + background: var(--border-mask, var(--base-background)); + } + &::after { + display: block; + content: ""; + position: absolute; + width: 6px; + top: -3px; + right: -3px; + height: 30px; + background: rgb(0,0,0); + background: linear-gradient( + 180deg, + var(--border-mask, var(--base-background)) 0%, + var(--border-mask, var(--base-background)) 50%, + rgba(0,255,255,0) 100% + ); + } + + .title { + position: absolute; + top: calc(-1 * var(--vertical-displacement)); + left: 50%; + height: minmax(var(--title-height, 20px), auto); + transform: translateX(-50%); + background: var(--title-background, var(--border-color)); + padding: 4px 6px; + box-sizing: border-box; + width: max-content; + max-width: 75%; + min-width: 50px; + border-radius: 4px; + text-align: center; + } +} diff --git a/templates/css/components/svg-loader.css b/templates/css/components/svg-loader.css new file mode 100644 index 0000000..b843bc5 --- /dev/null +++ b/templates/css/components/svg-loader.css @@ -0,0 +1,22 @@ +:host { + display: inline-block; +} + +div { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +svg { + fill: var(--fill); + stroke: var(--stroke); +} + +path { + stroke: var(--stroke); + stroke-width: var(--stroke-width); + stroke-linejoin: var(--stroke-linejoin); +} diff --git a/templates/css/elements/button.css b/templates/css/elements/button.css new file mode 100644 index 0000000..7ab1590 --- /dev/null +++ b/templates/css/elements/button.css @@ -0,0 +1,37 @@ +.ripcrypt:where(.popover.frameless, .hud) button, +.ripcrypt > .window-content button { + display: flex; + justify-content: center; + align-items: center; + outline: none; + border: none; + padding: 2px 4px; + font-family: inherit; + font-size: inherit; + background: var(--button-background); + color: var(--button-text); + + &:hover:not(:disabled) { + cursor: pointer; + outline: none; + } + + &:disabled { + opacity: 0.6; + } + + &.icon { + padding: 0; + border-radius: 50%; + outline: none; + border: none; + width: 20px; + height: 20px; + } + + &.transparent { + background: inherit; + color: inherit; + padding: 0; + } +} diff --git a/templates/css/elements/generic.css b/templates/css/elements/generic.css new file mode 100644 index 0000000..0bacb35 --- /dev/null +++ b/templates/css/elements/generic.css @@ -0,0 +1,7 @@ +.ripcrypt.popover.frameless, +.ripcrypt.hud, +.ripcrypt > .window-content { + .left-pill { border-radius: 999px 0 0 999px; } + .right-pill { border-radius: 0 999px 999px 0; } + .full-pill { border-radius: 999px; } +} diff --git a/templates/css/elements/input.css b/templates/css/elements/input.css new file mode 100644 index 0000000..b12e45e --- /dev/null +++ b/templates/css/elements/input.css @@ -0,0 +1,30 @@ +.ripcrypt.popover.frameless, +.ripcrypt.hud, +.ripcrypt > .window-content { + input, .input { + box-sizing: border-box; + border: none; + outline: none; + font-family: inherit; + font-size: inherit; + position: relative; + background: var(--input-background); + color: var(--input-text); + padding: 0px 4px; + + &[type="text"], + &[type="number"] { + border-bottom: var(--input-underline); + } + + &[type="checkbox"] { + all: revert-layer; + --checkbox-checked-color: var(--accent-3); + --checkbox-background-color: var(--accent-2); + } + + &::placeholder { + color: var(--input-placeholder-text); + } + } +} diff --git a/templates/css/elements/lists.css b/templates/css/elements/lists.css new file mode 100644 index 0000000..24aa561 --- /dev/null +++ b/templates/css/elements/lists.css @@ -0,0 +1,46 @@ +.ripcrypt.popover.frameless, +.ripcrypt.hud, +.ripcrypt > .window-content { + ol { + list-style-type: none; + margin: 0; + padding: 0; + counter-reset: list-index 0; + + > li { + margin: 0; + display: flex; + flex-direction: row; + gap: 8px; + align-items: center; + counter-increment: list-index 1; + position: relative; + padding: 0 4px; + border-radius: 999px; + } + + &.num-before > li::before, + &.num-after > li::after { + content: counter(list-index); + display: block; + position: absolute; + font-size: var(--font-size-12); + } + + &.num-before > li::before { + position: revert; + } + &.num-after > li::after { + right: 4px; + } + } + + ul { + margin: 0; + padding: 0; + + > li { + margin: 0; + } + } +} diff --git a/templates/css/elements/p.css b/templates/css/elements/p.css new file mode 100644 index 0000000..91c29a1 --- /dev/null +++ b/templates/css/elements/p.css @@ -0,0 +1,12 @@ +.ripcrypt.popover.frameless p, +.ripcrypt.hud p, +.ripcrypt > .window-content p { + &.warning { + padding: 0.75rem; + margin: 0.25rem; + border-radius: 8px; + border-color: yellow; + border-style: solid; + border-width: 2px; + } +} diff --git a/templates/css/elements/pill-bar.css b/templates/css/elements/pill-bar.css new file mode 100644 index 0000000..ec85807 --- /dev/null +++ b/templates/css/elements/pill-bar.css @@ -0,0 +1,49 @@ +.ripcrypt.popover.frameless .pill-bar, +.ripcrypt.hud .pill-bar, +.ripcrypt > .window-content .pill-bar { + display: flex; + flex-direction: row; + width: var(--pill-width, 100px); + border: 2px solid var(--pill-border); + border-radius: var(--pill-border-radius, 999px); + background: var(--pill-background); + align-items: center; + gap: 8px; + + > input { + color: var(--pill-input-text); + background: var(--pill-input-background); + border-radius: var(--pill-border-radius, 999px); + flex-shrink: 1; + flex-grow: 1; + min-width: 50px; + max-width: unset; + width: initial; + flex-basis: 50px; + text-align: center; + + &:disabled { + color: var(--pill-input-disabled-text); + background: var(--pill-input-disabled-background); + } + } + + > :first-child { + order: 1; + } + > :last-child { + order: 3; + } + + &::after { + display: block; + content: ""; + order: 1; + position: relative; + width: 2px; + height: 75%; + transform: rotate(30deg); + background: var(--pill-divider, var(--pill-border)); + z-index: 1; + } +} \ No newline at end of file diff --git a/templates/css/elements/prose-mirror.css b/templates/css/elements/prose-mirror.css new file mode 100644 index 0000000..7aaa978 --- /dev/null +++ b/templates/css/elements/prose-mirror.css @@ -0,0 +1,3 @@ +.ripcrypt prose-mirror * { + all: revert-layer; +} diff --git a/templates/css/elements/select.css b/templates/css/elements/select.css new file mode 100644 index 0000000..519c06e --- /dev/null +++ b/templates/css/elements/select.css @@ -0,0 +1,15 @@ +.ripcrypt.popover.frameless select, +.ripcrypt.hud select, +.ripcrypt > .window-content select { + appearance: auto; + box-sizing: border-box; + border: none; + outline: none; + font-family: inherit; + font-size: inherit; + display: flex; + align-items: center; + + background: var(--input-background); + color: var(--input-text); +} diff --git a/templates/css/elements/span.css b/templates/css/elements/span.css new file mode 100644 index 0000000..ef8bfa4 --- /dev/null +++ b/templates/css/elements/span.css @@ -0,0 +1,25 @@ +.ripcrypt.popover.frameless span, +.ripcrypt.hud span, +.ripcrypt > .window-content span { + &.small { + font-size: var(--font-size-10) + } + + &.ellipses { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + &.slash { + width: 2px; + background: var(--slash-color, currentColor); + border-radius: 999px; + transform: rotate(var(--slash-rotation, 15deg)); + } + + /* Makes it so that spans are never less than the font size */ + &:empty::before { + content: "\200b"; + } +} diff --git a/templates/css/elements/string-tags.css b/templates/css/elements/string-tags.css new file mode 100644 index 0000000..1099982 --- /dev/null +++ b/templates/css/elements/string-tags.css @@ -0,0 +1,36 @@ +.ripcrypt string-tags { + --input-background: var(--string-tags-input-background); + + display: grid; + grid-template-columns: minmax(0, 1fr) min-content; + grid-template-rows: repeat(2, min-content); + + border: var(--string-tags-border); + + .tags { + grid-column: 1 / -1; + } + + input[type="text"] { + border-radius: 4px; + padding: 2px 4px; + } + + button.icon.icon { + font-family: var(--font-awesome); + background: var(--string-tags-add-background); + color: var(--string-tags-add-text); + width: 30px; + border-radius: 4px; + } + + &:has(.tags.input-element-tags:empty) { + grid-template-rows: auto; + } +} + +.ripcrypt .tag { + background: var(--tag-background, var(--header-background)); + color: var(--tag-text, var(--header-text)); + padding: 2px 4px; +} diff --git a/templates/css/elements/table.css b/templates/css/elements/table.css new file mode 100644 index 0000000..fc44c35 --- /dev/null +++ b/templates/css/elements/table.css @@ -0,0 +1,12 @@ +.ripcrypt.popover.frameless table, +.ripcrypt.hud table, +.ripcrypt > .window-content table { + box-sizing: border-box; + border-collapse: collapse; + + td, th { + padding: 2px 4px; + font-weight: initial; + text-align: left; + } +} diff --git a/templates/css/main.css b/templates/css/main.css new file mode 100644 index 0000000..9b06147 --- /dev/null +++ b/templates/css/main.css @@ -0,0 +1,26 @@ +@layer resets, themes, elements, components, apps, exceptions; + +/* Resets */ +@import url("./resets/inputs.css") layer(resets); +@import url("./resets/tables.css") layer(resets); + +/* Themes */ +@import url("./themes/dark.css") layer(themes); + +/* Elements */ +@import url("./elements/generic.css") layer(elements); +@import url("./elements/button.css") layer(elements); +@import url("./elements/input.css") layer(elements); +@import url("./elements/lists.css") layer(elements); +@import url("./elements/p.css") layer(elements); +@import url("./elements/pill-bar.css") layer(elements); +@import url("./elements/select.css") layer(elements); +@import url("./elements/span.css") layer(elements); +@import url("./elements/string-tags.css") layer(elements); +@import url("./elements/table.css") layer(elements); + +/* Applications */ +@import url("../Apps/apps.css") layer(apps); + +/* Exceptions */ +@import url("./elements/prose-mirror.css") layer(exceptions); diff --git a/templates/css/resets/inputs.css b/templates/css/resets/inputs.css new file mode 100644 index 0000000..3cb409b --- /dev/null +++ b/templates/css/resets/inputs.css @@ -0,0 +1,7 @@ +.ripcrypt.hud, +.ripcrypt.popover.frameless, +.ripcrypt > .window-content { + button, input, select { + all: initial; + } +} diff --git a/templates/css/resets/tables.css b/templates/css/resets/tables.css new file mode 100644 index 0000000..1e4c53b --- /dev/null +++ b/templates/css/resets/tables.css @@ -0,0 +1,7 @@ +.ripcrypt.hud, +.ripcrypt.popover.frameless, +.ripcrypt > .window-content { + table, thead, tbody, th, tr, td { + all: revert; + } +} diff --git a/templates/css/themes/dark.css b/templates/css/themes/dark.css new file mode 100644 index 0000000..b454025 --- /dev/null +++ b/templates/css/themes/dark.css @@ -0,0 +1,58 @@ +.theme-rc-dark, +.theme-dark { + --accent-1: #056162; + --accent-2: #04262a; + --accent-3: #4fb258; + + --base-text: white; + --base-background: black; + + --header-text: black; + --header-background: var(--accent-3); + + --section-header-text: white; + --section-header-background: var(--accent-1); + + --alt-row-text: white; + --alt-row-background: var(--accent-2); + + --input-underline: 2px dashed var(--accent-3); + --input-background: var(--accent-2); + --input-text: white; + --input-placeholder-text: rgba(255,255,255, 0.5); + + --button-background: black; + --button-text: var(--accent-3); + + --col-gap: 2px; + --row-gap: 0px; + + /* Popover Variables */ + --popover-text: var(--base-text); + --popover-background: var(--base-background); + + --popover-alt-row-text: var(--alt-row-text); + --popover-alt-row-background: var(--alt-row-background); + + --popover-header-text: var(--header-text); + --popover-header-background: var(--header-background); + + /* Additional Variables */ + --string-tags-border: inherit; + --string-tags-tag-background: inherit; + --string-tags-tag-text: inherit; + --string-tags-add-background: inherit; + --string-tags-add-text: var(--accent-3); + + --pill-border: var(--accent-2); + --pill-background: var(--accent-2); + --pill-divider: var(--accent-3); + --pill-input-text: white; + --pill-input-background: var(--accent-2); + --pill-input-disabled-text: white; + --pill-input-disabled-background: black; + + /* Custom HUD Components */ + --DelveDice-background: var(--accent-1); + --DelveDice-text: white; +} diff --git a/templates/css/vars.css b/templates/css/vars.css new file mode 100644 index 0000000..1717592 --- /dev/null +++ b/templates/css/vars.css @@ -0,0 +1,2 @@ +@import url("./themes/dark.css"); +/* @import url("./themes/light.css"); */