bc-deeplib 1.0.3 → 1.0.4

package/src/Screens/MainMenu.ts

@@ -1,138 +0,0 @@
-
-import { BaseSubscreen, GUI, GuiDebug, GuiSupport, elementAppendToMiscDiv, elementAppendToSettingsDiv, elementAppendToSubscreenDiv, elementCreateButton, elementCreateMiscDiv, elementSetPosSizeFont, getText } from '../DeepLib';
-
-export class MainMenu extends BaseSubscreen {
-  subscreens: BaseSubscreen[] = [];
-
-  static wikiLink: string = '';
-  static resetSubscreen: BaseSubscreen | null = null;
-
-  get name(): string {
-    return 'mainmenu';
-  }
-
-  constructor(module: GUI) {
-    super(module);
-
-    this.subscreens = module.subscreens;
-  }
-
-  load(): void {
-    if (!GUI.instance?.currentSubscreen) {
-      this.setSubscreen(this);
-      return;
-    }
-
-    super.load();
-
-    const exitButton = elementCreateButton({
-      type: 'button',
-      id: 'exit',
-      position: [1815, 75],
-      size: [90, 90],
-      image: 'Icons/Exit.png',
-      onClick: () => {
-        this.exit();
-      },
-      tooltip: getText('settings.button.back_button_hint')
-    });
-    elementAppendToSubscreenDiv(exitButton);
-
-    for (const screen of this.subscreens) {
-
-      if (screen.name == 'mainmenu') continue;
-
-      const button = elementCreateButton({
-        type: 'button',
-        id: `${screen.name}-button`,
-        image: screen.icon,
-        label: getText(`mainmenu.button.${screen.name}`),
-        onClick: () => {
-          this.setSubscreen(screen);
-        },
-        size: [450, 90],
-      });
-
-      elementAppendToSettingsDiv(button);
-    }
-
-    const miscDiv = elementCreateMiscDiv();
-    elementAppendToSubscreenDiv(miscDiv);
-
-    if (MainMenu.resetSubscreen) {
-      const resetButton = elementCreateButton({
-        type: 'button',
-        id: 'deeplib-reset-button',
-        image: 'Icons/ServiceBell.png',
-        label: 'Reset',
-        onClick: () => {
-          this.setSubscreen(MainMenu.resetSubscreen);
-        },
-        size: [405, 80],
-      });
-      elementAppendToMiscDiv(resetButton);
-    }
-
-    if (MainMenu.wikiLink) {
-      const wikiButton = elementCreateButton({
-        type: 'button',
-        id: 'deeplib-wiki-button',
-        image: 'Icons/Introduction.png',
-        label: 'Wiki',
-        onClick: () => {
-          window.open(MainMenu.wikiLink, '_blank');
-        },
-        size: [405, 80],
-      });
-      elementAppendToMiscDiv(wikiButton);
-    }
-
-    const supportButton = elementCreateButton({
-      type: 'button',
-      id: 'deeplib-support-button',
-      image: 'Assets/Female3DCG/Emoticon/Coffee/Icon.png',
-      label: 'Support',
-      onClick: () => {
-        this.setSubscreen(new GuiSupport());
-      },
-      size: [405, 80],
-    });
-    elementAppendToMiscDiv(supportButton);
-    elementSetPosSizeFont({ elementId: 'deeplib-misc' }, 1500, 670, 405, 260);
-
-    const debugButton = elementCreateButton({
-      type: 'button',
-      id: 'deeplib-debug-button',
-      image: 'Assets/Female3DCG/Emoticon/Coffee/Icon.png',
-      onClick: () => {
-        this.setSubscreen(new GuiDebug());
-      },
-      size: [90, 90],
-      position: [75, 75],
-    });
-    elementAppendToMiscDiv(debugButton);
-  }
-
-  run() {
-    super.run();
-  }
-
-  click() { }
-
-  exit(): void {
-    CharacterAppearanceForceUpCharacter = -1;
-    CharacterLoadCanvas(Player);
-    this.setSubscreen(null);
-    PreferenceSubscreenExtensionsClear();
-  }
-
-  resize(): void {
-    super.resize();
-    elementSetPosSizeFont({ elementId: 'deeplib-misc' }, 1500, 670, 405, 260);
-  }
-}
-
-export function setMainMenuOptions(wikiLink: string, resetSubscreen: BaseSubscreen | null) {
-  MainMenu.wikiLink = wikiLink;
-  MainMenu.resetSubscreen = resetSubscreen;
-}

