• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Notion Integration

Scheduled Pinned Locked Moved Unsolved Development
2 Posts 2 Posters 779 Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    Amit5001
    last edited by Sep 7, 2022, 8:49 AM

    Hi, I’m trying to make integration between my Notion To-do list to the MM.
    I wrote a code using Notion API to get all the data I need from my database but I can’t figure out how to write it as a module and add it to the mirror. I want to display the list like the calendar module work.
    The code I have right now is:
    66b1bd11-a49f-421f-a6e2-f10c95a14acb-image.png

    My database is:
    0505d3a7-bca3-4b6a-bccf-f73facee0189-image.png

    Can someone help me write it as a module?
    Thanks in advance!

    S 1 Reply Last reply Sep 7, 2022, 11:44 AM Reply Quote 0
    • S Offline
      sdetweil @Amit5001
      last edited by sdetweil Sep 7, 2022, 11:58 AM Sep 7, 2022, 11:44 AM

      @Amit5001 so, you will need to write a module.

      mm runs inside a browser, electron, chrome, Firefox, … it displays one web page

      each module gets data from somewhere and builds a small blob of html, or dom content, and gives that to mm, which places it in the browser DOM in the position you configured

      the spec is here
      https://docs.magicmirror.builders/development/introduction.html

      you can use my SampleModule as a starting place, it’s got all the parts

      https://github.com/sdetweil/SampleModule

      something to do before that, is to figure out how u want it displayed and build the html to do that, it’s just text. you can test that output in any browser.

      a module is split into 2 parts.
      the part that runs in the browser and does all the display work
      I call it modulename.js cause it’s filename matches the module name. it’s the part that interfaces to mm

      but a browser cannot read files (incl database) or touch hardware directly. for security. browser cannot import or require to load libraries.

      so if u need to do that, you use the helper, called node_helper.js. there is a small communication mechanism between the two parts.

      modulename.js sends a message, send socket notification
      and the helper receives them, receiveSocketNotification

      when done the exact same calls are used in the other direction. helper sends module name.js receives. this is a private channel between this module and it’s helper.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • 1 / 1
      1 / 1
      • First post
        1/2
        Last post
      Enjoying MagicMirror? Please consider a donation!
      MagicMirror created by Michael Teeuw.
      Forum managed by Sam, technical setup by Karsten.
      This forum is using NodeBB as its core | Contributors
      Contact | Privacy Policy