V4

.github/workflows/ci.yml

@@ -0,0 +1,77 @@
+name: Node CI
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  # ─────────────────────────────────────────────────────
+  # 1. Build the library and create the .tgz once
+  # ─────────────────────────────────────────────────────
+  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
+          cache: npm
+
+      - name: 📦  Install deps, build, pack
+        run: |
+          npm ci
+          npm run build
+          npm pack                      # ⇠ generates imagekit-vue-*.tgz in $GITHUB_WORKSPACE
+        env:
+          CI: true
+
+      - name: 📤  Upload package artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: imagekit-package
+          path: imagekit-vue-*.tgz      # uploads exactly one .tgz
+
+  # ─────────────────────────────────────────────────────
+  # 2. Matrix: run demo-app tests in parallel
+  # ─────────────────────────────────────────────────────
+  test:
+    needs: pack                         # wait for the tarball
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        app: [vue-ts, nuxt]             # sub-folders in 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
+          cache: npm
+
+      - name: 📥  Download package artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: imagekit-package        # puts .tgz into $GITHUB_WORKSPACE by default
+
+      - name: 🚀  Run E2E tests
+        run: |
+          # ── figure out the real .tgz filename (there’s only one) ───────────────
+          PKG_TGZ="$(ls "$GITHUB_WORKSPACE"/imagekit-vue-*.tgz)"
+          echo "Installing $PKG_TGZ"
+
+          # ── now set up the demo app ───────────────────────────────────────────
+          cd test-apps/${{ matrix.app }}
+          npm install
+          npm install "$PKG_TGZ" --no-save
+          npx playwright install --with-deps
+          npm run test:e2e
+        env:
+          CI: true

.github/workflows/publish.yml

@@ -0,0 +1,40 @@
+name: Publish Package to npmjs
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - name: ⬇️  Check out code
+        uses: actions/checkout@v4
+
+      - name: Setup .npmrc file to publish to npm
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Build and Publish
+        run: |
+          npm ci
+          npm run build
+          # 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 --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
+          CI: true

.gitignore

@@ -1,6 +1,35 @@
-.DS_Store
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
 node_modules
-.vscode/settings.json
-.vscode/launch.json
-.env
-/dist
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
+
+
+*.tgz
+
+.env

.npmignore

@@ -0,0 +1 @@
+package-lock.json