MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. Jalibu
    3. Topics
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    Offline
    • Profile
    • Following 0
    • Followers 4
    • Topics 6
    • Posts 199
    • Groups 1

    Topics

    • JalibuJ

      Module Development in TypeScript

      Watching Ignoring Scheduled Pinned Locked Moved Development
      6
      2 Votes
      6 Posts
      2k Views
      F
      Hi @Jalibu, thanks for the typings. To be honest, it’s not the best possible integration. The MagicMirror repository includes a module-types.ts file, containing the most important types, which I extended a little to fit my needs. A deeper integration, like being able to get correct typings/autocompletion for the this object in functions, is not available. If I find myself using it more in the future, I may look into improving this. I want to share an little extension or may a solution for the problem quoted: import type { Config } from "../types/Config"; import type { State } from "../types/State"; interface FrontendModuleProperties extends Partial<Module.ModuleProperties<Config>> { state?: State; } Module.register<Config>("MMM-XX", { defaults: { x: 29, y: "abc", }, getStyles() { return ["z.css"]; }, <...> getTemplateData() { return { config: this.config, value: this.state?.value, }; }, <...> socketNotificationReceived(notificationIdentifier: string, payload: State) { if (notificationIdentifier === `ABC-${this.identifier}`) { const lastValue = this.state?.value; // <-- Here lastValue got correct type automatically <...> this.state = payload; } }, } as FrontendModuleProperties);
    • JalibuJ

      MMM-NINA

      Watching Ignoring Scheduled Pinned Locked Moved Utilities
      40
      2
      5 Votes
      40 Posts
      13k Views
      R
      Hallo Jalibu , hallo zusammen! Ich habe das Modul vor kurzem installiert und habe aktuell den Effekt, das bei aktualisierten Meldungen die Ursprungsmeldung und eine aktualisierte Meldung angezeigt wird: [image: 1673640971504-mmm-nina-aktualsierte-meldung.jpg] Zum Vergleich zur NINA-APP (IOS): [image: 1673641034941-img_0596.jpg] Gibt es zu dem die Möglichkeit auch die erwartete Dauer des Warnereignisses anzuzeigen ( s.o. Unwetterwarnung Sa. 10:00 - So. 04:00)? Danke für eine Info und ein schönes Wochenende! Rainer
    • JalibuJ

      MMM-BoschSmartHome

      Watching Ignoring Scheduled Pinned Locked Moved Utilities
      29
      2
      5 Votes
      29 Posts
      9k Views
      X
      Hi, just wanted to leave you my css, which costs me a bit of time. I wanted to have a clean overview, just see the temperatures in my house. Because I have 9 thermostats, a list with all the colors was just to much for me. This css gave me a 3 column design, just with the room name and the current temperature: /** * MMM-BoschSmartHome */ .MMM-BoschSmartHome .bsh-wrapper { background-color: rgba(0,0,0,0.00); color: #fff; font-size: 10px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; line-height: normal; } .MMM-BoschSmartHome .bsh-wrapper br { display: none; } .MMM-BoschSmartHome .bsh-wrapper, .MMM-BoschSmartHome .bsh-tile { margin: 0; padding: 0; } .MMM-BoschSmartHome .bsh-room-icon { margin-right: 8px; } .MMM-BoschSmartHome .bsh-tiles { font-size: 10px; background-color: rgba(0,0,0,0.00); } .MMM-BoschSmartHome .bsh-badge.climate-control { visibility: hidden; } .MMM-BoschSmartHome .bsh-tile { min-width: 0; /* Prevent tiles from expanding beyond their column */ width: 100%; background-color: rgba(0,0,0,0.00); color: white; } .MMM-BoschSmartHome .bsh-room-title { font-size: 10px; } .MMM-BoschSmartHome .bsh-tile.tile-row { visibility: hidden; } .MMM-BoschSmartHome .bsh-tile i { visibility: hidden; } .MMM-BoschSmartHome .bsh-tile.temperature-level span.setpoint-temperature { font-size: 10px; } .MMM-BoschSmartHome .bsh-tile.temperature-level div:first-child { visibility: hidden; position: relative; } .MMM-BoschSmartHome .bsh-tile.temperature-level span.room-temperature { visibility: visible; position: absolute; left: 0; /* Adjust this to position the temperature correctly */ min-width: 0; /* Prevent tiles from expanding beyond their column */ width: 100%; font-size: 1.8em; font-weight: bold; display: inline-block; } I’m using this config: { module: "MMM-BoschSmartHome", position: "top_left", config: { host: "", // Bosch Smart Home Bridge's local IP Address name: "MMM-BoschSmartHome", // Display name for App identifier: "MMM-BoschSmartHome", // Unique Identifier for app password: "", // Password for Bosch Smart Home Bridge refreshIntervalInSeconds: 60, // Default: 60 width: "200px", displayRoomIcons: true, // Default: false hideComponents: { "Küche": ["dishwasher"] }, // See example below. Default: {} hideEmptyRooms: false, // Hide rooms, if they have no information to display. Default: false colorizeRoomWithAirQuality: true, // Colorizes room tiles in red/orange/green depending on combined air quality. Only works with Twinguard roomOrder: ["Wohnzimmer", "Küche", "Bad EG", "Flur EG", "Schlafzimmer","Kinderzimmer", "Bad OG", "Flur OG / Büro", "HWR"], // Manually set the room order by a list of room names, e.g. ["Livingroom", "Bedroom", "Kitchen"] airquality: { purity: "none", // one of [tile, bar, donut, none] humidity: "none", // one of [tile, bar, donut, none] temperature: "none", // one of [tile, bar, donut, none] preferredTemperatureProvider: "Twinguard", // Twinguard or ClimateControl preferredHumidityProvider: "Twinguard" // Twinguard or ClimateControl }, temperatureLevel: { displayCurrentTemperature: true, // Default: true displayTargetTemperature: false, // Default: true forceRowTile: false // Show tile as row, even if there is no target temperature. Default: true }, thermostats: { display: false, // Default: true displayName: false // Default: false }, dishwasher: { display: false, // Default: true displayName: false // Default: false } } }, Thanks @ the author of this module. Before I forget something … If you have BSHC-2 and not BSHC you just have to press the button for pairing at the BSHC.2, not hold the button, like in BSHC. This simple info costs me a week.
    • JalibuJ

      - Module deleted -

      Watching Ignoring Scheduled Pinned Locked Moved Education
      6
      1 Votes
      6 Posts
      839 Views
      R
      @Jalibu Awesome, thanks! I will add it to my mirror.
    • JalibuJ

      MMM-RAIN-MAP (new: version 2.x)

      Watching Ignoring Scheduled Pinned Locked Moved Utilities
      192
      9 Votes
      192 Posts
      246k Views
      M
      Hi! Great module - wondering if we can adjust the transparency of the rain layer? It’s very much in your face, especially with a dark theme in a dark kitchen. [image: 1737230256352-13e5d0a1-e715-4f5a-8fd1-867740d8c65c-image.png] Thanks!
    • JalibuJ

      [MMM-JaST] Just another Stock Ticker (new: version 2.x)

      Watching Ignoring Scheduled Pinned Locked Moved Utilities
      166
      4 Votes
      166 Posts
      179k Views
      S
      @MZ-BER What exactly did you enter for ETFs so that they would be displayed? I don’t have any stocks, just five ETFs in my savings. Can I have those displayed as well? How does this work, for example: WKN A1JMDF ?
    • 1 / 1