@getopenpay/openpay-js-react 0.0.1 → 0.0.2-alpha.6c3bbd9

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@getopenpay/openpay-js-react",
-  "version": "0.0.1",
+  "version": "0.0.2-alpha.6c3bbd9",
   "description": "Accept payments through OpenPay, right on your site",
   "author": "OpenPay <info@getopenpay.com> (https://getopenpay.com)",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
+  "files": [
+    "dist"
+  ],
   "keywords": [
     "getopenpay",
     "openpay",
@@ -14,10 +17,12 @@
   ],
   "scripts": {
     "build": "tsc -p tsconfig.build.json && vite build",
+    "build:alpha": "npm run build -- --mode staging",
     "build:dev": "tsc -p tsconfig.build.json && NODE_ENV=development vite build --mode development --watch",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ignore-path=.eslintignore --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint . --fix --ignore-path=.eslintignore --report-unused-disable-directives --max-warnings 0",
     "test": "NODE_ENV=development npm run build -- --mode development && playwright test",
-    "build:alpha": "NODE_ENV=development npm run build -- --mode development"
+    "prepare": "husky"
   },
   "dependencies": {
     "react": "^18.3.1",
@@ -35,8 +40,13 @@
     "@typescript-eslint/parser": "^7.15.0",
     "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "husky": "^9.1.4",
     "typescript": "^5.2.2",
     "vite": "^5.3.4",
     "vite-plugin-dts": "^4.0.0-beta.2"

package/.env.development

@@ -1 +0,0 @@
-VITE_CDE_BASE_URL = "http://localhost:3030"

package/.env.production

@@ -1 +0,0 @@
-VITE_CDE_BASE_URL = "https://cde.getopenpay.com"

package/.env.staging

@@ -1 +0,0 @@
-VITE_CDE_BASE_URL = "https://cde.openpaystaging.com"

package/.eslintrc.cjs

@@ -1,18 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-  },
-}

package/.github/workflows/alpha-release.yml

@@ -1,39 +0,0 @@
-name: 'Publish alpha release'
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  publish:
-    name: 🚀 Publishing to NPM
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          version: 8
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 22
-          registry-url: https://registry.npmjs.org/
-
-      - name: Set hash and version variable
-        # To generate unique hashes for each alpha release without having to change version in package.json
-        run: |
-          echo "COMMIT_HASH=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
-          echo "VERSION=$(npm view ./ version)" >> $GITHUB_ENV
-
-      - name: Build package
-        run: |
-          npm ci
-          npm run build:alpha
-        #    ^ For now to use localhost for cde
-
-      - name: Publish package
-        run: |
-          npm version ${{ env.VERSION }}-alpha.${{ env.COMMIT_HASH }} --no-git-tag-version
-          npm publish --tag alpha --access public
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/.github/workflows/release.yml

@@ -1,30 +0,0 @@
-name: 'Publish stable release'
-
-on:
-  release:
-    types: [created]
-
-jobs:
-  publish:
-    name: 🚀 Publishing to NPM
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          version: 8
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 22
-          registry-url: https://registry.npmjs.org/
-
-      - name: Build package
-        run: |
-          npm ci
-          npm run build
-
-      - name: Publish package
-        run: |
-          npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/Makefile

@@ -1,37 +0,0 @@
-.PHONY: install dev start build publish
-
-install:
-	npm install
-	cd example && make install
-	npx playwright install --with-deps chromium
-
-dev:
-	npm run build:dev
-
-start: dev
-
-build:
-	npm run build
-
-publish: build
-	npm whoami || npm adduser
-	npm publish
-
-run-example:
-	ngrok start --all --config ngrok.yml
-
-integration-test: start-ngrok 
-	sleep 2 && \
-    BASE_URL=$$(curl http://localhost:4040/api/tunnels | jq -r ".tunnels[0].public_url") && \
-	export BASE_URL=$$BASE_URL && \
-	npm run test && \
-	make stop-ngrok
-
-
-start-ngrok:
-	nohup ngrok start --all --config ngrok.yml > /dev/null &
-	
-stop-ngrok:
-	@echo "Stopping ngrok..."
-	@pkill ngrok || true
-	@echo "Ngrok stopped."

package/example/.eslintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}

package/example/Makefile

@@ -1,10 +0,0 @@
-.PHONY: install dev start
-
-install:
-	npm install
-
-dev:
-	npm install ../
-	npm run dev
-
-start: dev

package/example/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/example/next.config.mjs

@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;