Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@myuw-web-components/myuw-profile

Package Overview
Dependencies
Maintainers
5
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@myuw-web-components/myuw-profile - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/myuw-profile.js

25

package.json
{
"name": "@myuw-web-components/myuw-profile",
"version": "1.0.0",
"version": "1.1.0",
"description": "Web component that provides an avatar button and profile menu",
"main": "myuw-profile.html",
"module": "dist/myuw-profile.min.mjs",
"browser": "dist/myuw-profile.min.js",
"scripts": {
"start": "superstatic --port 8080 --host 127.0.0.1"
"build": "rollup -c",
"watch": "rollup -c -w",
"serve": "live-server",
"start": "run-p watch serve",
"prepare": "npm run build"
},

@@ -14,3 +19,3 @@ "repository": {

"author": "",
"license": "ISC",
"license": "Apache-2.0",
"bugs": {

@@ -21,4 +26,12 @@ "url": "https://github.com/myuw-web-components/myuw-profile/issues"

"devDependencies": {
"superstatic": "^5.0.1"
}
"rollup": "^0.63.4",
"rollup-plugin-html": "^0.2.1",
"rollup-plugin-minify-es": "^1.1.1",
"live-server": "^1.2.0",
"npm-run-all": "^4.1.3",
"tota11y": "^0.1.6"
},
"files": [
"dist"
]
}

@@ -1,5 +0,3 @@

This component is currently a work in progress, right now it does work as a stand alone component and in tandem with the myuw-app-bar component.
#myuw-profile
Right now all of the data is hardcoded in as a placeholder, this will be updated soon to use dynamic data pulled in from the MyUW session endpoint.
## Getting Started

@@ -10,3 +8,4 @@

```html
<link rel="import" href="https://unpkg.com/@myuw-web-components/myuw-profile@1.0.0/myuw-profile.html">
<script type="module" src="https://unpkg.com/@myuw-web-components/myuw-profile?module"></script>
<script nomodule src="https://unpkg.com/@myuw-web-components/myuw-profile"></script>
```

@@ -21,3 +20,4 @@

session-endpoint=""
open-right=""
background-color=""
open-right
>

@@ -32,2 +32,3 @@ </myuw-profile>

- **Session Endpoint (session-endpoint):** The endpoint URL for session info
- **Background color (background-color):** Use this to dynamically set the background color of the profile menu button
- **Open Menu Right (open-right):** Include this attribute if you would like the profile menu to open to the right, instead of left

@@ -38,1 +39,9 @@

- **Profile Navigation Item (nav-item):** Add a custom item to the profile button's navigation menu, this slot expects an `<a>` tag
#### CSS Variables
- `--myuw-profile-font`: Set the font stack for this component
- `--myuw-profile-login-color`: Set the font color of the "Login" button
- `--myuw-profile-background-color`: Set the background color of the circular menu button
For more information about CSS variables and how they work with MyUW Web Components, [reference the styles component](https://github.com/myuw-web-components/myuw-app-styles "reference the styles component")
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc