login-signup-google 1.0.0 → 1.0.1

package/dist/GoogleLogin.js

@@ -0,0 +1,31 @@
+import React, { useEffect } from "react";
+export default function GoogleLogin({
+  clientId,
+  onSuccess
+}) {
+  useEffect(() => {
+    if (!clientId) {
+      console.error("Google Client ID missing");
+      return;
+    }
+    const script = document.createElement("script");
+    script.src = "https://accounts.google.com/gsi/client";
+    script.async = true;
+    script.defer = true;
+    document.body.appendChild(script);
+    script.onload = () => {
+      window.google.accounts.id.initialize({
+        client_id: clientId,
+        callback: onSuccess
+      });
+      window.google.accounts.id.renderButton(document.getElementById("googleBtn"), {
+        theme: "outline",
+        size: "large",
+        width: 300
+      });
+    };
+  }, [clientId, onSuccess]);
+  return /*#__PURE__*/React.createElement("div", {
+    id: "googleBtn"
+  });
+}

package/dist/Login.js

@@ -0,0 +1,59 @@
+import React, { useState } from "react";
+export default function Login({
+  onLogin
+}) {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const handleSubmit = e => {
+    e.preventDefault();
+    if (!email || !password) {
+      alert("Please enter email and password");
+      return;
+    }
+
+    // send data to parent app
+    onLogin && onLogin({
+      email,
+      password
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.box
+  }, /*#__PURE__*/React.createElement("h2", null, "Login"), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("input", {
+    style: styles.input,
+    type: "email",
+    placeholder: "Email",
+    value: email,
+    onChange: e => setEmail(e.target.value)
+  }), /*#__PURE__*/React.createElement("input", {
+    style: styles.input,
+    type: "password",
+    placeholder: "Password",
+    value: password,
+    onChange: e => setPassword(e.target.value)
+  }), /*#__PURE__*/React.createElement("button", {
+    style: styles.button,
+    type: "submit"
+  }, "Login")));
+}
+const styles = {
+  box: {
+    width: 300,
+    padding: 20,
+    border: "1px solid #ddd",
+    borderRadius: 8,
+    marginBottom: 20
+  },
+  input: {
+    width: "100%",
+    padding: 8,
+    marginBottom: 10
+  },
+  button: {
+    width: "100%",
+    padding: 10,
+    cursor: "pointer"
+  }
+};

package/dist/Signup.js

@@ -0,0 +1,57 @@
+import React, { useState } from "react";
+export default function Signup({
+  onSignup
+}) {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const handleSubmit = e => {
+    e.preventDefault();
+    if (!email || !password) {
+      alert("Please enter email and password");
+      return;
+    }
+    onSignup && onSignup({
+      email,
+      password
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.box
+  }, /*#__PURE__*/React.createElement("h2", null, "Signup"), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("input", {
+    style: styles.input,
+    type: "email",
+    placeholder: "Email",
+    value: email,
+    onChange: e => setEmail(e.target.value)
+  }), /*#__PURE__*/React.createElement("input", {
+    style: styles.input,
+    type: "password",
+    placeholder: "Password",
+    value: password,
+    onChange: e => setPassword(e.target.value)
+  }), /*#__PURE__*/React.createElement("button", {
+    style: styles.button,
+    type: "submit"
+  }, "Signup")));
+}
+const styles = {
+  box: {
+    width: 300,
+    padding: 20,
+    border: "1px solid #ddd",
+    borderRadius: 8,
+    marginBottom: 20
+  },
+  input: {
+    width: "100%",
+    padding: 8,
+    marginBottom: 10
+  },
+  button: {
+    width: "100%",
+    padding: 10,
+    cursor: "pointer"
+  }
+};

package/{src → dist}/index.js

@@ -1,4 +1,3 @@
-// src/index.js
-export { default as Login } from "./Login";
-export { default as Signup } from "./Signup";
-export { default as GoogleLogin } from "./GoogleLogin";
+export { default as Login } from "./Login";
+export { default as Signup } from "./Signup";
+export { default as GoogleLogin } from "./GoogleLogin";

package/package.json

@@ -1,13 +1,32 @@
 {
   "name": "login-signup-google",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Reusable React Login, Signup and Google Login components",
-  "main": "src/index.js",
-  "keywords": ["react", "login", "signup", "google-auth"],
-  "author": "Your Name",
+  "main": "dist/index.js",
+
+  "keywords": [
+    "react",
+    "login",
+    "signup",
+    "google-auth"
+  ],
+
+  "author": "sowjanya",
   "license": "MIT",
 
   "peerDependencies": {
     "react": ">=18"
+  },
+
+  "scripts": {
+    "build": "babel src --out-dir dist --extensions .js,.jsx"
+  },
+
+  "files": ["dist"],
+
+  "devDependencies": {
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.28.6",
+    "@babel/preset-react": "^7.28.5"
   }
 }

package/src/GoogleLogin.jsx

@@ -1,26 +0,0 @@
-// src/GoogleLogin.jsx
-import { useEffect } from "react";
-
-export default function GoogleLogin({ clientId, onSuccess }) {
-  useEffect(() => {
-    const script = document.createElement("script");
-    script.src = "https://accounts.google.com/gsi/client";
-    script.async = true;
-    script.defer = true;
-    document.body.appendChild(script);
-
-    script.onload = () => {
-      window.google.accounts.id.initialize({
-        client_id: clientId,
-        callback: onSuccess,
-      });
-
-      window.google.accounts.id.renderButton(
-        document.getElementById("googleBtn"),
-        { theme: "outline", size: "large" }
-      );
-    };
-  }, [clientId, onSuccess]);
-
-  return <div id="googleBtn"></div>;
-}

package/src/Login.jsx

@@ -1,12 +0,0 @@
-// src/Login.jsx
-export default function Login({ onLogin }) {
-    return (
-      <div>
-        <h3>Login</h3>
-        <input placeholder="Email" />
-        <input type="password" placeholder="Password" />
-        <button onClick={onLogin}>Login</button>
-      </div>
-    );
-  }
-  

package/src/Signup.jsx

@@ -1,12 +0,0 @@
-// src/Signup.jsx
-export default function Signup({ onSignup }) {
-    return (
-      <div>
-        <h3>Signup</h3>
-        <input placeholder="Email" />
-        <input type="password" placeholder="Password" />
-        <button onClick={onSignup}>Signup</button>
-      </div>
-    );
-  }
-