package/src/Screens/Support.ts

@@ -1,99 +0,0 @@
-import { Button, SettingElement } from '../../.types/elements';
-import { BaseSubscreen, elementSetPosSizeFont, getText } from '../DeepLib';
-
-export class SupportHelper {
-  private static thankYouList: string[] = ['Ellena', 'weboos', 'Jamie'];
-  private static thankYouNext = 0;
-  private static thankYou = '';
-
-  static getSupporter() {
-    if (SupportHelper.thankYouNext < CommonTime()) SupportHelper.doNextThankYou();
-    return `${getText('support.other.thankyou')}, ${SupportHelper.thankYou}`;
-  }
-
-  static doNextThankYou() {
-    if (SupportHelper.thankYou && SupportHelper.thankYouList.length < 2) return;
-    SupportHelper.thankYou = CommonRandomItemFromList(SupportHelper.thankYou, SupportHelper.thankYouList);
-    SupportHelper.thankYouNext = CommonTime() + 5000;
-  }
-}
-
-export class GuiSupport extends BaseSubscreen {
-  get name(): string {
-    return 'Support';
-  }
-
-  get currentPage(): SettingElement[] {
-    return [
-      <Button>{
-        type: 'button',
-        id: 'deeplib-support-kofi',
-        size: [405, 80],
-        label: getText('support.button.ko-fi'),
-        image: 'https://storage.ko-fi.com/cdn/nav-logo-stroke.png',
-        onClick() {
-          window.open('https://ko-fi.com/monikka_bc', '_blank');
-        }
-      },
-      <Button>{
-        type: 'button',
-        id: 'deeplib-support-patreon',
-        size: [405, 80],
-        label: getText('support.button.patreon'),
-        image: 'https://c5.patreon.com/external/favicon/rebrand/favicon-32.png?v=af5597c2ef',
-        onClick() {
-          window.open('https://patreon.com/monikka_bc', '_blank');
-        }
-      }
-    ];
-  }
-
-  load() {
-    SupportHelper.doNextThankYou();
-    super.load();
-    ElementRemove('deeplib-settngs');
-
-    ElementCreateDiv('deeplib-gratitude');
-    const elm = document.getElementById('deeplib-gratitude') as HTMLElement;
-    ElementContent('deeplib-gratitude', gratitudeHtml);
-    elementSetPosSizeFont({ element: elm }, 1000, 250, 400, 400);
-
-  }
-
-  run() {
-    super.run();
-  }
-
-  click() {
-    super.click();
-  }
-
-  exit() {
-    ElementRemove('deeplib-gratitude');
-    super.exit();
-  }
-
-  resize(): void {
-    super.resize();
-    elementSetPosSizeFont({ elementId: 'deeplib-gratitude' }, 1000, 250, 400, 400);
-  }
-}
-
-const gratitudeHtml = /*html*/ `
-<h1>Dear Supporters!</h1>
-<p>
-  I want to take a moment to express my heartfelt gratitude for considering supporting me. Your willingness to stand by
-  my side in this creative journey means the world to me, and I am truly humbled by your generosity.
-</p>
-<p>
-  Your support goes far beyond the financial contributions; it represents belief in my work and a shared passion for
-  what I do. Your encouragement inspires me to continue developing.
-</p>
-<p>
-  Your support not only helps me sustain and grow as a developer, but also enables me to dedicate more time and
-  resources to producing high-quality mods. It allows me to explore new ideas, enhance my skills, and bring even more
-  meaningful and enjoyable content to you.
-</p>
-<p>Thank you all~</p>
-<p>With love, Monikka♥</p>
-`;

package/src/Utilities/Data.ts

