Merge remote-tracking branch 'refs/remotes/origin/main' into e2e/webp

.github/workflows/cla.yml

@@ -19,7 +19,7 @@ jobs:
 
     steps:
       - name: cla-assistant-check
-        uses: cla-assistant/github-action@v2.4.0
+        uses: cla-assistant/github-action@v2.5.1
         if: startsWith(github.event.comment.body, 'recheckcla') || contains(github.event.comment.body, 'I have read the CLA Document and I hereby sign the CLA') || github.event_name == 'pull_request_target'
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/validate.yml

@@ -45,7 +45,7 @@ jobs:
       - name: Run Tests
         run: npm run test:ci
       - name: Collect and Publish coverage to Code Climate
-        uses: paambaati/codeclimate-action@v8.0.0
+        uses: paambaati/codeclimate-action@v9.0.0
         continue-on-error: true
         env:
           CC_TEST_REPORTER_ID: ${{secrets.CC_REPORTER_ID}}

package.json

@@ -87,7 +87,7 @@
   },
   "dependencies": {
     "@types/video.js": "7.3.58",
-    "@types/youtube": "0.0.50"
+    "@types/youtube": "0.1.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.4.0",
@@ -96,7 +96,7 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^10.1.6",
+    "@semantic-release/github": "^10.1.7",
     "@semantic-release/npm": "^12.0.1",
     "@semantic-release/release-notes-generator": "^14.0.1",
     "@types/jest": "^29.5.12",
@@ -112,7 +112,7 @@
     "eslint-plugin-sonarjs": "^1.0.4",
     "eslint-plugin-tsdoc": "^0.3.0",
     "foreach-cli": "^1.8.1",
-    "husky": "^9.1.4",
+    "husky": "^9.1.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "kleur": "^4.1.5",
@@ -122,11 +122,11 @@
     "postcss-less": "^6.0.0",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
-    "semantic-release": "^24.0.0",
+    "semantic-release": "^24.1.0",
     "smoothscroll-polyfill": "^0.4.4",
     "stylelint": "^16.8.2",
     "stylelint-prettier": "^5.0.2",
-    "ts-jest": "^29.2.4",
+    "ts-jest": "^29.2.5",
     "typescript": "5.5.4"
   },
   "browserslist": [

site/site.yml

@@ -3,6 +3,8 @@ description: ESL — A Web Components Library
 
 url: "https://esl-ui.com"
 
+socialImagePath: "/assets/social-card.png"
+
 github:
   url: "https://github.com/exadel-inc/esl"
   srcUrl: "https://github.com/exadel-inc/esl/tree/main/"

site/views/_layouts/base.njk

@@ -14,6 +14,10 @@
   {# Additional site meta information #}
   {% block meta %}{% endblock meta %}
   {# Site icon #}
+
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:image" content="{{ site.socialImagePath | url }}">
+  <meta property="og:image" content="{{ site.socialImagePath | url }}">
   <link rel="icon" href="{{ '/favicon.ico' | url }}" sizes="any" />
   <link rel="icon" href="{{ '/assets/favicon/icon.svg' | url }}" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="{{ '/assets/favicon/apple-touch-icon.png' | url }}" />

site/views/examples/animate.njk

@@ -1,6 +1,7 @@
 ---
 layout: content
 title: Animate
+seoTitle: Animate elements on their intersection with the viewport based on ESL web components
 name: Animate
 tags: [examples, playground]
 icon: examples/animate.svg

site/views/examples/share.njk

@@ -2,6 +2,7 @@
 layout: content
 title: Share
 name: Share
+seoTitle: ESL Share - custom element to trigger various share actions for page or url with metadata based on ESL web components
 tags: [examples, beta]
 icon: examples/share.svg
 aside: