diff --git a/.env.sample b/.env.sample new file mode 100644 index 0000000..58b5fd7 --- /dev/null +++ b/.env.sample @@ -0,0 +1,2 @@ +PATREON_CREATOR_ACCESS_TOKEN="Check 1Password" +PATREON_CAMPAIGN_ID="Check 1Password" diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index f465d9f..d57c45a 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -14,6 +14,8 @@ env: AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }} S3_BUCKET: "${{ secrets.S3_BUCKET }}" CLOUDFRONT_ID: ${{ secrets.CLOUDFRONT_ID }} + PATREON_CREATOR_ACCESS_TOKEN: ${{ secrets.PATREON_CREATOR_ACCESS_TOKEN }} + PATREON_CAMPAIGN_ID: ${{ secrets.PATREON_CAMPAIGN_ID }} jobs: build: @@ -34,13 +36,13 @@ jobs: - run: npm run build - name: Archive site as artifact - uses: actions/upload-artifact@v1 + uses: actions/upload-artifact@v4 with: name: out path: out - name: Archive s3_website.yml as artifact - uses: actions/upload-artifact@v1 + uses: actions/upload-artifact@v4 with: name: s3_website path: s3_website.yml @@ -51,14 +53,16 @@ jobs: if: contains(github.ref, 'main') steps: - name: Retrieve site from artifacts - uses: actions/download-artifact@v1 + uses: actions/download-artifact@v4 with: name: out + path: out - name: Retrieve s3_website.yml from artifacts - uses: actions/download-artifact@v1 + uses: actions/download-artifact@v4 with: name: s3_website + path: s3_website - name: Move s3_website.yml into root run: | diff --git a/.gitignore b/.gitignore index 55175ef..ac12e94 100644 --- a/.gitignore +++ b/.gitignore @@ -26,6 +26,7 @@ yarn-error.log* .pnpm-debug.log* # local env files +.env .env*.local # vercel diff --git a/package-lock.json b/package-lock.json index ee73d6c..552ed9d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,8 @@ "name": "tailwindui-transmit", "version": "0.1.0", "dependencies": { + "@nathanhigh/patreon": "^0.5.2", + "@next/env": "^15.2.4", "@tailwindcss/typography": "^0.5.7", "autoprefixer": "^10.4.12", "clsx": "^1.2.1", @@ -216,10 +218,26 @@ "@babel/runtime": "^7.6.2" } }, + "node_modules/@nathanhigh/patreon": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/@nathanhigh/patreon/-/patreon-0.5.2.tgz", + "integrity": "sha512-07OtqAGSh6ZVV+I6Z5QWkbKTQ84xd5+/LRFWPonVhveecVoZaqYg9jK6TJdES5wbCoP+0J9mBPihL6PuvsHglA==", + "license": "MIT", + "dependencies": { + "form-urlencoded": "^2.0.4", + "is-plain-object": "^2.0.4", + "isomorphic-fetch": "^2.2.1", + "jsonapi-datastore": "^0.4.0-beta" + }, + "engines": { + "node": ">6.2.1" + } + }, "node_modules/@next/env": { - "version": "13.3.0", - "resolved": "https://registry.npmjs.org/@next/env/-/env-13.3.0.tgz", - "integrity": "sha512-AjppRV4uG3No7L1plinoTQETH+j2F10TEnrMfzbTUYwze5sBUPveeeBAPZPm8OkJZ1epq9OyYKhZrvbD6/9HCQ==" + "version": "15.2.4", + "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.4.tgz", + "integrity": "sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==", + "license": "MIT" }, "node_modules/@next/eslint-plugin-next": { "version": "13.0.2", @@ -2714,6 +2732,15 @@ "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", "dev": true }, + "node_modules/encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "license": "MIT", + "dependencies": { + "iconv-lite": "^0.6.2" + } + }, "node_modules/end-of-stream": { "version": "1.4.4", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", @@ -3479,6 +3506,12 @@ "node": ">= 6" } }, + "node_modules/form-urlencoded": { + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/form-urlencoded/-/form-urlencoded-2.0.9.tgz", + "integrity": "sha512-fWUzNiOnYa126vFAT6TFXd1mhJrvD8IqmQ9ilZPjkLYQfaRreBr5fIUoOpPlWtqaAG64nzoE7u5zSetifab9IA==", + "license": "MIT" + }, "node_modules/fraction.js": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", @@ -3729,6 +3762,18 @@ "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==", "dev": true }, + "node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "license": "MIT", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/ieee754": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", @@ -3974,6 +4019,18 @@ "node": ">=8" } }, + "node_modules/is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "license": "MIT", + "dependencies": { + "isobject": "^3.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/is-regex": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", @@ -4002,6 +4059,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/is-string": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz", @@ -4050,6 +4116,25 @@ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", "dev": true }, + "node_modules/isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==", + "license": "MIT", + "dependencies": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "node_modules/jiti": { "version": "1.18.2", "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz", @@ -4105,6 +4190,12 @@ "json5": "lib/cli.js" } }, + "node_modules/jsonapi-datastore": { + "version": "0.4.0-beta", + "resolved": "https://registry.npmjs.org/jsonapi-datastore/-/jsonapi-datastore-0.4.0-beta.tgz", + "integrity": "sha512-RkI3oL1Ww6HefMEVZXdBLmdVY/s4P5FlRzccyXb7QmsuyTQqYDXgI8QN6Py8QJRZF05f4b4gecdeBz/oTOgRVA==", + "license": "MIT" + }, "node_modules/jsx-ast-utils": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.1.tgz", @@ -4419,6 +4510,12 @@ } } }, + "node_modules/next/node_modules/@next/env": { + "version": "13.3.0", + "resolved": "https://registry.npmjs.org/@next/env/-/env-13.3.0.tgz", + "integrity": "sha512-AjppRV4uG3No7L1plinoTQETH+j2F10TEnrMfzbTUYwze5sBUPveeeBAPZPm8OkJZ1epq9OyYKhZrvbD6/9HCQ==", + "license": "MIT" + }, "node_modules/node-abi": { "version": "3.35.0", "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.35.0.tgz", @@ -4437,6 +4534,16 @@ "integrity": "sha512-GyHvgPvUXBvAkXa0YvYnhilSB1A+FRYMpIVggKzPZqdaZfevZOuzfWzyvgzOwRLHBeo/MMswmJFsrNF4Nw1pmA==", "dev": true }, + "node_modules/node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "license": "MIT", + "dependencies": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + } + }, "node_modules/node-releases": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", @@ -5403,6 +5510,12 @@ "node": ">=10" } }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "license": "MIT" + }, "node_modules/scheduler": { "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", @@ -6107,6 +6220,12 @@ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" }, + "node_modules/whatwg-fetch": { + "version": "3.6.20", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz", + "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==", + "license": "MIT" + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -6340,10 +6459,21 @@ "@babel/runtime": "^7.6.2" } }, + "@nathanhigh/patreon": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/@nathanhigh/patreon/-/patreon-0.5.2.tgz", + "integrity": "sha512-07OtqAGSh6ZVV+I6Z5QWkbKTQ84xd5+/LRFWPonVhveecVoZaqYg9jK6TJdES5wbCoP+0J9mBPihL6PuvsHglA==", + "requires": { + "form-urlencoded": "^2.0.4", + "is-plain-object": "^2.0.4", + "isomorphic-fetch": "^2.2.1", + "jsonapi-datastore": "^0.4.0-beta" + } + }, "@next/env": { - "version": "13.3.0", - "resolved": "https://registry.npmjs.org/@next/env/-/env-13.3.0.tgz", - "integrity": "sha512-AjppRV4uG3No7L1plinoTQETH+j2F10TEnrMfzbTUYwze5sBUPveeeBAPZPm8OkJZ1epq9OyYKhZrvbD6/9HCQ==" + "version": "15.2.4", + "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.4.tgz", + "integrity": "sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==" }, "@next/eslint-plugin-next": { "version": "13.0.2", @@ -8165,6 +8295,14 @@ "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", "dev": true }, + "encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "requires": { + "iconv-lite": "^0.6.2" + } + }, "end-of-stream": { "version": "1.4.4", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", @@ -8739,6 +8877,11 @@ "mime-types": "^2.1.12" } }, + "form-urlencoded": { + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/form-urlencoded/-/form-urlencoded-2.0.9.tgz", + "integrity": "sha512-fWUzNiOnYa126vFAT6TFXd1mhJrvD8IqmQ9ilZPjkLYQfaRreBr5fIUoOpPlWtqaAG64nzoE7u5zSetifab9IA==" + }, "fraction.js": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", @@ -8912,6 +9055,14 @@ "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==", "dev": true }, + "iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "requires": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + } + }, "ieee754": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", @@ -9077,6 +9228,14 @@ "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", "dev": true }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + }, "is-regex": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", @@ -9096,6 +9255,11 @@ "call-bind": "^1.0.2" } }, + "is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==" + }, "is-string": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz", @@ -9129,6 +9293,20 @@ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", "dev": true }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==" + }, + "isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==", + "requires": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "jiti": { "version": "1.18.2", "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz", @@ -9175,6 +9353,11 @@ "minimist": "^1.2.0" } }, + "jsonapi-datastore": { + "version": "0.4.0-beta", + "resolved": "https://registry.npmjs.org/jsonapi-datastore/-/jsonapi-datastore-0.4.0-beta.tgz", + "integrity": "sha512-RkI3oL1Ww6HefMEVZXdBLmdVY/s4P5FlRzccyXb7QmsuyTQqYDXgI8QN6Py8QJRZF05f4b4gecdeBz/oTOgRVA==" + }, "jsx-ast-utils": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.1.tgz", @@ -9406,6 +9589,13 @@ "caniuse-lite": "^1.0.30001406", "postcss": "8.4.14", "styled-jsx": "5.1.1" + }, + "dependencies": { + "@next/env": { + "version": "13.3.0", + "resolved": "https://registry.npmjs.org/@next/env/-/env-13.3.0.tgz", + "integrity": "sha512-AjppRV4uG3No7L1plinoTQETH+j2F10TEnrMfzbTUYwze5sBUPveeeBAPZPm8OkJZ1epq9OyYKhZrvbD6/9HCQ==" + } } }, "node-abi": { @@ -9423,6 +9613,15 @@ "integrity": "sha512-GyHvgPvUXBvAkXa0YvYnhilSB1A+FRYMpIVggKzPZqdaZfevZOuzfWzyvgzOwRLHBeo/MMswmJFsrNF4Nw1pmA==", "dev": true }, + "node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "requires": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + } + }, "node-releases": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", @@ -10033,6 +10232,11 @@ "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==", "dev": true }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, "scheduler": { "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", @@ -10533,6 +10737,11 @@ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" }, + "whatwg-fetch": { + "version": "3.6.20", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz", + "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==" + }, "which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", diff --git a/package.json b/package.json index 27c13de..707e4f1 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,8 @@ }, "browserslist": "defaults, not ie <= 11", "dependencies": { + "@nathanhigh/patreon": "^0.5.2", + "@next/env": "^15.2.4", "@tailwindcss/typography": "^0.5.7", "autoprefixer": "^10.4.12", "clsx": "^1.2.1", diff --git a/src/api/patrons.js b/src/api/patrons.js new file mode 100644 index 0000000..fce1691 --- /dev/null +++ b/src/api/patrons.js @@ -0,0 +1,82 @@ +import { patreon, jsonApiURL } from '@nathanhigh/patreon'; + +const campaignId = process.env.PATREON_CAMPAIGN_ID; + +const campaignUrl = jsonApiURL(`/campaigns/${campaignId}`, { + fields: { + campaign: ['created_at', 'creation_name', 'patron_count'], + member: ['full_name', 'patron_status'], + tier: ['title', 'amount_cents'] + }, + include: ['tiers'] +}); + +const membersUrl = jsonApiURL(`/campaigns/${campaignId}/members`, { + fields: { + campaign: ['created_at', 'creation_name', 'patron_count'], + member: ['full_name', 'patron_status'], + tier: ['title', 'amount_cents'] + }, + include: ['currently_entitled_tiers'] +}); + +export async function getPatronsByTier() { + const levels = await getMembershipLevels(); + const patrons = await getPatrons(); + + const patronsByTier = new Map(); + for (const [tierId, tier] of levels) { + patronsByTier.set(tierId, { + title: tier.title, + amount_cents: tier.amount_cents, + patrons: [] + }); + } + + for (const [memberId, member] of patrons) { + for (const tierId of member.tiers) { + if (patronsByTier.has(tierId)) { + patronsByTier.get(tierId).patrons.push({ + id: memberId, + full_name: member.full_name, + patron_status: member.patron_status + }); + } + } + } + + return [...patronsByTier.values()]; +} + +export async function getPatrons() { + const client = patreon(process.env.PATREON_CREATOR_ACCESS_TOKEN); + const result = await client(membersUrl); + + const collectedMembers = Object + .values(result.store.graph.member) + .filter(item => item.patron_status == 'active_patron') + .sort((left, right) => left.full_name.localeCompare(right.full_name)) + .map((item) => [ + item.id, + { + full_name: item.full_name, + patron_status: item.patron_status, + tiers: item.currently_entitled_tiers.map(tier => tier.id) + } + ]) + + return new Map(collectedMembers); +} + +export async function getMembershipLevels() { + const client = patreon(process.env.PATREON_CREATOR_ACCESS_TOKEN); + const result = await client(campaignUrl); + + const collectedLevels = Object + .values(result.store.graph.tier) + .filter(item => item.amount_cents > 0) + .sort((left, right) => left.amount_cents - right.amount_cents) + .map((item) => [item.id, { title: item.title, amount_cents: item.amount_cents }]); + + return new Map(collectedLevels) +} diff --git a/src/components/CardWithHeader.jsx b/src/components/CardWithHeader.jsx new file mode 100644 index 0000000..5ca2c68 --- /dev/null +++ b/src/components/CardWithHeader.jsx @@ -0,0 +1,16 @@ +export function CardWithHeader({title, children}) { + return ( + <> +
+
+

