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.

    Something I'm working on ...

    Scheduled Pinned Locked Moved Announcements
    39 Posts 12 Posters 37.8k Views 12 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.
    • MichMichM Offline
      MichMich Admin
      last edited by

      By the way, this project is in a horrible raw early alpha stage … buttt, if someone is interested to contribute, the source code is available here: https://github.com/MichMich/MagicMirror-Website/tree/develop

      Be advised: the code needs a lot of refactoring and misses a lot of commenting.

      The frontend is a SPA based on Vue.js and a bit of Vuex. The Backend/Api is based on Laravel.

      If you clone the repo, take the following steps to get it up and running:

      • Run: composer install
      • Run npm install
      • Create an environment configuration: cp .env.example .env
      • Run php artisan key:generate`
      • Modify the database and github settings in the .env file. (You need to create a github app for testing.)
      • Run php artisan migrate --seed to setup the database.

      If you make any changes to /resources/assets/js or /resources/assets/sass, make sure to run gulp to compile.

      1 Reply Last reply Reply Quote 0
      • J Offline
        Jopyth Moderator @roramirez
        last edited by

        @roramirez Installer system is a great idea, however this is something that @strawberry-3-141 will implement as a mobile app, from what I hear plus I am building something like this into my remote control (a website - currently on the develop branch). So maybe have a look at it, before you start something completely new. Although, if there is a good reason for building this again or in a different way, count me in.

        Helpful sticky: How to troubleshoot

        1 Reply Last reply Reply Quote 1
        • yawnsY Offline
          yawns Moderator
          last edited by

          Very nice, MichMich. I like the integration with github pulling almost all data and as such removing the need to enter description and all that over and over again. I added my modules

          1 Reply Last reply Reply Quote 0
          • R Offline
            roramirez Core Contributors
            last edited by

            Thanks @MichMich the information. I will take a look of code :)

            Hi @Jopyth , do you know where I can find some code or design about the @strawberry-3-141 app?

            I think we can bootstrap a app for install apps (modules) into a MagicMirror with API provider by modules section of web. The idea it’s most like a packages manager + configuration.

            Easy module development with MagicMirror Module Template

            1 Reply Last reply Reply Quote 0
            • MichMichM Offline
              MichMich Admin
              last edited by

              If you work on such an installer. Make sure it’s based on the module infrastructure where possible. That we you can develop and test is, without the need of directly integrating it in mm2. If It’s fully up and running and tested, we can integrate it by adding it to the list of default modules.

              R 1 Reply Last reply Reply Quote 1
              • CatoC Offline
                Cato Module Developer
                last edited by

                @MichMich I noticed that format of table markdown is not optimal. The rows should be alternating color. A good example that current format is bad is here: http://beta.magicmirror.builders/module/29/motioneye. Notice that it’s difficult to see what configuration value belongs to which description…

                1 Reply Last reply Reply Quote 0
                • LukeCodewalkerL Offline
                  LukeCodewalker Module Developer
                  last edited by

                  Hey,
                  another problem with tables:

                  if you use html-tables in your GitHub README.md it’s not displayed the right way.
                  Example: http://beta.magicmirror.builders/module/33/soccerlivescore

                  MichMichM 1 Reply Last reply Reply Quote 0
                  • C Offline
                    chrisfoerg
                    last edited by

                    It is only an idea. In Wordpress the themes have all the same style at the beginning in the css file for the declaration of the theme:

                    /*
                    Theme Name: Tutorial
                    Theme URI: http://wordpress.lernenhoch2.de
                    Description: Template zum WordPress Tutorial auf http://wordpress.lernenhoch2.de
                    Author: Christian Strang
                    Author URI: http://lernenhoch2.de
                    */

                    https://codex.wordpress.org/Theme_Development#Theme_Stylesheet

                    maybe it is something for you to use?

                    1 Reply Last reply Reply Quote 0
                    • MichMichM Offline
                      MichMich Admin @LukeCodewalker
                      last edited by

                      @LukeCodewalker It seems the html is malformed and thus the markdown parser in unable to parse it correctly. It looks like the table contains white lines which are not allowed. If you run your markdown thru a markdown linter, you’ll see there is an issue with the markdown of that readme file.

                      CatoC 1 Reply Last reply Reply Quote 0
                      • CatoC Offline
                        Cato Module Developer @MichMich
                        last edited by

                        @MichMich I guess both @LukeCodewalker and me have the same issue. I’ve included my markdown below and as far as I can see there should be no issue with it. The only thing might be the inclusion of
                        tags for new line.

                        Configuration option | Comment | Default 
                        ---|---|---
                        url | Video Streaming URL.<br><br>You find it in <i>Motion Eye</i> in the <i>Video Streaming Section</i> under <i>Usefull URLs</i> by by clicking the <i>Streaming URL</i> link.<br><br>It should look something like this: `http://motioneye:8081` (probably an IP instead of hostname) | No default
                        autoHide | If you want the camera to only be visible on the mirror when there is motion, set this to true. You will then have to enable "Call a Web Hook" in Motion Eye under the Motion Notifications section: <br><br> - Web Hook URL: <b>[http://URL of your mirror]/motioneye</b>. Example: http://192.168.1.11:8080/motioneye<br> - HTTP Method: <b>GET</b><br><br>Remember to update IP white list to enable access from your Motion Eye box.|false
                        autoHideDelay|If autoHide is enabled you can decide how long to wait before hiding the camera|60000 (60 seconds)
                        width|Width of camera image. You have to try out what fits YOUR monitor | 400px
                        debug|Show messages in the log|false
                        
                        MichMichM 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 2 / 4
                        • First post
                          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