npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@magic-modules/gdpr

v0.0.21

Published

@magic gdpr module. shows a popup with cookie info.

Downloads

255

Readme

@magic-modules/gdpr

gdpr compliance for @magic

NPM version Linux Build Status Windows Build Status Coverage Status Greenkeeper badge Known Vulnerabilities

install:

npm install --save-exact @magic-modules/gdpr

usage:

activate:

to activate Gdpr, add it to the list of hoisted modules

// src/config.mjs
export default {
  // ... other config variables

  HOIST: 'Gdpr',
  // hoist multiple modules using an array
  // HOIST: ['Gdpr', 'Messages'],
}

after doing this, the gdpr module will show up.

change text:

to change content and variables, add the following to /src/app.mjs#state

// src/app.mjs
export const state = {
  gdpr: {
    title: 'Title text for the gdpr popup',
    content: 'String or Array of Magic modules',
    noDataText: 'Button text if no cookies are defined',
    allowTitle: 'Title above the three cookie buttons',
    allowAllText: 'button text for allow all data',
    allowText: 'button text for allow selected data',
    denyText: 'button text for no data allowed',
  },
  cookies: [
    ['cookie name 1', { info: 'cookie info text' } ],
    ['cookie name 2', { info: [p('cookie info array'), 'cookie info array' ] }]
  ],
})

changelog

0.0.1

first commit

0.0.2

use @magic npm packages instead of github for installs

0.0.3

remove unneeded dependency

0.0.4

fix link in readme

0.0.5

use @magic-libraries/db as store

0.0.6

make responsive

0.0.7

actions.show:

  • prevent unneeded redraws
  • fix behaviour if localstorage is denied
  • always save allowed data and show state in localStorage. never sent to server, not enough to identify users. style: remove a lot of complexity, styles should be overwritten in themes/app, not in module code
0.0.8

bugfix, props.value might be undefined

0.0.9

simplify api, add hoisting information to docs

0.0.10

use magic.init to propagate init step.

0.0.11
  • add cookie button if gdpr is hidden
  • state now correctly gets reset on allow and deny
0.0.12
  • logic changes in actions.gdpr.show
  • make svg lose 600 bytes.
0.0.13
  • add cursor: pointer to cookie button
  • allowed now gets set by the init function and subscription too
  • remove functionality for non-js browsers, gdpr will not show up without js enabled
  • require node 13.5.0 and engineStrict it
  • update dependencies
0.0.14

update cookie colors

0.0.15

update @magic-libraries/db

0.0.16

bump required node version to 14.2.0

0.0.17

fix css error that prevented cookie input fields from being displayed.

0.0.18

fix cookie allow/deny actions

0.0.19
  • remove ShowHide class
  • bump required node version to 14.15.4
0.0.20

update dependencies (@magic-libraries/db)

0.0.21

update dependencies (@magic-libraries/db)

0.0.22 - unreleased

...