create-pollar-app-patrickkish 0.1.4 → 0.1.7

package/README.md

@@ -94,7 +94,7 @@ The generated app includes:
 - **Next.js 16** App Router, **React 19**, TypeScript, **Tailwind 4**
 - `@pollar/core@^0.9.0` and `@pollar/react@^0.9.0`
 - `PollarProvider` in the root layout
-- Login via **`WalletButton`**
+- Login via Pollar's hosted modal (**Google**, **email OTP**, passkey, external wallets)
 - Home screen actions that open SDK modals: balance, assets, send (USDC example), receive, history
 - `.env.example`, eslint, prettier, and a README with a Deploy to Vercel button
 

package/lib/copy-template.js

@@ -1,16 +1,13 @@
-import { access, copyFile, cp, readFile, writeFile } from "node:fs/promises";
+import { cp, readFile, writeFile } from "node:fs/promises";
 import path from "node:path";
 
 const SKIP = new Set(["node_modules", ".next", ".git"]);
+// npm always strips `.gitignore` from published tarballs — ship as `gitignore` instead.
+const GITIGNORE_TEMPLATE = "gitignore";
 
-async function ensureGitignore(source, target) {
-  const gitignoreSrc = path.join(source, ".gitignore");
-  const gitignoreDst = path.join(target, ".gitignore");
-  try {
-    await access(gitignoreDst);
-  } catch {
-    await copyFile(gitignoreSrc, gitignoreDst);
-  }
+async function writeProjectGitignore(source, target) {
+  const content = await readFile(path.join(source, GITIGNORE_TEMPLATE), "utf8");
+  await writeFile(path.join(target, ".gitignore"), content);
 }
 
 /**
@@ -27,7 +24,7 @@ export async function copyTemplate(source, target, vars) {
     },
   });
 
-  await ensureGitignore(source, target);
+  await writeProjectGitignore(source, target);
 
   const pkgPath = path.join(target, "package.json");
   const pkgRaw = await readFile(pkgPath, "utf8");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pollar-app-patrickkish",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Scaffold a Next.js app with Pollar wallet pre-wired",
   "license": "MIT",
   "repository": {
@@ -17,14 +17,15 @@
   },
   "packageManager": "pnpm@10.28.2",
   "bin": {
-    "create-pollar-app-patrickkish": "./bin/index.js"
+    "create-pollar-app-patrickkish": "bin/index.js"
   },
   "files": [
     "README.md",
     "LICENSE",
     "bin",
     "lib",
-    "template"
+    "template",
+    "template/gitignore"
   ],
   "scripts": {
     "prepublishOnly": "node scripts/prepublish-check.js",

package/template/app/components/LoginPage.tsx

@@ -1,12 +1,14 @@
 "use client";
 
-import { WalletButton } from "@pollar/react";
+import { usePollar } from "@pollar/react";
 
 const keyConfigured =
   !!process.env.NEXT_PUBLIC_POLLAR_API_KEY &&
   !process.env.NEXT_PUBLIC_POLLAR_API_KEY.includes("xxxx");
 
 export function LoginPage() {
+  const { openLoginModal } = usePollar();
+
   return (
     <main className="mx-auto flex w-full max-w-md flex-1 flex-col items-center justify-center gap-8 px-6 py-16 text-center">
       <div className="flex flex-col gap-3">
@@ -17,13 +19,20 @@ export function LoginPage() {
           <span className="text-brand">Pollar</span> Wallet
         </h1>
         <p className="text-base leading-7 text-zinc-500">
-          Log in to send, receive, and manage assets on Stellar. Login providers are configured in
-          your Pollar dashboard.
+          Log in with Google, email OTP, passkey, or an external Stellar wallet to send, receive, and
+          manage assets on testnet.
         </p>
       </div>
 
       <div className="flex w-full flex-col items-center gap-3">
-        <WalletButton />
+        <button
+          type="button"
+          onClick={openLoginModal}
+          disabled={!keyConfigured}
+          className="flex h-12 w-full items-center justify-center rounded-xl bg-brand px-6 font-medium text-white transition-colors hover:bg-brand-dark disabled:cursor-not-allowed disabled:opacity-50"
+        >
+          Sign in with Pollar
+        </button>
         {!keyConfigured && (
           <p className="rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-900">
             Set <code className="font-mono">NEXT_PUBLIC_POLLAR_API_KEY</code> in{" "}

package/template/app/providers.tsx

@@ -32,6 +32,7 @@ export function Providers({ children }: { children: ReactNode }) {
       emailEnabled: true,
       embeddedWallets: true,
       smartWallet: true,
+      providers: { google: true },
     },
   };
 

package/template/gitignore

@@ -0,0 +1,32 @@
+# dependencies
+node_modules/
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# next.js
+/.next/
+/out/
+
+# env
+.env
+.env*.local
+
+# misc
+.DS_Store
+*.pem
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# typescript
+next-env.d.ts
+
+# vercel
+.vercel