Add Nuxt.js application structure with CI/CD workflows, Playwright tests, and image/video components

Author: manu4543

.github/workflows/nodejs.yml

@@ -0,0 +1,70 @@
+name: Node CI
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  # 1️⃣ Build the package and publish it as an artifact
+  pack:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: ⬇️ Check out code
+        uses: actions/checkout@v4
+
+      - name: 🟢 Set up Node 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      - name: 📦 Install, build, pack
+        run: |
+          npm ci
+          npm run build
+          npm pack
+        env:
+          CI: true
+
+      - name: 📤 Upload .tgz artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: imagekit-package
+          path: imagekit-vue-*.tgz
+
+  # 2️⃣ Matrix job: run E2E tests for each demo app in parallel
+  test:
+    needs: pack          # wait for the pack job
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        app: [vue-ts, nuxt]   # folders inside test-apps
+
+    steps:
+      - name: ⬇️ Check out code
+        uses: actions/checkout@v4
+
+      - name: 🟢 Set up Node 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      - name: 📥 Download package artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: imagekit-package
+          path: ./
+
+      - name: 🔧 Install app deps + local package
+        run: |
+          cd test-apps/${{ matrix.app }}
+          npm ci
+          npm install ../../imagekit-vue-*.tgz --no-save
+      - name: 🧑‍💻 Install Playwright browsers
+        run: npx playwright install --with-deps
+
+      - name: 🚀 Run E2E tests
+        run: npm run test:e2e
+        env:
+          CI: true

.github/workflows/npmpublish.yml

@@ -0,0 +1,62 @@
+name: Publish
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Build and Test
+        run: |
+          npm install
+          npm run build
+          npm pack
+          cd test-app
+          npm install
+          npm install ../imagekit-react-*.tgz --no-save
+          npx playwright install --with-deps
+          npm run test:e2e
+        env:
+          CI: true
+
+
+  publish:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+      - name: NPM Publish
+        run: |
+          npm install
+          npm run build
+          npm config set //registry.npmjs.org/:_authToken=$NODE_AUTH_TOKEN
+          # print the NPM user name for validation
+          npm whoami
+          VERSION=$(node -p "require('./package.json').version" )
+          # Only publish stable versions to the latest tag
+          if [[ "$VERSION" =~ ^[^-]+$ ]]; then
+            NPM_TAG="latest"
+          else
+            NPM_TAG="beta"
+          fi
+          echo "Publishing $VERSION with $NPM_TAG tag."
+          npm publish --tag $NPM_TAG --access public
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
+          CI: true

test-apps/nuxt/.gitignore

@@ -0,0 +1,26 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+package-lock.json

test-apps/nuxt/README.md

@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

test-apps/nuxt/app.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <NuxtRouteAnnouncer />
+    <Test />
+  </div>
+</template>