realworld: now depends on submodule for assets and tests, so we keep up-to-date, updated links

Author: c4ffein

CLAUDE.md

@@ -3,6 +3,7 @@
 ## Commands
 
 ```bash
+bun run setup         # Init submodules + install deps (run after clone or after realworld submodule update)
 bun run start         # Dev server at localhost:4200
 bun run test          # Unit tests (Vitest)
 bun run test:e2e      # E2E tests (Playwright)

README.md

@@ -12,13 +12,20 @@ A global documentation for the project is available at [docs.realworld.show](htt
 
 # Getting started
 
-Make sure you have the [Angular CLI](https://github.com/angular/angular-cli#installation) installed globally. You can `bun install` to resolve all dependencies (should take a couple of seconds).
+Requires [Bun](https://bun.sh/docs/installation).
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+```bash
+git clone https://github.com/realworld-apps/angular-realworld-example-app.git
+cd angular-realworld-example-app
+bun run setup  # Init submodules + install dependencies
+bun run start
+```
+
+Run `bun run setup` again after a `git pull` that updates the `realworld` submodule.
 
 ### Building the project
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+Run `bun run build` to build the project. The build artifacts will be stored in the `dist/` directory.
 
 ## Functionality overview
 

angular.json

@@ -21,14 +21,18 @@
             "tsConfig": "tsconfig.app.json",
             "assets": [
               "src/favicon.ico",
-              "src/assets",
+              {
+                "glob": "*.svg",
+                "input": "realworld/assets/media",
+                "output": "/assets"
+              },
               {
                 "glob": "_redirects",
                 "input": "src",
                 "output": "/"
               }
             ],
-            "styles": ["src/styles.css"],
+            "styles": ["realworld/assets/theme/styles.css"],
             "scripts": [],
             "browser": "src/main.ts"
           },

package.json

@@ -4,6 +4,7 @@
   "license": "MIT",
   "scripts": {
     "ng": "ng",
+    "setup": "git submodule init && git submodule update && bun install",
     "start": "ng serve",
     "build": "ng build",
     "test": "vitest",

src/app/shared/pipes/default-image.pipe.ts

@@ -3,6 +3,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 @Pipe({ name: 'defaultImage', standalone: true })
 export class DefaultImagePipe implements PipeTransform {
   transform(image: string | null | undefined): string {
-    return image || '/assets/images/default-avatar.svg';
+    return image || '/assets/default-avatar.svg';
   }
 }