+ {title} +

+
+
+ {children} +
+
+ + ) +} diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx index f486df6..5cb4ae7 100644 --- a/src/components/Layout.jsx +++ b/src/components/Layout.jsx @@ -13,8 +13,10 @@ import sidewaysLogo from '@/images/lcr-logo-sideways.svg' const navigation = [ { name: 'Home', href: '/' }, + { name: 'Supporters', href: '/supporters' }, { name: 'Community', href: '/community' }, { name: 'About', href: '/about' }, + { name: 'Pitch a Guest', href: '/pitch' }, ] function TinyWaveFormIcon({ colors = [], ...props }) { diff --git a/src/components/PatronTier.jsx b/src/components/PatronTier.jsx new file mode 100644 index 0000000..b259c68 --- /dev/null +++ b/src/components/PatronTier.jsx @@ -0,0 +1,21 @@ +import { CardWithHeader } from '@/components/CardWithHeader'; +import { SignUpButton } from '@/components/SignUpButton'; + +export function PatronTier({ tier }) { + const { title, amount_cents, patrons } = tier; + + return (<> + + +

+ Add your name here! +

+ + ) +} diff --git a/src/components/PatronsByTier.jsx b/src/components/PatronsByTier.jsx new file mode 100644 index 0000000..37852f3 --- /dev/null +++ b/src/components/PatronsByTier.jsx @@ -0,0 +1,7 @@ +import { PatronTier } from '@/components/PatronTier'; + +export function PatronsByTier({ patrons }) { + return (<> + {patrons.map((tier) => ())} + ) +} diff --git a/src/components/SignUpButton.jsx b/src/components/SignUpButton.jsx new file mode 100644 index 0000000..3af7a87 --- /dev/null +++ b/src/components/SignUpButton.jsx @@ -0,0 +1,12 @@ +export function SignUpButton({href, children}) { + return ( +
+ + {children} + +
+ ) +} diff --git a/src/pages/community.jsx b/src/pages/community.jsx index fd06490..2187095 100644 --- a/src/pages/community.jsx +++ b/src/pages/community.jsx @@ -1,35 +1,7 @@ import Head from 'next/head' import { ProseContainer } from '@/components/ProseContainer' - -export function CardWithHeader({title, children}) { - return ( - <> -
-
-

- {title} -

-
-
- {children} -
-
- - ) -} - -export function SignUpButton({href, children}) { - return ( -
- - {children} - -
- ) -} +import { CardWithHeader } from '@/components/CardWithHeader' +import { SignUpButton } from '@/components/SignUpButton' export default function Community() { return ( @@ -70,7 +42,7 @@ export default function Community() { katas, hash out project challenges, and more.

- + Join Now diff --git a/src/pages/pitch.jsx b/src/pages/pitch.jsx new file mode 100644 index 0000000..f82354b --- /dev/null +++ b/src/pages/pitch.jsx @@ -0,0 +1,36 @@ +import Head from 'next/head' +import { ProseContainer } from '@/components/ProseContainer' +import { getEpisodes } from '@/api/episodes' + +export default function Pitch({episodeCount}) { + return ( + <> + + Codestin Search App + + + +

Know Someone We Should Talk To?

+

+ We're always looking for new guests to have no the show. If you + know who would be a good fit for the show (even if it's you.), + then please fill out our pitch form. +

+ + + ) +} + +export async function getStaticProps() { + const episodes = await getEpisodes() + return { + props: { + episodeCount: episodes.length + } + } +} diff --git a/src/pages/supporters.jsx b/src/pages/supporters.jsx new file mode 100644 index 0000000..fc00736 --- /dev/null +++ b/src/pages/supporters.jsx @@ -0,0 +1,86 @@ +import Head from 'next/head' +import { ProseContainer } from '@/components/ProseContainer' +import { CardWithHeader } from '@/components/CardWithHeader' +import { SignUpButton } from '@/components/SignUpButton' + +import { getPatronsByTier } from '@/api/patrons' +import { PatronsByTier } from '@/components/PatronsByTier' + +export default function Supporters({ patrons }) { + + + return ( + <> + + Codestin Search App + + + +

Many Thanks to Our Supporters

+

+ Legacy Code Rocks receives financial support from the wonderful folks + listed below. We are incredibly grateful for their generosity. +

+ +

Supporters by Level

+ + +

Join Us

+

+ Want to see your name listed here? You can become a paying member of + the community by visiting our + Patreon page, and selecting a tier that works best for you. +

+

+ What do get for being a paid member? Beyond helping ensure that + there are enough funds to record, host, and edit podcast episodes, + while also providing general support for hosting our annual virtual + conference, MenderCon, there are + a couple of perks. At the moment, all membership levels get the same + benefits. +

+

+ All paying members are displayed on this page. Additionally, a + random paying member will be thanked at the end of each episode, + and we`'`ll be working through our back catalog to update the + past recordings to include shoutouts as well. +

+

+ Each installment of our conference, + MenderCon, will include a slide between events that lists the + names of paying members. +

+

+ More perks may be added later. We`'`re considering creating a + video version of future episodes that will only be available to + paying members. If you`'`ve got any perk ideas, please share + them in Slack. +

+

+ Everything free to access today will continue to be free. So + don`'`t worry about the audio content or access to + Slack being limited to only paying members. Doing so + wouldn`'`t be the best way to support Legacy Code Rocks mission. +

+

+ + Join Now + +

+ + + ) +} + +export async function getStaticProps() { + const patrons = await getPatronsByTier() + + return { + props: { patrons} + } +}