chore: 🤖 bring back transformer

.github/actions/step-setup/action.yml

@@ -10,5 +10,5 @@ runs:
         cache: npm
 
     - name: Install dependencies
-      run: npm i
+      run: npm ci
       shell: bash

.github/workflows/ci.yml

@@ -11,7 +11,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        target: ['ci:build', 'ci:test', 'ci:lint', 'ci:e2e', 'build docs']
+        target: ['ci:build', 'ci:test', 'ci:lint', 'ci:e2e']
     runs-on: ubuntu-latest
     name: ${{ matrix.target }}
     steps:

.github/workflows/deploy-demo-app.yml

@@ -1,5 +1,5 @@
 # Simple workflow for deploying static content to GitHub Pages
-name: Deploy static content to Pages
+name: Deploy playground to Pages
 
 on:
   # Runs on pushes targeting the default branch
@@ -34,19 +34,19 @@ jobs:
 
       - name: Setup
         uses: ./.github/actions/step-setup
-        
+
       - name: Setup Pages
         uses: actions/configure-pages@v5
 
       - name: Build playground
         run: npm run build:playground
-        
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
           # Upload entire repository
           path: 'dist/apps/transloco-playground'
-          
+
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

apps/transloco-playground/index-html-transform.ts

@@ -0,0 +1,9 @@
+import { Target } from '@angular-devkit/architect';
+import * as cheerio from 'cheerio';
+
+export default (targetOptions: Target, indexHtml: string) => {
+  const $ = cheerio.load(indexHtml);
+  $('base').attr('href', process.env.ORIGIN + '/transloco/');
+
+  return $.html();
+};

apps/transloco-playground/project.json

@@ -36,6 +36,10 @@
           ],
           "outputHashing": "all"
         },
+        "docs": {
+          "indexHtmlTransformer": "apps/transloco-playground/index-html-transform.ts",
+          "outputHashing": "all"
+        },
         "development": {
           "buildOptimizer": false,
           "optimization": false,

apps/transloco-playground/src/app/app.component.ts

@@ -16,7 +16,6 @@ import { environment } from '../environments/environment';
 })
 export class AppComponent {
   private destroyRef = inject(DestroyRef);
-  isDocs = environment.isDocs;
   service = inject(TranslocoService);
   availableLangs = this.service.getAvailableLangs() as LangDefinition[];
 

apps/transloco-playground/src/app/home/home.component.ts

@@ -13,7 +13,6 @@ import { environment } from '../../environments/environment';
   imports: [TranslocoModule],
 })
 export class HomeComponent {
-  isDocs = environment.isDocs;
   dynamic = '🦄';
   key = 'home';
 

apps/transloco-playground/src/environments/environment.prod.ts

@@ -1,5 +1,4 @@
 export const environment = {
   production: true,
   baseUrl: '',
-  isDocs: false,
 };

apps/transloco-playground/src/environments/environment.ts

@@ -5,7 +5,6 @@
 export const environment = {
   production: false,
   baseUrl: '',
-  isDocs: false,
 };
 
 /*

package.json

@@ -8,7 +8,7 @@
     "commit": "git-cz",
     "start": "nx run transloco-playground:serve",
     "build": "node scripts/build.mjs",
-    "build:playground": "nx build transloco-playground",
+    "build:playground": "nx build transloco-playground --configuration=docs",
     "ci:test": "nx run-many --target=test --all",
     "ci:build": "nx run-many --target=build --all",
     "ci:lint": "nx run-many --target=lint --all",