@@ -1,40 +0,0 @@
-import { SettingsModel, _String, bcSdkMod, modules } from '../DeepLib';
-
-export const PlayerStorage = (): Readonly<SettingsModel> => (
-  typeof Player?.[bcSdkMod.ModInfo.name] === 'object' ?
-    CommonCloneDeep(Player?.[bcSdkMod.ModInfo.name]) :
-    undefined
-);
-export const ExtensionStorage = (): Readonly<string> => Player.ExtensionSettings[bcSdkMod.ModInfo.name];
-
-export function dataTake(modName: string = bcSdkMod.ModInfo.name) {
-  if (ExtensionStorage()) {
-    const parsed = JSON.parse(LZString.decompressFromBase64(ExtensionStorage()) || '');
-    Player[modName] = Object.hasOwn(parsed, 'Version') ? parsed : undefined;
-  } else {
-    Player[modName] = {};
-  }
-}
-
-export function dataStore() {
-  const modName = bcSdkMod.ModInfo.name;
-  const modVersion = bcSdkMod.ModInfo.version;
-
-  if (!ExtensionStorage()) Player.ExtensionSettings[modName] = '';
-  const Data: SettingsModel = {
-    GlobalModule: {
-      modEnabled: false,
-      doShowNewVersionMessage: false
-    },
-    Version: modVersion
-  };
-
-  for (const module of modules()) {
-    if (!module.settingsStorage) continue;
-
-    Data[module.settingsStorage] = PlayerStorage()[module.settingsStorage];
-  }
-
-  Player.ExtensionSettings[modName] = _String.encode(Data);
-  ServerPlayerExtensionSettingsSync(modName);
-}

package/src/Utilities/Elements/.AdvancedElements.ts

@@ -1,70 +0,0 @@
-export function elementCreateSubscreenDiv() {
-  const subscreenDiv = elementGetSubscreenDiv();
-  if (subscreenDiv) {
-    console.error('Subscreen already exists');
-    return subscreenDiv;
-  }
-
-  const div = document.createElement('div');
-  div.id = 'deeplib-subscreen';
-  div.classList.add('deeplib-subscreen', 'HideOnPopup');
-
-  return document.body.appendChild(div);
-}
-
-export function elementGetSubscreenDiv() {
-  return document.getElementById('deeplib-subscreen') ?? undefined;
-}
-
-export function elementRemoveSubscreenDiv() {
-  return elementGetSubscreenDiv()?.remove();
-}
-
-export function elementAppendToSubscreenDiv(element: HTMLElement) {
-  return elementGetSubscreenDiv()?.appendChild(element);
-}
-
-export function elementCreateSettingsDiv() {
-  const settingsDiv = elementGetSettingsDiv();
-  if (settingsDiv) {
-    console.error('Settings screen already exists');
-    return settingsDiv;
-  }
-
-  const div = document.createElement('div');
-  div.id = 'deeplib-settings';
-  div.classList.add('deeplib-settings');
-
-  return div;
-}
-
-export function elementGetSettingsDiv() {
-  return document.getElementById('deeplib-settings') ?? undefined;
-}
-
-export function elementAppendToSettingsDiv(element: HTMLElement) {
-  return elementGetSettingsDiv()?.appendChild(element);
-}
-
-export function elementCreateMiscDiv() {
-  const miscDiv = elementGetMiscDiv();
-  if (miscDiv) {
-    console.error('Settings screen already exists');
-    return miscDiv;
-  }
-
-  const div = document.createElement('div');
-  div.id = 'deeplib-misc';
-  div.classList.add('deeplib-misc');
-
-  return div;
-}
-
-export function elementGetMiscDiv() {
-  return document.getElementById('deeplib-misc');
-}
-
-export function elementAppendToMiscDiv(element: HTMLElement) {
-  return elementGetMiscDiv()?.appendChild(element);
-}
-

package/src/Utilities/Elements/.ElementHelpers.ts

