closes #35

src/app/helpers/constants.ts

@@ -250,7 +250,7 @@ export const typePropSets: Record<string, string[]> = {
   Book: ['bookPages', 'bookItemFilter', 'bookFindablePages'],
   Trap: ['trapUses'],
   Rock: ['canUpgradeWith'],
-  Scroll: ['bookPage'],
+  Scroll: ['bookPage', 'recipe'],
   Twig: ['type'],
 };
 

src/app/shared/shared.module.ts

@@ -44,6 +44,7 @@ import { InputQuesttypeComponent } from './components/input-questtype/input-ques
 import { InputQuestrewardComponent } from './components/input-questreward/input-questreward.component';
 import { InputMapnpcComponent } from './components/input-mapnpc/input-mapnpc.component';
 import { SpriteWithInlineNameComponent } from './components/sprite-with-inline-name/sprite-with-inline-name.component';
+import { InputRecipeComponent } from './components/input-recipe/input-recipe.component';
 
 @NgModule({
   declarations: [
@@ -84,6 +85,7 @@ import { SpriteWithInlineNameComponent } from './components/sprite-with-inline-n
     InputQuestrewardComponent,
     InputMapnpcComponent,
     SpriteWithInlineNameComponent,
+    InputRecipeComponent,
   ],
   imports: [
     CommonModule,
@@ -132,6 +134,7 @@ import { SpriteWithInlineNameComponent } from './components/sprite-with-inline-n
     InputQuestrewardComponent,
     InputMapnpcComponent,
     SpriteWithInlineNameComponent,
+    InputRecipeComponent,
   ],
 })
 export class SharedModule {}

src/app/tabs/items/items-editor/items-editor.component.html

@@ -312,6 +312,13 @@
     }
     }
 
+    @case('recipe') {
+    <div class="form-row">
+      <app-input-recipe [defaultValue]="editingData.recipe" (change)="editingData.recipe = $event"
+        [onlyLearnable]="true"></app-input-recipe>
+    </div>
+    }
+
     @default {
     {{ prop }} ({{ propTypes[prop] }}) has no editor.
     }

src/app/tabs/items/items-editor/items-editor.component.ts

@@ -54,6 +54,7 @@ export class ItemsEditorComponent
       | 'damageClass'
       | 'succorInfo'
       | 'containedItems'
+      | 'recipe'
     >
   > = {
     tier: 'number',
@@ -66,6 +67,7 @@ export class ItemsEditorComponent
     returnsOnThrow: 'boolean',
     canShoot: 'boolean',
     ounces: 'number',
+    bookPage: 'number',
     bookPages: 'number',
     bookFindablePages: 'number',
     bookItemFilter: 'string',
@@ -74,6 +76,7 @@ export class ItemsEditorComponent
     damageClass: 'damageClass',
     succorInfo: 'succorInfo',
     containedItems: 'containedItems',
+    recipe: 'recipe',
   };
 
   public currentItem = signal<IItemDefinition | undefined>(undefined);
@@ -179,9 +182,12 @@ export class ItemsEditorComponent
     const extraPropSets = typePropSets[newItemClass];
     if (extraPropSets) {
       extraPropSets.forEach((prop) => {
+        if (prop === 'recipe') return;
+
         if (prop === 'containedItems') {
           return;
         }
+
         if (prop === 'succorInfo') {
           if (this.editing().succorInfo) return;
 
@@ -191,6 +197,7 @@ export class ItemsEditorComponent
           }));
           return;
         }
+
         if (prop === 'stats') {
           Object.keys(typePropDefaults[newItemClass].stats).forEach(
             (statKey) => {