@shubhamkumar1/my-shared-package 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +157 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +117 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +26 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/index.jsx
|
|
30
|
+
var index_exports = {};
|
|
31
|
+
__export(index_exports, {
|
|
32
|
+
AboutPage: () => AboutPage_default,
|
|
33
|
+
Button: () => Button_default,
|
|
34
|
+
Footer: () => Footer_default,
|
|
35
|
+
Header: () => Header_default,
|
|
36
|
+
HomePage: () => HomePage_default
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(index_exports);
|
|
39
|
+
|
|
40
|
+
// src/components/Header.jsx
|
|
41
|
+
var import_react = __toESM(require("react"));
|
|
42
|
+
function Header() {
|
|
43
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
44
|
+
"header",
|
|
45
|
+
{
|
|
46
|
+
style: {
|
|
47
|
+
backgroundColor: "#1a1a2e",
|
|
48
|
+
color: "#fff",
|
|
49
|
+
padding: "16px 24px",
|
|
50
|
+
display: "flex",
|
|
51
|
+
justifyContent: "space-between",
|
|
52
|
+
alignItems: "center"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
/* @__PURE__ */ import_react.default.createElement("h1", { style: { margin: 0, fontSize: "24px" } }, "My App"),
|
|
56
|
+
/* @__PURE__ */ import_react.default.createElement("nav", { style: { display: "flex", gap: "16px" } }, /* @__PURE__ */ import_react.default.createElement("a", { href: "/", style: { color: "#e94560", textDecoration: "none", fontWeight: "bold" } }, "Home"), /* @__PURE__ */ import_react.default.createElement("a", { href: "/about", style: { color: "#fff", textDecoration: "none" } }, "About"))
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
var Header_default = Header;
|
|
60
|
+
|
|
61
|
+
// src/components/Footer.jsx
|
|
62
|
+
var import_react2 = __toESM(require("react"));
|
|
63
|
+
function Footer() {
|
|
64
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
65
|
+
"footer",
|
|
66
|
+
{
|
|
67
|
+
style: {
|
|
68
|
+
backgroundColor: "#16213e",
|
|
69
|
+
color: "#aaa",
|
|
70
|
+
textAlign: "center",
|
|
71
|
+
padding: "16px 24px",
|
|
72
|
+
marginTop: "auto",
|
|
73
|
+
borderTop: "1px solid #0f3460"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
/* @__PURE__ */ import_react2.default.createElement("p", { style: { margin: 0, fontSize: "14px" } }, "\xA9 2026 My App \u2014 Built with \u2764\uFE0F using Shared Package")
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
var Footer_default = Footer;
|
|
80
|
+
|
|
81
|
+
// src/components/Button.jsx
|
|
82
|
+
var import_react3 = __toESM(require("react"));
|
|
83
|
+
function Button({ children, onClick, variant = "primary" }) {
|
|
84
|
+
const styles = {
|
|
85
|
+
primary: {
|
|
86
|
+
backgroundColor: "#e94560",
|
|
87
|
+
color: "#fff",
|
|
88
|
+
border: "none",
|
|
89
|
+
padding: "10px 24px",
|
|
90
|
+
borderRadius: "8px",
|
|
91
|
+
fontSize: "16px",
|
|
92
|
+
cursor: "pointer",
|
|
93
|
+
fontWeight: "bold"
|
|
94
|
+
},
|
|
95
|
+
secondary: {
|
|
96
|
+
backgroundColor: "transparent",
|
|
97
|
+
color: "#e94560",
|
|
98
|
+
border: "2px solid #e94560",
|
|
99
|
+
padding: "10px 24px",
|
|
100
|
+
borderRadius: "8px",
|
|
101
|
+
fontSize: "16px",
|
|
102
|
+
cursor: "pointer",
|
|
103
|
+
fontWeight: "bold"
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
return /* @__PURE__ */ import_react3.default.createElement("button", { style: styles[variant], onClick }, children);
|
|
107
|
+
}
|
|
108
|
+
var Button_default = Button;
|
|
109
|
+
|
|
110
|
+
// src/pages/HomePage.jsx
|
|
111
|
+
var import_react4 = __toESM(require("react"));
|
|
112
|
+
function HomePage() {
|
|
113
|
+
return /* @__PURE__ */ import_react4.default.createElement("div", { style: { padding: "40px 24px", maxWidth: "800px", margin: "0 auto" } }, /* @__PURE__ */ import_react4.default.createElement("h2", { style: { color: "#e94560", fontSize: "32px", marginBottom: "16px" } }, "Welcome to Package \u{1F3E0}"), /* @__PURE__ */ import_react4.default.createElement("p", { style: { color: "#ccc", fontSize: "18px", lineHeight: "1.6" } }, "Ye page ", /* @__PURE__ */ import_react4.default.createElement("strong", null, "Project A"), " se aadsdadaaya hai aur ", /* @__PURE__ */ import_react4.default.createElement("strong", null, "Project B"), " me use ho raha hai. Yahi shared package ka magic hai \u2014 ek baar banao, kahin bhi use karo!"), /* @__PURE__ */ import_react4.default.createElement(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
style: {
|
|
117
|
+
marginTop: "24px",
|
|
118
|
+
padding: "20px",
|
|
119
|
+
backgroundColor: "#0f3460",
|
|
120
|
+
borderRadius: "12px",
|
|
121
|
+
border: "1px solid #e94560"
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
/* @__PURE__ */ import_react4.default.createElement("p", { style: { color: "#fff", margin: 0 } }, "\u2705 Header, Footer, Button, HomePage, AboutPage \u2014 sab import ho sakte hain"),
|
|
125
|
+
/* @__PURE__ */ import_react4.default.createElement("p", { style: { color: "#aaa", margin: "8px 0 0" } }, "\u2705 Tree-shaking se sirf used code build me aayega")
|
|
126
|
+
));
|
|
127
|
+
}
|
|
128
|
+
var HomePage_default = HomePage;
|
|
129
|
+
|
|
130
|
+
// src/pages/AboutPage.jsx
|
|
131
|
+
var import_react5 = __toESM(require("react"));
|
|
132
|
+
function AboutPage() {
|
|
133
|
+
return /* @__PURE__ */ import_react5.default.createElement("div", { style: { padding: "40px 24px", maxWidth: "800px", margin: "0 auto" } }, /* @__PURE__ */ import_react5.default.createElement("h2", { style: { color: "#e94560", fontSize: "32px", marginBottom: "16px" } }, "About Us \u{1F4D6}"), /* @__PURE__ */ import_react5.default.createElement("p", { style: { color: "#ccc", fontSize: "18px", lineHeight: "1.6" } }, "Ye bhi ", /* @__PURE__ */ import_react5.default.createElement("strong", null, "Project A"), " ka page hai \u2014 ", /* @__PURE__ */ import_react5.default.createElement("strong", null, "Project B"), " me directly import ho raha hai. Components aur pages ko shared package me rakhne se code reuse hota hai aur maintenance easy ho jata hai."), /* @__PURE__ */ import_react5.default.createElement(
|
|
134
|
+
"div",
|
|
135
|
+
{
|
|
136
|
+
style: {
|
|
137
|
+
marginTop: "24px",
|
|
138
|
+
display: "flex",
|
|
139
|
+
gap: "16px",
|
|
140
|
+
flexWrap: "wrap"
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
/* @__PURE__ */ import_react5.default.createElement("div", { style: { flex: "1 1 200px", padding: "16px", backgroundColor: "#16213e", borderRadius: "8px" } }, /* @__PURE__ */ import_react5.default.createElement("h3", { style: { color: "#e94560", margin: "0 0 8px" } }, "\u{1F527} Easy Setup"), /* @__PURE__ */ import_react5.default.createElement("p", { style: { color: "#aaa", margin: 0, fontSize: "14px" } }, "npm link ya npm publish se integrate karo")),
|
|
144
|
+
/* @__PURE__ */ import_react5.default.createElement("div", { style: { flex: "1 1 200px", padding: "16px", backgroundColor: "#16213e", borderRadius: "8px" } }, /* @__PURE__ */ import_react5.default.createElement("h3", { style: { color: "#e94560", margin: "0 0 8px" } }, "\u26A1 Tree-shaking"), /* @__PURE__ */ import_react5.default.createElement("p", { style: { color: "#aaa", margin: 0, fontSize: "14px" } }, "Sirf used code build me aayega")),
|
|
145
|
+
/* @__PURE__ */ import_react5.default.createElement("div", { style: { flex: "1 1 200px", padding: "16px", backgroundColor: "#16213e", borderRadius: "8px" } }, /* @__PURE__ */ import_react5.default.createElement("h3", { style: { color: "#e94560", margin: "0 0 8px" } }, "\u{1F4E6} Version Control"), /* @__PURE__ */ import_react5.default.createElement("p", { style: { color: "#aaa", margin: 0, fontSize: "14px" } }, "Proper versioning with npm semver"))
|
|
146
|
+
));
|
|
147
|
+
}
|
|
148
|
+
var AboutPage_default = AboutPage;
|
|
149
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
150
|
+
0 && (module.exports = {
|
|
151
|
+
AboutPage,
|
|
152
|
+
Button,
|
|
153
|
+
Footer,
|
|
154
|
+
Header,
|
|
155
|
+
HomePage
|
|
156
|
+
});
|
|
157
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.jsx","../src/components/Header.jsx","../src/components/Footer.jsx","../src/components/Button.jsx","../src/pages/HomePage.jsx","../src/pages/AboutPage.jsx"],"sourcesContent":["// ==========================================\n// 🔑 Ye Project A ka main entry point hai\n// Yahan se sab kuch export hota hai\n// Project B ye file se import karega\n// ==========================================\n\n// Components export\nexport { default as Header } from './components/Header';\nexport { default as Footer } from './components/Footer';\nexport { default as Button } from './components/Button';\n\n// Pages export\nexport { default as HomePage } from './pages/HomePage';\nexport { default as AboutPage } from './pages/AboutPage';\n","import React from 'react';\n\nfunction Header() {\n return (\n <header\n style={{\n backgroundColor: '#1a1a2e',\n color: '#fff',\n padding: '16px 24px',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <h1 style={{ margin: 0, fontSize: '24px' }}>My App</h1>\n <nav style={{ display: 'flex', gap: '16px' }}>\n <a href=\"/\" style={{ color: '#e94560', textDecoration: 'none', fontWeight: 'bold' }}>\n Home\n </a>\n <a href=\"/about\" style={{ color: '#fff', textDecoration: 'none' }}>\n About\n </a>\n </nav>\n </header>\n );\n}\n\nexport default Header;\n","import React from 'react';\n\nfunction Footer() {\n return (\n <footer\n style={{\n backgroundColor: '#16213e',\n color: '#aaa',\n textAlign: 'center',\n padding: '16px 24px',\n marginTop: 'auto',\n borderTop: '1px solid #0f3460',\n }}\n >\n <p style={{ margin: 0, fontSize: '14px' }}>\n © 2026 My App — Built with ❤️ using Shared Package\n </p>\n </footer>\n );\n}\n\nexport default Footer;\n","import React from 'react';\n\nfunction Button({ children, onClick, variant = 'primary' }) {\n const styles = {\n primary: {\n backgroundColor: '#e94560',\n color: '#fff',\n border: 'none',\n padding: '10px 24px',\n borderRadius: '8px',\n fontSize: '16px',\n cursor: 'pointer',\n fontWeight: 'bold',\n },\n secondary: {\n backgroundColor: 'transparent',\n color: '#e94560',\n border: '2px solid #e94560',\n padding: '10px 24px',\n borderRadius: '8px',\n fontSize: '16px',\n cursor: 'pointer',\n fontWeight: 'bold',\n },\n };\n\n return (\n <button style={styles[variant]} onClick={onClick}>\n {children}\n </button>\n );\n}\n\nexport default Button;\n","import React from 'react';\n\nfunction HomePage() {\n return (\n <div style={{ padding: '40px 24px', maxWidth: '800px', margin: '0 auto' }}>\n <h2 style={{ color: '#e94560', fontSize: '32px', marginBottom: '16px' }}>\n Welcome to Package 🏠\n </h2>\n <p style={{ color: '#ccc', fontSize: '18px', lineHeight: '1.6' }}>\n Ye page <strong>Project A</strong> se aadsdadaaya hai aur <strong>Project B</strong> me use ho raha hai.\n Yahi shared package ka magic hai — ek baar banao, kahin bhi use karo!\n </p>\n <div\n style={{\n marginTop: '24px',\n padding: '20px',\n backgroundColor: '#0f3460',\n borderRadius: '12px',\n border: '1px solid #e94560',\n }}\n >\n <p style={{ color: '#fff', margin: 0 }}>\n ✅ Header, Footer, Button, HomePage, AboutPage — sab import ho sakte hain\n </p>\n <p style={{ color: '#aaa', margin: '8px 0 0' }}>\n ✅ Tree-shaking se sirf used code build me aayega\n </p>\n </div>\n </div>\n );\n}\n\nexport default HomePage;\n","import React from 'react';\n\nfunction AboutPage() {\n return (\n <div style={{ padding: '40px 24px', maxWidth: '800px', margin: '0 auto' }}>\n <h2 style={{ color: '#e94560', fontSize: '32px', marginBottom: '16px' }}>\n About Us 📖\n </h2>\n <p style={{ color: '#ccc', fontSize: '18px', lineHeight: '1.6' }}>\n Ye bhi <strong>Project A</strong> ka page hai — <strong>Project B</strong> me directly import ho raha hai.\n Components aur pages ko shared package me rakhne se code reuse hota hai\n aur maintenance easy ho jata hai.\n </p>\n <div\n style={{\n marginTop: '24px',\n display: 'flex',\n gap: '16px',\n flexWrap: 'wrap',\n }}\n >\n <div style={{ flex: '1 1 200px', padding: '16px', backgroundColor: '#16213e', borderRadius: '8px' }}>\n <h3 style={{ color: '#e94560', margin: '0 0 8px' }}>🔧 Easy Setup</h3>\n <p style={{ color: '#aaa', margin: 0, fontSize: '14px' }}>npm link ya npm publish se integrate karo</p>\n </div>\n <div style={{ flex: '1 1 200px', padding: '16px', backgroundColor: '#16213e', borderRadius: '8px' }}>\n <h3 style={{ color: '#e94560', margin: '0 0 8px' }}>⚡ Tree-shaking</h3>\n <p style={{ color: '#aaa', margin: 0, fontSize: '14px' }}>Sirf used code build me aayega</p>\n </div>\n <div style={{ flex: '1 1 200px', padding: '16px', backgroundColor: '#16213e', borderRadius: '8px' }}>\n <h3 style={{ color: '#e94560', margin: '0 0 8px' }}>📦 Version Control</h3>\n <p style={{ color: '#aaa', margin: 0, fontSize: '14px' }}>Proper versioning with npm semver</p>\n </div>\n </div>\n </div>\n );\n}\n\nexport default AboutPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAElB,SAAS,SAAS;AAChB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,MACd;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,QAAG,OAAO,EAAE,QAAQ,GAAG,UAAU,OAAO,KAAG,QAAM;AAAA,IAClD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,KACzC,6BAAAA,QAAA,cAAC,OAAE,MAAK,KAAI,OAAO,EAAE,OAAO,WAAW,gBAAgB,QAAQ,YAAY,OAAO,KAAG,MAErF,GACA,6BAAAA,QAAA,cAAC,OAAE,MAAK,UAAS,OAAO,EAAE,OAAO,QAAQ,gBAAgB,OAAO,KAAG,OAEnE,CACF;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC3Bf,IAAAC,gBAAkB;AAElB,SAAS,SAAS;AAChB,SACE,8BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA;AAAA,IAEA,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,QAAQ,GAAG,UAAU,OAAO,KAAG,sEAE3C;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;ACrBf,IAAAC,gBAAkB;AAElB,SAAS,OAAO,EAAE,UAAU,SAAS,UAAU,UAAU,GAAG;AAC1D,QAAM,SAAS;AAAA,IACb,SAAS;AAAA,MACP,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SACE,8BAAAC,QAAA,cAAC,YAAO,OAAO,OAAO,OAAO,GAAG,WAC7B,QACH;AAEJ;AAEA,IAAO,iBAAQ;;;ACjCf,IAAAC,gBAAkB;AAElB,SAAS,WAAW;AAClB,SACE,8BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,aAAa,UAAU,SAAS,QAAQ,SAAS,KACtE,8BAAAA,QAAA,cAAC,QAAG,OAAO,EAAE,OAAO,WAAW,UAAU,QAAQ,cAAc,OAAO,KAAG,+BAEzE,GACA,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,UAAU,QAAQ,YAAY,MAAM,KAAG,YACxD,8BAAAA,QAAA,cAAC,gBAAO,WAAS,GAAS,4BAAwB,8BAAAA,QAAA,cAAC,gBAAO,WAAS,GAAS,iGAEtF,GACA,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,QAAQ;AAAA,MACV;AAAA;AAAA,IAEA,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,QAAQ,EAAE,KAAG,oFAExC;AAAA,IACA,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAU,KAAG,uDAEhD;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,mBAAQ;;;AChCf,IAAAC,gBAAkB;AAElB,SAAS,YAAY;AACnB,SACE,8BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,aAAa,UAAU,SAAS,QAAQ,SAAS,KACtE,8BAAAA,QAAA,cAAC,QAAG,OAAO,EAAE,OAAO,WAAW,UAAU,QAAQ,cAAc,OAAO,KAAG,oBAEzE,GACA,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,UAAU,QAAQ,YAAY,MAAM,KAAG,WACzD,8BAAAA,QAAA,cAAC,gBAAO,WAAS,GAAS,wBAAe,8BAAAA,QAAA,cAAC,gBAAO,WAAS,GAAS,4IAG5E,GACA,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,SAAS;AAAA,QACT,KAAK;AAAA,QACL,UAAU;AAAA,MACZ;AAAA;AAAA,IAEA,8BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,aAAa,SAAS,QAAQ,iBAAiB,WAAW,cAAc,MAAM,KAChG,8BAAAA,QAAA,cAAC,QAAG,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAU,KAAG,sBAAa,GACjE,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG,UAAU,OAAO,KAAG,2CAAyC,CACrG;AAAA,IACA,8BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,aAAa,SAAS,QAAQ,iBAAiB,WAAW,cAAc,MAAM,KAChG,8BAAAA,QAAA,cAAC,QAAG,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAU,KAAG,qBAAc,GAClE,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG,UAAU,OAAO,KAAG,gCAA8B,CAC1F;AAAA,IACA,8BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,aAAa,SAAS,QAAQ,iBAAiB,WAAW,cAAc,MAAM,KAChG,8BAAAA,QAAA,cAAC,QAAG,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAU,KAAG,2BAAkB,GACtE,8BAAAA,QAAA,cAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG,UAAU,OAAO,KAAG,mCAAiC,CAC7F;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,oBAAQ;","names":["React","import_react","React","import_react","React","import_react","React","import_react","React"]}
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
// src/components/Header.jsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
function Header() {
|
|
4
|
+
return /* @__PURE__ */ React.createElement(
|
|
5
|
+
"header",
|
|
6
|
+
{
|
|
7
|
+
style: {
|
|
8
|
+
backgroundColor: "#1a1a2e",
|
|
9
|
+
color: "#fff",
|
|
10
|
+
padding: "16px 24px",
|
|
11
|
+
display: "flex",
|
|
12
|
+
justifyContent: "space-between",
|
|
13
|
+
alignItems: "center"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
/* @__PURE__ */ React.createElement("h1", { style: { margin: 0, fontSize: "24px" } }, "My App"),
|
|
17
|
+
/* @__PURE__ */ React.createElement("nav", { style: { display: "flex", gap: "16px" } }, /* @__PURE__ */ React.createElement("a", { href: "/", style: { color: "#e94560", textDecoration: "none", fontWeight: "bold" } }, "Home"), /* @__PURE__ */ React.createElement("a", { href: "/about", style: { color: "#fff", textDecoration: "none" } }, "About"))
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
var Header_default = Header;
|
|
21
|
+
|
|
22
|
+
// src/components/Footer.jsx
|
|
23
|
+
import React2 from "react";
|
|
24
|
+
function Footer() {
|
|
25
|
+
return /* @__PURE__ */ React2.createElement(
|
|
26
|
+
"footer",
|
|
27
|
+
{
|
|
28
|
+
style: {
|
|
29
|
+
backgroundColor: "#16213e",
|
|
30
|
+
color: "#aaa",
|
|
31
|
+
textAlign: "center",
|
|
32
|
+
padding: "16px 24px",
|
|
33
|
+
marginTop: "auto",
|
|
34
|
+
borderTop: "1px solid #0f3460"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
/* @__PURE__ */ React2.createElement("p", { style: { margin: 0, fontSize: "14px" } }, "\xA9 2026 My App \u2014 Built with \u2764\uFE0F using Shared Package")
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
var Footer_default = Footer;
|
|
41
|
+
|
|
42
|
+
// src/components/Button.jsx
|
|
43
|
+
import React3 from "react";
|
|
44
|
+
function Button({ children, onClick, variant = "primary" }) {
|
|
45
|
+
const styles = {
|
|
46
|
+
primary: {
|
|
47
|
+
backgroundColor: "#e94560",
|
|
48
|
+
color: "#fff",
|
|
49
|
+
border: "none",
|
|
50
|
+
padding: "10px 24px",
|
|
51
|
+
borderRadius: "8px",
|
|
52
|
+
fontSize: "16px",
|
|
53
|
+
cursor: "pointer",
|
|
54
|
+
fontWeight: "bold"
|
|
55
|
+
},
|
|
56
|
+
secondary: {
|
|
57
|
+
backgroundColor: "transparent",
|
|
58
|
+
color: "#e94560",
|
|
59
|
+
border: "2px solid #e94560",
|
|
60
|
+
padding: "10px 24px",
|
|
61
|
+
borderRadius: "8px",
|
|
62
|
+
fontSize: "16px",
|
|
63
|
+
cursor: "pointer",
|
|
64
|
+
fontWeight: "bold"
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
return /* @__PURE__ */ React3.createElement("button", { style: styles[variant], onClick }, children);
|
|
68
|
+
}
|
|
69
|
+
var Button_default = Button;
|
|
70
|
+
|
|
71
|
+
// src/pages/HomePage.jsx
|
|
72
|
+
import React4 from "react";
|
|
73
|
+
function HomePage() {
|
|
74
|
+
return /* @__PURE__ */ React4.createElement("div", { style: { padding: "40px 24px", maxWidth: "800px", margin: "0 auto" } }, /* @__PURE__ */ React4.createElement("h2", { style: { color: "#e94560", fontSize: "32px", marginBottom: "16px" } }, "Welcome to Package \u{1F3E0}"), /* @__PURE__ */ React4.createElement("p", { style: { color: "#ccc", fontSize: "18px", lineHeight: "1.6" } }, "Ye page ", /* @__PURE__ */ React4.createElement("strong", null, "Project A"), " se aadsdadaaya hai aur ", /* @__PURE__ */ React4.createElement("strong", null, "Project B"), " me use ho raha hai. Yahi shared package ka magic hai \u2014 ek baar banao, kahin bhi use karo!"), /* @__PURE__ */ React4.createElement(
|
|
75
|
+
"div",
|
|
76
|
+
{
|
|
77
|
+
style: {
|
|
78
|
+
marginTop: "24px",
|
|
79
|
+
padding: "20px",
|
|
80
|
+
backgroundColor: "#0f3460",
|
|
81
|
+
borderRadius: "12px",
|
|
82
|
+
border: "1px solid #e94560"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
/* @__PURE__ */ React4.createElement("p", { style: { color: "#fff", margin: 0 } }, "\u2705 Header, Footer, Button, HomePage, AboutPage \u2014 sab import ho sakte hain"),
|
|
86
|
+
/* @__PURE__ */ React4.createElement("p", { style: { color: "#aaa", margin: "8px 0 0" } }, "\u2705 Tree-shaking se sirf used code build me aayega")
|
|
87
|
+
));
|
|
88
|
+
}
|
|
89
|
+
var HomePage_default = HomePage;
|
|
90
|
+
|
|
91
|
+
// src/pages/AboutPage.jsx
|
|
92
|
+
import React5 from "react";
|
|
93
|
+
function AboutPage() {
|
|
94
|
+
return /* @__PURE__ */ React5.createElement("div", { style: { padding: "40px 24px", maxWidth: "800px", margin: "0 auto" } }, /* @__PURE__ */ React5.createElement("h2", { style: { color: "#e94560", fontSize: "32px", marginBottom: "16px" } }, "About Us \u{1F4D6}"), /* @__PURE__ */ React5.createElement("p", { style: { color: "#ccc", fontSize: "18px", lineHeight: "1.6" } }, "Ye bhi ", /* @__PURE__ */ React5.createElement("strong", null, "Project A"), " ka page hai \u2014 ", /* @__PURE__ */ React5.createElement("strong", null, "Project B"), " me directly import ho raha hai. Components aur pages ko shared package me rakhne se code reuse hota hai aur maintenance easy ho jata hai."), /* @__PURE__ */ React5.createElement(
|
|
95
|
+
"div",
|
|
96
|
+
{
|
|
97
|
+
style: {
|
|
98
|
+
marginTop: "24px",
|
|
99
|
+
display: "flex",
|
|
100
|
+
gap: "16px",
|
|
101
|
+
flexWrap: "wrap"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
/* @__PURE__ */ React5.createElement("div", { style: { flex: "1 1 200px", padding: "16px", backgroundColor: "#16213e", borderRadius: "8px" } }, /* @__PURE__ */ React5.createElement("h3", { style: { color: "#e94560", margin: "0 0 8px" } }, "\u{1F527} Easy Setup"), /* @__PURE__ */ React5.createElement("p", { style: { color: "#aaa", margin: 0, fontSize: "14px" } }, "npm link ya npm publish se integrate karo")),
|
|
105
|
+
/* @__PURE__ */ React5.createElement("div", { style: { flex: "1 1 200px", padding: "16px", backgroundColor: "#16213e", borderRadius: "8px" } }, /* @__PURE__ */ React5.createElement("h3", { style: { color: "#e94560", margin: "0 0 8px" } }, "\u26A1 Tree-shaking"), /* @__PURE__ */ React5.createElement("p", { style: { color: "#aaa", margin: 0, fontSize: "14px" } }, "Sirf used code build me aayega")),
|
|
106
|
+
/* @__PURE__ */ React5.createElement("div", { style: { flex: "1 1 200px", padding: "16px", backgroundColor: "#16213e", borderRadius: "8px" } }, /* @__PURE__ */ React5.createElement("h3", { style: { color: "#e94560", margin: "0 0 8px" } }, "\u{1F4E6} Version Control"), /* @__PURE__ */ React5.createElement("p", { style: { color: "#aaa", margin: 0, fontSize: "14px" } }, "Proper versioning with npm semver"))
|
|
107
|
+
));
|
|
108
|
+
}
|
|
109
|
+
var AboutPage_default = AboutPage;
|
|
110
|
+
export {
|
|
111
|
+
AboutPage_default as AboutPage,
|
|
112
|
+
Button_default as Button,
|
|
113
|
+
Footer_default as Footer,
|
|
114
|
+
Header_default as Header,
|
|
115
|
+
HomePage_default as HomePage
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Header.jsx","../src/components/Footer.jsx","../src/components/Button.jsx","../src/pages/HomePage.jsx","../src/pages/AboutPage.jsx"],"sourcesContent":["import React from 'react';\n\nfunction Header() {\n return (\n <header\n style={{\n backgroundColor: '#1a1a2e',\n color: '#fff',\n padding: '16px 24px',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <h1 style={{ margin: 0, fontSize: '24px' }}>My App</h1>\n <nav style={{ display: 'flex', gap: '16px' }}>\n <a href=\"/\" style={{ color: '#e94560', textDecoration: 'none', fontWeight: 'bold' }}>\n Home\n </a>\n <a href=\"/about\" style={{ color: '#fff', textDecoration: 'none' }}>\n About\n </a>\n </nav>\n </header>\n );\n}\n\nexport default Header;\n","import React from 'react';\n\nfunction Footer() {\n return (\n <footer\n style={{\n backgroundColor: '#16213e',\n color: '#aaa',\n textAlign: 'center',\n padding: '16px 24px',\n marginTop: 'auto',\n borderTop: '1px solid #0f3460',\n }}\n >\n <p style={{ margin: 0, fontSize: '14px' }}>\n © 2026 My App — Built with ❤️ using Shared Package\n </p>\n </footer>\n );\n}\n\nexport default Footer;\n","import React from 'react';\n\nfunction Button({ children, onClick, variant = 'primary' }) {\n const styles = {\n primary: {\n backgroundColor: '#e94560',\n color: '#fff',\n border: 'none',\n padding: '10px 24px',\n borderRadius: '8px',\n fontSize: '16px',\n cursor: 'pointer',\n fontWeight: 'bold',\n },\n secondary: {\n backgroundColor: 'transparent',\n color: '#e94560',\n border: '2px solid #e94560',\n padding: '10px 24px',\n borderRadius: '8px',\n fontSize: '16px',\n cursor: 'pointer',\n fontWeight: 'bold',\n },\n };\n\n return (\n <button style={styles[variant]} onClick={onClick}>\n {children}\n </button>\n );\n}\n\nexport default Button;\n","import React from 'react';\n\nfunction HomePage() {\n return (\n <div style={{ padding: '40px 24px', maxWidth: '800px', margin: '0 auto' }}>\n <h2 style={{ color: '#e94560', fontSize: '32px', marginBottom: '16px' }}>\n Welcome to Package 🏠\n </h2>\n <p style={{ color: '#ccc', fontSize: '18px', lineHeight: '1.6' }}>\n Ye page <strong>Project A</strong> se aadsdadaaya hai aur <strong>Project B</strong> me use ho raha hai.\n Yahi shared package ka magic hai — ek baar banao, kahin bhi use karo!\n </p>\n <div\n style={{\n marginTop: '24px',\n padding: '20px',\n backgroundColor: '#0f3460',\n borderRadius: '12px',\n border: '1px solid #e94560',\n }}\n >\n <p style={{ color: '#fff', margin: 0 }}>\n ✅ Header, Footer, Button, HomePage, AboutPage — sab import ho sakte hain\n </p>\n <p style={{ color: '#aaa', margin: '8px 0 0' }}>\n ✅ Tree-shaking se sirf used code build me aayega\n </p>\n </div>\n </div>\n );\n}\n\nexport default HomePage;\n","import React from 'react';\n\nfunction AboutPage() {\n return (\n <div style={{ padding: '40px 24px', maxWidth: '800px', margin: '0 auto' }}>\n <h2 style={{ color: '#e94560', fontSize: '32px', marginBottom: '16px' }}>\n About Us 📖\n </h2>\n <p style={{ color: '#ccc', fontSize: '18px', lineHeight: '1.6' }}>\n Ye bhi <strong>Project A</strong> ka page hai — <strong>Project B</strong> me directly import ho raha hai.\n Components aur pages ko shared package me rakhne se code reuse hota hai\n aur maintenance easy ho jata hai.\n </p>\n <div\n style={{\n marginTop: '24px',\n display: 'flex',\n gap: '16px',\n flexWrap: 'wrap',\n }}\n >\n <div style={{ flex: '1 1 200px', padding: '16px', backgroundColor: '#16213e', borderRadius: '8px' }}>\n <h3 style={{ color: '#e94560', margin: '0 0 8px' }}>🔧 Easy Setup</h3>\n <p style={{ color: '#aaa', margin: 0, fontSize: '14px' }}>npm link ya npm publish se integrate karo</p>\n </div>\n <div style={{ flex: '1 1 200px', padding: '16px', backgroundColor: '#16213e', borderRadius: '8px' }}>\n <h3 style={{ color: '#e94560', margin: '0 0 8px' }}>⚡ Tree-shaking</h3>\n <p style={{ color: '#aaa', margin: 0, fontSize: '14px' }}>Sirf used code build me aayega</p>\n </div>\n <div style={{ flex: '1 1 200px', padding: '16px', backgroundColor: '#16213e', borderRadius: '8px' }}>\n <h3 style={{ color: '#e94560', margin: '0 0 8px' }}>📦 Version Control</h3>\n <p style={{ color: '#aaa', margin: 0, fontSize: '14px' }}>Proper versioning with npm semver</p>\n </div>\n </div>\n </div>\n );\n}\n\nexport default AboutPage;\n"],"mappings":"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","names":["React","React","React","React"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@shubhamkumar1/my-shared-package",
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"description": "Shared React components and pages package",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
10
|
+
"scripts": {
|
|
11
|
+
"build": "tsup",
|
|
12
|
+
"dev": "tsup --watch"
|
|
13
|
+
},
|
|
14
|
+
"peerDependencies": {
|
|
15
|
+
"react": ">=18.0.0",
|
|
16
|
+
"react-dom": ">=18.0.0"
|
|
17
|
+
},
|
|
18
|
+
"devDependencies": {
|
|
19
|
+
"react": "^18.2.0",
|
|
20
|
+
"react-dom": "^18.2.0",
|
|
21
|
+
"tsup": "^8.0.0",
|
|
22
|
+
"typescript": "^5.3.0",
|
|
23
|
+
"@types/react": "^18.2.0",
|
|
24
|
+
"@types/react-dom": "^18.2.0"
|
|
25
|
+
}
|
|
26
|
+
}
|