Skip to content

[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
raymondjacobson merged 16 commits into from
Oct 1, 2024
Merged

[PAY-3439] Add hono to create-audius-app #9840

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
32e95a2
[PAY-3439] Add hono server to create-audius-app
raymondjacobson Sep 23, 2024
9f4db9d
Fix tests and clean up
raymondjacobson Sep 24, 2024
c77553d
Fix auth issues
raymondjacobson Sep 24, 2024
9fc697f
Fix tests
raymondjacobson Sep 24, 2024
a1f38e6
Fix setup-test-env
raymondjacobson Sep 24, 2024
f5b4cb6
Fix CI arg
raymondjacobson Sep 24, 2024
79fa5f2
Fix react test
raymondjacobson Sep 25, 2024
e16593a
Fix end to end and add changesets
raymondjacobson Sep 26, 2024
8157a6d
Fix lockfile
raymondjacobson Sep 26, 2024
d418d78
Merge remote-tracking branch 'origin/main' into rj-pay-3439
raymondjacobson Sep 26, 2024
2e79ab3
Fix package lock
raymondjacobson Sep 26, 2024
f3991b7
Merge remote-tracking branch 'origin/main' into rj-pay-3439
raymondjacobson Sep 26, 2024
3d032b2
Merge remote-tracking branch 'origin/main' into rj-pay-3439
raymondjacobson Sep 27, 2024
a899a52
Clean up
raymondjacobson Oct 1, 2024
34423d4
Merge remote-tracking branch 'origin/main' into rj-pay-3439
raymondjacobson Oct 1, 2024
a974494
Clean up pedalboard config
raymondjacobson Oct 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/sharp-rockets-press.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments
5 changes: 5 additions & 0 deletions .changeset/shy-bananas-repeat.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant
31 changes: 29 additions & 2 deletions .circleci/src/jobs/@create-audius-app-jobs.yml
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
command: |
npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
working_directory: ~/audius-protocol
resource_class: medium
docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
npm i
npm run build
cd ../../
npm run test:e2e
EXAMPLE=react npm run test:e2e
- store_test_results:
path: packages/create-audius-app/report.xml
when: always
- store_artifacts:
path: packages/create-audius-app/playwright-report
- store_artifacts:
path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
working_directory: ~/audius-protocol
resource_class: medium
docker:
- image: cimg/node:18.17
steps:
- checkout
- attach_workspace:
at: ./
- run:
name: 'test-e2e'
command: |
npx playwright install --with-deps
npm run setup-test-env -w create-audius-app
cd packages/create-audius-app/examples/react-hono
npm i
npm run build
cd ../../
EXAMPLE=react-hono npm run test:e2e
- store_test_results:
path: packages/create-audius-app/report.xml
when: always
- store_artifacts:
path: packages/create-audius-app/playwright-report
- store_artifacts:
path: packages/cr
9 changes: 8 additions & 1 deletion .circleci/src/workflows/create-audius-app.yml
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
requires:
- create-audius-app-init

- create-audius-app-test-e2e:
- create-audius-app-test-react-e2e:
context:
- Vercel
- create-audius-app
requires:
- create-audius-app-init

- create-audius-app-test-react-hono-e2e:
context:
- Vercel
- create-audius-app
Expand Down
218 changes: 215 additions & 3 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions packages/create-audius-app/.gitignore
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/
3 changes: 3 additions & 0 deletions packages/create-audius-app/create-app.ts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
console.log(cyan(' npm run start'))
console.log(' Runs the built app in production mode.')
console.log()
console.log(cyan(' npm run deploy'))
console.log(' Build and publish your app (default: Cloudflare).')
console.log()
console.log('We suggest that you begin by typing:')
console.log()
console.log(cyan(' cd'), cdpath)
Expand Down
17 changes: 14 additions & 3 deletions packages/create-audius-app/examples/README.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```
2 changes: 2 additions & 0 deletions packages/create-audius-app/examples/react-hono/.env.example
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=
18 changes: 18 additions & 0 deletions packages/create-audius-app/examples/react-hono/.eslintrc.cjs
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
],
},
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
[PAY-3439] Add hono to create-audius-app by raymondjacobson · Pull Request #9840 · AudiusProject/apps · GitHub
Skip to content
[PAY-3439] Add hono to create-audius-app#9840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

raymondjacobson
merged 16 commits into

from

Oct 1, 2024
 Merged


[PAY-3439] Add hono to create-audius-app
#9840
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


16 commits


Select commit
Hold shift + click to select a range
32e95a2

[PAY-3439] Add hono server to create-audius-app


raymondjacobson Sep 23, 2024
9f4db9d

Fix tests and clean up


raymondjacobson Sep 24, 2024
c77553d

Fix auth issues


raymondjacobson Sep 24, 2024
9fc697f

Fix tests


raymondjacobson Sep 24, 2024
a1f38e6

Fix setup-test-env


raymondjacobson Sep 24, 2024
f5b4cb6

Fix CI arg


raymondjacobson Sep 24, 2024
79fa5f2

Fix react test


raymondjacobson Sep 25, 2024
e16593a

Fix end to end and add changesets


raymondjacobson Sep 26, 2024
8157a6d

Fix lockfile


raymondjacobson Sep 26, 2024
d418d78

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
2e79ab3

Fix package lock


raymondjacobson Sep 26, 2024
f3991b7

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 26, 2024
3d032b2

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Sep 27, 2024
a899a52

Clean up


raymondjacobson Oct 1, 2024
34423d4

Merge remote-tracking branch 'origin/main' into rj-pay-3439


raymondjacobson Oct 1, 2024
a974494

Clean up pedalboard config


raymondjacobson Oct 1, 2024

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


5 changes: 5 additions & 0 deletions
.changeset/sharp-rockets-press.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'@audius/sdk': patch
---

Support cloudflare worker deployments

5 changes: 5 additions & 0 deletions
.changeset/shy-bananas-repeat.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
---
'create-audius-app': patch
---

Add react-hono variant

31 changes: 29 additions & 2 deletions
.circleci/src/jobs/@create-audius-app-jobs.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -37,7 +37,7 @@ create-audius-app-test:
 command: |
 npx turbo run test --filter=create-audius-app

create-audius-app-test-e2e:
create-audius-app-test-react-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
Expand All@@ -55,11 +55,38 @@ create-audius-app-test-e2e:
 npm i
 npm run build
 cd ../../
 npm run test:e2e
EXAMPLE=react npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/create-audius-app/blob-report

create-audius-app-test-react-hono-e2e:
 working_directory: ~/audius-protocol
 resource_class: medium
 docker:
 - image: cimg/node:18.17
 steps:
 - checkout
 - attach_workspace:
 at: ./
 - run:
 name: 'test-e2e'
 command: |
 npx playwright install --with-deps
 npm run setup-test-env -w create-audius-app
 cd packages/create-audius-app/examples/react-hono
 npm i
 npm run build
 cd ../../
 EXAMPLE=react-hono npm run test:e2e
 - store_test_results:
 path: packages/create-audius-app/report.xml
 when: always
 - store_artifacts:
 path: packages/create-audius-app/playwright-report
 - store_artifacts:
 path: packages/cr

9 changes: 8 additions & 1 deletion
.circleci/src/workflows/create-audius-app.yml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,14 @@ jobs:
 requires:
 - create-audius-app-init

 - create-audius-app-test-e2e:
 - create-audius-app-test-react-e2e:
 context:
 - Vercel
 - create-audius-app
 requires:
 - create-audius-app-init

 - create-audius-app-test-react-hono-e2e:
 context:
 - Vercel
 - create-audius-app
Expand Down

218 changes: 215 additions & 3 deletions
package-lock.json

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


1 change: 1 addition & 0 deletions
packages/create-audius-app/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
playwright-report/

3 changes: 3 additions & 0 deletions
packages/create-audius-app/create-app.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -104,6 +104,9 @@ export async function createApp({
 console.log(cyan(' npm run start'))
 console.log(' Runs the built app in production mode.')
 console.log()
 console.log(cyan(' npm run deploy'))
 console.log(' Build and publish your app (default: Cloudflare).')
 console.log()
 console.log('We suggest that you begin by typing:')
 console.log()
 console.log(cyan(' cd'), cdpath)
Expand Down

17 changes: 14 additions & 3 deletions
packages/create-audius-app/examples/README.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
# Examples using @audius/sdk

## Usage

You can use `create-audius-app` to start a project using any of these examples:


## react

Quickstart for a [React](https://react.dev/) app with the Audius sdk. Useful for reading data from the protocol and displaying it.

```
npx create-audius-app --example react
```

## react-hono (default)

Quickstart for a [React](https://react.dev/) frontend with a [Hono](https://hono.dev/) backend. Useful for both reading and writing data on behalf of users to the protocol. Deploys directly to a Cloudflare worker.

```
npx create-audius-app --example react
npx create-audius-app --example react-hono
```

2 changes: 2 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.env.example

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
VITE_AUDIUS_API_KEY=
VITE_AUDIUS_API_SECRET=

18 changes: 18 additions & 0 deletions
packages/create-audius-app/examples/react-hono/.eslintrc.cjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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 },
 ],
 },
}
Loading