@turnipxenon/pineapple 3.1.0-alpha.4 → 3.1.0-alpha.6

package/dist/components/dialog_manager/DialogManager.d.ts

@@ -16,7 +16,7 @@ export declare class DialogManager implements IDialogManager {
     previousTimestamp: number;
     isDoneTransition: boolean;
     currentPortrait: import("svelte/store").Writable<string>;
-    portraitMap: Map<string, any>;
+    portraitMap: Map<string, string>;
     currentState: DialogState;
     currentReadableState: import("svelte/store").Writable<DialogState>;
     hidePercent: import("svelte/motion").Tweened<number>;
@@ -80,3 +80,4 @@ export declare class DialogManager implements IDialogManager {
     toggleDialogOverlay(): void;
     parseAndSetDialogTree(dialogYarn: string): Promise<DialogDetail[]>;
 }
+export declare const dialogManager: DialogManager;

package/dist/components/dialog_manager/DialogManager.js

@@ -37,13 +37,14 @@ export class DialogManager {
         easing: backOut
     }); // 100 = 100%
     skipNextActiveTime = 0;
-    dialogProcessor = new DialogProcessor();
+    dialogProcessor;
     // for queueing actions
     _setDialogChoiceQueue = [];
     _setDialogChoiceMutex = false;
     onSetDialogListeners = [];
     enableDialogueOverlayCache = false;
     constructor() {
+        this.dialogProcessor = new DialogProcessor(this);
         enableDialogueOverlay.subscribe((value) => {
             // todo: investigate why we cant put setDialogDefault inside the then clause
             // ISSUE #82 https://github.com/TurnipXenon/pineapple/issues/82
@@ -162,7 +163,7 @@ export class DialogManager {
         // set the portrait
         let portraitValue = AresHappy;
         if (this.currentMessageMeta.portraitType) {
-            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType);
+            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType ?? AresHappy);
         }
         if (portraitValue) {
             this.currentPortrait.update(() => portraitValue);
@@ -212,7 +213,7 @@ export class DialogManager {
         if (!this.isDoneTransition && this.currentIndex > this.fullCurrentMessage.length) {
             const elementList = document.getElementsByClassName("dialog-choice");
             for (const el of elementList) {
-                el.addEventListener("click", (event) => {
+                el.addEventListener("click", () => {
                     // todo: make more robust; for now we're assuming first class is our choice
                     const choice = el.classList[0].split("-")[1];
                     this.setDialogChoice(this.dialogMessageMap.get(choice));
@@ -261,3 +262,4 @@ export class DialogManager {
         });
     }
 }
+export const dialogManager = new DialogManager();

package/dist/components/dialog_manager/DialogProcessor.d.ts

@@ -1,10 +1,12 @@
 import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
-import { LineSelectorNode } from "./behavior_tree/line_core/LineSelectorNode";
+import type { IDialogManager } from "../..";
 /**
  * DialogProcessor processes dialogs
  */
 export declare class DialogProcessor {
-    processingTree: LineSelectorNode;
+    private readonly dialogManager;
+    private processingTree;
+    constructor(dialogManager: IDialogManager);
     /**
      * process the dialog line by line and return a presentable string
      * @param dialogDetail

package/dist/components/dialog_manager/DialogProcessor.js

@@ -17,24 +17,29 @@ import { UnvisitCommand } from "./behavior_tree/line_processors/commands/Unvisit
  * DialogProcessor processes dialogs
  */
 export class DialogProcessor {
-    processingTree = new LineSelectorNode([
-        /*region comment based formats*/
-        new IgnoreJumpNode(), // must be prioritized above line comment node
-        new LineCommentNode(),
-        /*endregion commend based formats*/
-        new EndIfNode(),
-        new ElseIfNode(),
-        new ElseNode(),
-        new IfNode(),
-        new IgnoreGuardNode(),
-        /*region commands*/
-        new SetVariableNode(),
-        new DeclareCommand(),
-        new JumpCommand(),
-        new UnvisitCommand(),
-        /*endregion commands*/
-        new NormalLineProcessorNode()
-    ]);
+    dialogManager;
+    processingTree;
+    constructor(dialogManager) {
+        this.dialogManager = dialogManager;
+        this.processingTree = new LineSelectorNode([
+            /*region comment based formats*/
+            new IgnoreJumpNode(), // must be prioritized above line comment node
+            new LineCommentNode(),
+            /*endregion commend based formats*/
+            new EndIfNode(),
+            new ElseIfNode(),
+            new ElseNode(),
+            new IfNode(),
+            new IgnoreGuardNode(),
+            /*region commands*/
+            new SetVariableNode(),
+            new DeclareCommand(),
+            new JumpCommand(this.dialogManager),
+            new UnvisitCommand(),
+            /*endregion commands*/
+            new NormalLineProcessorNode()
+        ]);
+    }
     /**
      * process the dialog line by line and return a presentable string
      * @param dialogDetail

package/dist/components/dialog_manager/IDialogManager.d.ts

@@ -7,7 +7,6 @@ import type { OnSetDialogChoiceCallback } from "./DialogManager";
 export interface IDialogManager {
     dialogMessageMap: Map<string, DialogDetail>;
     currentDialogTree: DialogDetail[];
-    fullCurrentMessage: string;
     currentMessageMeta: DialogDetail;
     currentMessage: Writable<string>;
     currentIndex: number;

package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.d.ts

@@ -5,7 +5,7 @@ import { SetVariableNode } from "../SetVariableNode";
 import type { IDialogManager } from "../../../IDialogManager";
 export declare class JumpCommand implements LineBehaviorNode {
     setVariableNode: SetVariableNode;
-    dialogManager: undefined | IDialogManager;
-    constructor();
+    dialogManager: IDialogManager;
+    constructor(dialogManager: IDialogManager);
     process(nodeArgs: LineNodeArguments): LineBehaviorResult;
 }

package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.js

@@ -1,16 +1,15 @@
 import { BehaviorStatus } from "../../core/BehaviorStatus";
 import { SetVariableNode } from "../SetVariableNode";
 import { btreeUtils } from "../../core/BTreeUtils";
-import { getDialogManager } from "../../../DialogMangerInit";
 export class JumpCommand {
     setVariableNode = new SetVariableNode();
-    dialogManager = undefined;
-    constructor() {
-        getDialogManager().then(dm => this.dialogManager = dm);
+    dialogManager;
+    constructor(dialogManager) {
+        this.dialogManager = dialogManager;
     }
     process(nodeArgs) {
         if (this.dialogManager === undefined) {
-            console.warn('Dialog Manger not yet initialized');
+            console.warn("Dialog Manger not yet initialized");
             return {
                 renderedLine: "",
                 nextState: nodeArgs.initState,

package/dist/components/dialog_overlay/DialogOverlay.svelte

@@ -2,8 +2,7 @@
 	import AresHappy from "../../assets/characters/ares/ares_happy.webp";
 	import { onMount } from "svelte";
 	import { DialogState } from "../../types/pineapple_fiber/DialogState";
-	import { getDialogManager } from "../dialog_manager/DialogMangerInit";
-	import type { IDialogManager } from "../dialog_manager/IDialogManager";
+	import { dialogManager } from "../dialog_manager/DialogManager";
 	import PinyaCard from "../../ui/elements/PinyaCard/PinyaCard.svelte";
 	import { appState } from "../../ui/templates/index";
 	import CloseIcon from "../../assets/icons/close.svg";
@@ -18,34 +17,31 @@
 
 	let hidePercent = $state(100);
 	let isHidden = $state(true);
-	let dialogManager: IDialogManager | undefined = $state(undefined);
 	onMount(() => {
-		getDialogManager()
-			.then(dm => {
-				dialogManager = dm;
 
-				dialogManager.currentMessage.subscribe((value) => {
-					currentMessage = value;
-				});
+		dialogManager.currentMessage.subscribe((value) => {
+			currentMessage = value;
+		});
 
-				dialogManager.currentPortrait.subscribe((value) => {
-					if (value) {
-						currentPortrait = value;
-					}
-				});
+		dialogManager.currentPortrait.subscribe((value) => {
+			console.log("sub value", value);
+			if (value) {
+				currentPortrait = value;
+			}
+		});
 
-				dialogManager.hidePercent.subscribe((value) => {
-					hidePercent = value * 0.4;
-					isHidden = false;
-				});
+		dialogManager.hidePercent.subscribe((value) => {
+			hidePercent = value * 0.4;
+			isHidden = false;
+		});
 
-				dialogManager.currentReadableState.subscribe((value) => {
-					isHidden = value === DialogState.Invisible;
-				});
+		dialogManager.currentReadableState.subscribe((value) => {
+			isHidden = value === DialogState.Invisible;
+		});
 
-				dialogManager.update(0);
-				isMounted = true;
-			});
+		console.log("CAlling update");
+		dialogManager.update(0);
+		isMounted = true;
 
 	});
 
@@ -103,9 +99,8 @@
 	<div class="fab-container" in:slide>
 		<PinyaButton
 			classes="fab"
-			onclick={()=>{
-	getDialogManager().then(dm => dm.toggleDialogOverlay());
-}}>
+			onclick={()=>{dialogManager.toggleDialogOverlay();}}
+		>
 			{#if (enableDialogueOverlayValue)}
 				<img class="turnip-icon" src={CloseIcon} alt="interactive floating action button represented as a turnip">
 			{:else }
@@ -224,7 +219,7 @@
 
     .fab-container {
         position: fixed;
-		    bottom: 0;
+        bottom: 0;
     }
 
     .fab-container:dir(ltr) {

package/dist/components/pineapple/PineappleBaseLayout.svelte

@@ -20,7 +20,7 @@
 	import Toast from "./toast/Toast.svelte";
 	import DialogOverlay from "../dialog_overlay/DialogOverlay.svelte";
 	import { fade } from "svelte/transition";
-	import { getDialogManager } from "../dialog_manager/DialogMangerInit";
+	import { dialogManager } from "../dialog_manager/DialogManager";
 
 	interface Props {
 		showDialogByDefault?: boolean;
@@ -77,7 +77,7 @@
 
 <!--todo: turn off hidden when it's time-->
 <button class="fab" onclick={()=>{
-	getDialogManager().then(dm => dm.toggleDialogOverlay());
+	dialogManager.toggleDialogOverlay();
 }}>
 	{#if (enableDialogueOverlayValue)}
 		<img class="turnip-icon" src={CloseIcon} alt="interactive floating action button represented as a turnip">

package/dist/index.d.ts

@@ -11,4 +11,4 @@ export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
 export type { IDialogManager } from "./components/dialog_manager/IDialogManager";
-export { getDialogManager } from "./components/dialog_manager/DialogMangerInit";
+export { dialogManager } from "./components/dialog_manager/DialogManager";

package/dist/index.js

@@ -11,4 +11,4 @@ export * from "./types/pineapple_fiber/PortraitType";
 export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
-export { getDialogManager } from "./components/dialog_manager/DialogMangerInit";
+export { dialogManager } from "./components/dialog_manager/DialogManager";

package/dist/scripts/pineapple_fiber/PineappleWeaver.js

@@ -44,7 +44,7 @@ const pineappleWeaverRun = () => {
         const template = `// this file was generated by PineappleWeaver.ts
 // do not edit!
 			
-import { type DialogDetail, getDialogManager, PortraitType } from "@turnipxenon/pineapple";
+import { type DialogDetail, dialogManager, PortraitType } from "@turnipxenon/pineapple";
 
 class _${fileName}Yarn {
 	dialogList: DialogDetail[] = [
@@ -53,7 +53,7 @@ ${dialogDetailListToString(dialogDetailList)}
 	
 	/* Remember to call DialogManager.subscribeToSetDialogChoice before calling this in Svelte */
 	setDialogTree = () => {
-		getDialogManager().then((dm) => dm?.setDialogTree(this.dialogList));
+		dialogManager.setDialogTree(this.dialogList);
 	};
 }
 

package/dist/styles/app.css

@@ -22,13 +22,15 @@ html {
     height: calc(var(--dialog-box-height) + 4em);
 }
 
-a.dialog-choice {
+.dialog-box a {
     font-size: inherit;
+}
+
+a.dialog-choice {
     cursor: url("$pkg/assets/icons/chat-cursor.svg"), auto;
 }
 
 a.external-link {
-    font-size: inherit;
     cursor: url("$pkg/assets/icons/external-link.svg"), auto;
 }
 

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte

@@ -10,6 +10,7 @@
 	import { localizeHref } from "../../../paraglide/runtime";
 	import { appState } from "./runes.svelte";
 	import { enableBackground } from "../../../store";
+	import DialogOverlay from "../../../components/dialog_overlay/DialogOverlay.svelte";
 
 	let {
 		children,
@@ -69,6 +70,7 @@
 {@render header('hidden shadow-none w-full')}
 {@render header('fixed z-15 w-[105vw]')}
 
+<DialogOverlay></DialogOverlay>
 <RandomizedBackground enabled={$enableBackground} />
 
 <div class="default-page-container">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "3.1.0-alpha.4",
+  "version": "3.1.0-alpha.6",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/styles/app.css

@@ -22,13 +22,15 @@ html {
     height: calc(var(--dialog-box-height) + 4em);
 }
 
-a.dialog-choice {
+.dialog-box a {
     font-size: inherit;
+}
+
+a.dialog-choice {
     cursor: url("$pkg/assets/icons/chat-cursor.svg"), auto;
 }
 
 a.external-link {
-    font-size: inherit;
     cursor: url("$pkg/assets/icons/external-link.svg"), auto;
 }
 

package/dist/components/dialog_manager/DialogMangerInit.d.ts

@@ -1,2 +0,0 @@
-import type { IDialogManager } from "./IDialogManager";
-export declare const getDialogManager: () => Promise<IDialogManager>;

package/dist/components/dialog_manager/DialogMangerInit.js

@@ -1,21 +0,0 @@
-/**
- * strictly must be declared last! or you might receive a weird error that looks like:
- *
- * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
- * |- TypeError: Cannot read properties of undefined (reading '0')
- *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
- *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
- *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
- *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
- *
- * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
- * defaultDialogMessage not yet being initialized
- */
-let _dialogManager = undefined;
-export const getDialogManager = async () => {
-    if (_dialogManager === undefined) {
-        const dm = await import('./DialogManager');
-        _dialogManager = new dm.DialogManager();
-    }
-    return _dialogManager;
-};

package/dist/components/dialog_manager/index.d.ts

@@ -1 +0,0 @@
-export * from "./DialogMangerInit";

package/dist/components/dialog_manager/index.js

@@ -1 +0,0 @@
-export * from "./DialogMangerInit";