[{"data":1,"prerenderedAt":47},["ShallowReactive",2],{"integration-@flowfuse\u002Fnode-red-dashboard-2-user-addon\u002F":3},{"_id":4,"categories":5,"author":9,"description":11,"npmOwners":12,"npmScope":16,"name":17,"ffCertified":18,"downloads":19,"version":21,"updatedAt":22,"tier":23,"maintainers":24,"homepage":31,"bugs":32,"repository":34,"time":37,"lastUpdated":39,"created":38,"license":42,"githubOwner":43,"githubRepo":44,"examples":45,"readme":46},"@flowfuse\u002Fnode-red-dashboard-2-user-addon",[6,7,8],"catalogue_ui","catalogue_security","catalogue",{"name":10},"FlowFuse Inc.","A Node-RED Plugin to extend Node-RED Dashboard 2.0 with user session data on SocketIO events",[13,14,15],"flowfuse-user","hardillb","knolleary","flowfuse","node-red-dashboard-2-user-addon",true,{"week":20},122,"1.1.0","2024-05-24T15:04:40.168Z","recommended",[25,27,29],{"email":26,"name":14},"hardillb@gmail.com",{"email":28,"name":15},"nick.oleary@gmail.com",{"email":30,"name":13},"nick@flowfuse.com","https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard-ff-auth#readme",{"url":33},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard-ff-auth\u002Fissues",{"url":35,"type":36},"git+https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard-ff-auth.git","git",{"created":38,"modified":39,"1.0.0":40,"1.1.0":41},"2024-01-25T11:46:07.548Z","2026-01-28T14:54:11.516Z","2024-01-25T11:46:07.892Z","2024-05-24T15:04:39.893Z","SEE LICENSE IN LICENSE","FlowFuse","node-red-dashboard-ff-auth",[],"\u003Ch1 id=\"flowfuse-multiuser-node-red-dashboard-20-plugin\">\u003Ca class=\"header-anchor\" href=\"#flowfuse-multiuser-node-red-dashboard-20-plugin\">FlowFuse Multiuser (Node-RED Dashboard 2.0 Plugin)\u003C\u002Fa>\u003C\u002Fh1>\n\u003Cp>This repository contains a Node-RED Dashboard 2.0 plugin that enhances events emitted from Dashboard with user data. This plugin is designed to be used with FlowFuse, and utilises the \u003Ccode>req.session.user\u003C\u002Fcode> object that is made available by the FlowFuse \u003Ccode>nr-launcher\u003C\u002Fcode> project.\u003C\u002Fp>\n\u003Ch2 id=\"checking-installation\">\u003Ca class=\"header-anchor\" href=\"#checking-installation\">Checking Installation\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cp>Dashboard 2.0 will list the FlowFuse plugin in the \"Client Data\" tab of the Dashboard Sidebar. If you do not see the plugin listed there, then the plugin is not installed correctly, and the \u003Ccode>msg._client.user\u003C\u002Fcode> object will not be available to you.\u003C\u002Fp>\n\u003Ch2 id=\"showing-user-info\">\u003Ca class=\"header-anchor\" href=\"#showing-user-info\">Showing User Info\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cp>If you'd like to show information about the currently logged in user, you can use the following code inside a template node:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-vue\"><template>\n    <Teleport v-if=\"loaded\" to=\"#app-bar-actions\">\n        <div class=\"user-info\">\n            <img :src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FFlowFuse\u002Fnode-red-dashboard-ff-auth\u002Fmaster\u002Fsetup.socketio.auth.user.image\" \u002F>\n            <span>Hi, {{ setup.socketio.auth.user.name }}!<\u002Fspan>\n    <\u002FTeleport>\n<\u002Ftemplate>\n\n<script>\nexport default {\n    data () {\n        return {\n            loaded: false\n        }\n    },\n    mounted() {\n        \u002F\u002F code here when the component is first loaded\n        console.log('on mounted')\n        console.log(this.$store.state.setup?.setup?.socketio?.auth.user)\n        this.loaded = true\n    }\n}\n<\u002Fscript>\n\n<style>\n    .user-info {\n        display: flex; align-items: center; gap: 8px;\n    }\n\n    .user-info img {\n        width:24px; height: 24px;\n    }\n<\u002Fstyle>\n\u003C\u002Fcode>\u003C\u002Fpre>\n",1784738654110]