@@ -1,100 +0,0 @@
-import { deepLibLogger } from '../../DeepLib';
-
-type ElementOrId = { elementId?: string; element?: HTMLElement; };
-
-const mainCanvasHeight = 1000;
-const mainCanvasWidth = 2000;
-
-export function getRelativeHeight(height: number) {
-  return height * (MainCanvas.canvas.clientHeight / mainCanvasHeight);
-}
-
-export function getRelativeWidth(width: number) {
-  return width * (MainCanvas.canvas.clientWidth / mainCanvasWidth);
-}
-
-export function getRelativeY(yPos: number) {
-  return MainCanvas.canvas.offsetTop + yPos * (MainCanvas.canvas.clientHeight / mainCanvasHeight);
-}
-
-export function getRelativeX(xPos: number) {
-  return MainCanvas.canvas.offsetLeft + xPos * (MainCanvas.canvas.clientWidth / mainCanvasWidth);
-}
-
-export function elementSetPosition(_: ElementOrId, xPos: number, yPos: number) {
-  const element = elementGet(_, 'elementSetPosition');
-  if (!element) return;
-
-  const Top = getRelativeY(yPos);
-  const Left = getRelativeX(xPos);
-
-  Object.assign(element.style, {
-    position: 'fixed',
-    left: Left + 'px',
-    top: Top + 'px'
-  });
-}
-
-export function elementSetSize(_: ElementOrId, width: number, height: number) {
-  const element = elementGet(_, 'elementSetSize');
-  if (!element) return;
-
-  const Height = getRelativeHeight(height);
-  const Width = getRelativeWidth(width);
-
-  Object.assign(element.style, {
-    width: Width + 'px',
-    height: Height + 'px',
-  });
-}
-
-export function elementAdjustFontSize(_: ElementOrId) {
-  const element = elementGet(_, 'elementAdjustFontSize');
-  if (!element) return;
-
-  const Font = MainCanvas.canvas.clientWidth <= MainCanvas.canvas.clientHeight * 2 ? MainCanvas.canvas.clientWidth / 50 : MainCanvas.canvas.clientHeight / 25;
-
-  Object.assign(element.style, {
-    fontSize: Font + 'px',
-    fontFamily: CommonGetFontName()
-  });
-}
-
-export function elementSetPosSizeFont(_: ElementOrId, xPos: number, yPos: number, width: number, height: number) {
-  if (elementGet(_, 'elementSetPosSizeFont') === null) return;
-
-  elementSetPosition(_, xPos, yPos);
-  elementSetSize(_, width, height);
-  elementAdjustFontSize(_);
-}
-
-export function elementHide(_: ElementOrId) {
-  const element = elementGet(_, 'elementHide');
-  if (!element) return;
-
-  element.style.display = 'none';
-}
-
-export function elementUnhide(_: ElementOrId) {
-  const element = elementGet(_, 'elementUnhide');
-  if (!element) return;
-
-  element.style.display = '';
-}
-
-function elementGet(_: ElementOrId, funcName: string) {
-  if (!_) {
-    deepLibLogger.warn(`${funcName} called without an elementId or element`);
-    return null;
-  }
-
-  const elementId = _.elementId ?? _.element?.id;
-  const element = _.element ?? document.getElementById(_.elementId!);
-
-  if (!element) {
-    deepLibLogger.warn(`A call to ${funcName} was made on non-existent element with id ${elementId}`);
-    return null;
-  }
-
-  return element;
-}

package/src/Utilities/Elements/Button.ts

@@ -1,54 +0,0 @@
-import { Button } from 'Types/elements';
-import { BaseSubscreen, getRelativeHeight, getRelativeWidth, getRelativeX, getRelativeY } from '../../DeepLib';
-
-export function elementCreateButton(options: Button) {
-  const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-  const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-  const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-  const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-  const position = options.position ? 'fixed' : '';
-
-  const button = ElementButton.Create(options.id, () => options.onClick(),
-    {
-      tooltip: options.tooltip,
-      label: options.label,
-      labelPosition: 'center',
-    },
-    {
-      button: {
-        classList: ['deeplib-button'],
-        children: [
-          {
-            tag: 'img',
-            attributes: {
-              id: `${options.id}-image`,
-              alt: '',
-              disabled: options.disabled,
-              decoding: 'async', 
-              loading: 'lazy',
-              src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' // 1x1 transparent image to get rid of broken image
-            },
-            dataAttributes: {
-              'size': options.size?.join('x'),
-              'position': options.position?.join('x'),
-            },
-            style: {
-              '--image': `url("${options.image}")`,
-            }
-          },
-        ],
-        style: {
-          width: width,
-          height: height,
-          left: left,
-          top: top,
-          position: position,
-        }
-      },
-    }
-  );
-  
-  BaseSubscreen.currentElements.push([button, options]);
-
-  return button;
-}

package/src/Utilities/Elements/Checkbox.ts

