🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →
Sign In

@magusn/components

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@magusn/components - npm Package Compare versions

Comparing version
0.0.1
 to
0.0.2-alpha.1
+9
dist/index.css
/* add css module styles here (optional) */
._3RkHN {
margin: 2em;
padding: 0.5em;
border: 2px solid #000;
font-size: 2em;
text-align: center;
}
+21
dist/index.js
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = require('react');
var React__default = _interopDefault(React);
function Button(props) {
return /*#__PURE__*/React.createElement("button", null, props.children);
}
var styles = {"test":"_3RkHN"};
function ExampleComponent(_ref) {
var text = _ref.text;
return /*#__PURE__*/React__default.createElement("div", {
className: styles.test
}, "Example Component: ", text);
}
exports.Button = Button;
exports.ExampleComponent = ExampleComponent;
//# sourceMappingURL=index.js.map
+1
dist/index.js.map
{"version":3,"file":"index.js","sources":["../src/Button.js","../src/ExampleComponent/ExampleComponent.js"],"sourcesContent":["import * as React from 'react';\n\nexport function Button(props) {\n return <button>{props.children}</button>;\n}\n","import React from 'react';\nimport styles from './styles.module.css';\n\nexport function ExampleComponent({ text }) {\n return <div className={styles.test}>Example Component: {text}</div>;\n}\n"],"names":["Button","props","React.createElement","children","ExampleComponent","text","React","styles","test"],"mappings":";;;;;AAEO,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AAC5B,sBAAOC,oCAASD,KAAK,CAACE,QAAf,CAAP;AACD;;;;ACDM,SAASC,gBAAT,OAAoC;AAAA,MAARC,IAAQ,QAARA,IAAQ;AACzC,sBAAOC;AAAK,IAAA,SAAS,EAAEC,MAAM,CAACC;AAAvB,4BAAiDH,IAAjD,CAAP;AACD;;;;;"}
+17
dist/index.modern.js
import React__default, { createElement } from 'react';
function Button(props) {
return /*#__PURE__*/createElement("button", null, props.children);
}
var styles = {"test":"_3RkHN"};
function ExampleComponent(_ref) {
var text = _ref.text;
return /*#__PURE__*/React__default.createElement("div", {
className: styles.test
}, "Example Component: ", text);
}
export { Button, ExampleComponent };
//# sourceMappingURL=index.modern.js.map
+1
dist/index.modern.js.map
{"version":3,"file":"index.modern.js","sources":["../src/Button.js","../src/ExampleComponent/ExampleComponent.js"],"sourcesContent":["import * as React from 'react';\n\nexport function Button(props) {\n return <button>{props.children}</button>;\n}\n","import React from 'react';\nimport styles from './styles.module.css';\n\nexport function ExampleComponent({ text }) {\n return <div className={styles.test}>Example Component: {text}</div>;\n}\n"],"names":["Button","props","React.createElement","children","ExampleComponent","text","React","styles","test"],"mappings":";;AAEO,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AAC5B,sBAAOC,8BAASD,KAAK,CAACE,QAAf,CAAP;AACD;;;;ACDM,SAASC,gBAAT,OAAoC;AAAA,MAARC,IAAQ,QAARA,IAAQ;AACzC,sBAAOC;AAAK,IAAA,SAAS,EAAEC,MAAM,CAACC;AAAvB,4BAAiDH,IAAjD,CAAP;AACD;;;;"}
+28
README.md
# @magusn/components
> common components
[![NPM](https://img.shields.io/npm/v/@magusn/components.svg)](https://www.npmjs.com/package/@magusn/components) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
## Install
```bash
npm install --save @magusn/components
```
## Usage
```jsx
import React, { Component } from 'react'
import MyComponent from '@magusn/components';
import '@magusn/components/dist/index.css';
function Example(props) {
return <MyComponent />;
}
```
## License
MIT © [magus](https://github.com/magus)
+48
-8
package.json
{
"name": "@magusn/components",
"version": "0.0.1",
"version": "0.0.2-alpha.1+65ea944",
"description": "common components",
"author": "magus",
"license": "MIT",
"main": "index.js",
"publishConfig": {
"access": "public"
"repository": "magus/@magusn/components",
"main": "dist/index.js",
"module": "dist/index.modern.js",
"source": "src/index.js",
"engines": {
"node": ">=10"
},
"dependencies": {
"react": "17.0.2",
"react-dom": "17.0.2"
"scripts": {
"build": "microbundle-crl --no-compress --format modern,cjs",
"start": "microbundle-crl watch --no-compress --format modern,cjs",
"prepare": "run-s build",
"test": "run-s test:unit test:lint test:build",
"test:build": "run-s build",
"test:lint": "eslint .",
"test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
"test:watch": "react-scripts test --env=jsdom",
"predeploy": "cd example && yarn install && yarn run build",
"deploy": "gh-pages -d example/build"
},
"gitHead": "8695731678d8c2b936c4548e005d09465562f75a"
"peerDependencies": {
"react": "^16.0.0"
},
"devDependencies": {
"babel-eslint": "^10.0.3",
"cross-env": "^7.0.2",
"eslint": "^6.8.0",
"eslint-config-prettier": "^6.7.0",
"eslint-config-standard": "^14.1.0",
"eslint-config-standard-react": "^9.2.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-node": "^11.0.0",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-react": "^7.17.0",
"eslint-plugin-standard": "^4.0.1",
"gh-pages": "^2.2.0",
"microbundle-crl": "^0.13.10",
"npm-run-all": "^4.1.5",
"prettier": "^2.0.4",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "^3.4.1"
},
"files": [
"dist"
],
"gitHead": "65ea9448a18aebe1e7b95dc58b2d47ac7c91fd19"
}
-5
Button.js
import * as React from "react";
export function Button(props) {
return <button>{props.children}</button>;
}
-1
index.js
export { Button } from "./Button";