@@ -1,63 +0,0 @@
-import { Checkbox } from 'Types/elements';
-import { BaseSubscreen, elementSetTooltip, getRelativeHeight, getRelativeWidth, getRelativeX, getRelativeY } from '../../DeepLib';
-
-export function elementCreateCheckbox(options: Checkbox) {
-  const elem = document.getElementById(options.id);
-
-  if (elem) return elem;
-
-  const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-  const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-  const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-  const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-  const position = options.position ? 'fixed' : '';
-
-  const retElem = ElementCreate({
-    tag: 'div',
-    classList: ['deeplib-checkbox-container'],
-    style: {
-      width: width,
-      height: height,
-      left: left,
-      top: top,
-      position: position,
-    },
-    dataAttributes: {
-      'size': options.size?.join('x'),
-      'position': options.position?.join('x'),
-    },
-    children: [
-      {
-        tag: 'input',
-        classList: ['deeplib-input'],
-        attributes: {
-          type: 'checkbox',
-          id: options.id,
-          checked: options.getSettingValue() || undefined,
-        },
-      },
-      {
-        tag: 'label',
-        classList: ['deeplib-text'],
-        attributes: {
-          for: options.id,
-        },
-        children: [options.label]
-      },
-    ]
-  });
-
-  if (options.description) {
-    retElem.addEventListener('mouseover', () => {
-      elementSetTooltip(options.description);
-    });
-
-    retElem.addEventListener('mouseout', () => {
-      elementSetTooltip('');
-    });
-  }
-
-  BaseSubscreen.currentElements.push([retElem, options]);
-
-  return retElem;
-}

package/src/Utilities/Elements/Input.ts

@@ -1,72 +0,0 @@
-import { Input } from 'Types/elements';
-import { BaseSubscreen, elementSetTooltip, getRelativeHeight, getRelativeWidth, getRelativeX, getRelativeY } from '../../DeepLib';
-
-export function elementCreateInput(options: Input) {
-  const elem = document.getElementById(options.id);
-
-  if (elem) return elem;
-
-  const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-  const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-  const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-  const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-  const position = options.position ? 'fixed' : '';
-
-  const retElem = ElementCreate({
-    tag: 'div',
-    classList: ['deeplib-input-container'],
-    style: {
-      width: width,
-      height: height,
-      left: left,
-      top: top,
-      position: position,
-    },
-    dataAttributes: {
-      'size': options.size?.join('x'),
-      'position': options.position?.join('x'),
-    },
-    children: [
-      {
-        tag: 'input',
-        classList: ['deeplib-input'],
-        attributes: {
-          type: options.type,
-          id: options.id,
-          placeholder: ' ',
-        },
-      },
-      {
-        tag: 'label',
-        classList: ['deeplib-text'],
-        attributes: {
-          for: options.id,
-        },
-        children: [options.label]
-      },
-      {
-        tag: 'div',
-        classList: ['deeplib-underline'],
-      }
-    ]
-  });
-
-  if (options.getElementValue?.()) {
-    const input = document.getElementById(options.id) as HTMLInputElement;
-    if (input) input.value = options.getElementValue();
-  }
-  
-  if (options.description) {
-    retElem.addEventListener('mouseover', () => {
-      elementSetTooltip(options.description);
-    });
-
-    retElem.addEventListener('mouseout', () => {
-      elementSetTooltip('');
-    });
-  }
-
-  BaseSubscreen.currentElements.push([retElem, options]);
-
-  return retElem;
-}

package/src/Utilities/Elements/Label.ts

@@ -1,50 +0,0 @@
-import { Label } from 'Types/elements';
-import { BaseSubscreen, elementSetTooltip, getRelativeHeight, getRelativeWidth, getRelativeX, getRelativeY } from '../../DeepLib';
-
-export function elementCreateLabel(options: Label) {
-  const elem = document.getElementById(options.id);
-
-  if (elem) return elem;
-
-  const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-  const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-  const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-  const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-  const position = options.position ? 'fixed' : '';
-
-  const retElem = ElementCreate({
-    tag: 'span',
-    classList: ['deeplib-label', 'deeplib-text'],
-    attributes: {
-      id: options.id
-    },
-    style: {
-      width: width,
-      height: height,
-      left: left,
-      top: top,
-      position: position,
-    },
-    dataAttributes: {
-      'size': options.size?.join('x'),
-      'position': options.position?.join('x'),
-    },
-    children: [
-      options.label,
-    ],
-  });
-  
-  if (options.description) {
-    retElem.addEventListener('mouseover', () => {
-      elementSetTooltip(options.description as string);
-    });
-
-    retElem.addEventListener('mouseout', () => {
-      elementSetTooltip('');
-    });
-  }
-
-  BaseSubscreen.currentElements.push([retElem, options]);
-
-  return retElem;
-}