@smartimpact-it/modern-video-embed 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +1205 -0
  2. package/dist/components/VimeoEmbed.d.ts +143 -0
  3. package/dist/components/VimeoEmbed.d.ts.map +1 -0
  4. package/dist/components/VimeoEmbed.js +1176 -0
  5. package/dist/components/VimeoEmbed.js.map +1 -0
  6. package/dist/components/VimeoEmbed.min.js +1 -0
  7. package/dist/components/YouTubeEmbed.d.ts +225 -0
  8. package/dist/components/YouTubeEmbed.d.ts.map +1 -0
  9. package/dist/components/YouTubeEmbed.js +1354 -0
  10. package/dist/components/YouTubeEmbed.js.map +1 -0
  11. package/dist/components/YouTubeEmbed.min.js +1 -0
  12. package/dist/css/components.css +349 -0
  13. package/dist/css/components.css.map +1 -0
  14. package/dist/css/components.min.css +1 -0
  15. package/dist/css/main.css +12210 -0
  16. package/dist/css/main.css.map +1 -0
  17. package/dist/css/main.min.css +7 -0
  18. package/dist/index.d.ts +3 -0
  19. package/dist/index.d.ts.map +1 -0
  20. package/dist/index.js +4 -0
  21. package/dist/index.js.map +1 -0
  22. package/dist/index.min.js +1 -0
  23. package/dist/types/index.d.ts +7 -0
  24. package/dist/types/index.d.ts.map +1 -0
  25. package/dist/types/index.js +5 -0
  26. package/dist/types/index.js.map +1 -0
  27. package/dist/vimeo-only.d.ts +7 -0
  28. package/dist/vimeo-only.d.ts.map +1 -0
  29. package/dist/vimeo-only.js +8 -0
  30. package/dist/vimeo-only.js.map +1 -0
  31. package/dist/vimeo-only.min.js +1 -0
  32. package/dist/youtube-only.d.ts +7 -0
  33. package/dist/youtube-only.d.ts.map +1 -0
  34. package/dist/youtube-only.js +8 -0
  35. package/dist/youtube-only.js.map +1 -0
  36. package/dist/youtube-only.min.js +1 -0
  37. package/package.json +75 -0
  38. package/src/components/VimeoEmbed.ts +1340 -0
  39. package/src/components/YouTubeEmbed.ts +1568 -0
  40. package/src/index.ts +3 -0
  41. package/src/styles/README.md +56 -0
  42. package/src/styles/components.scss +7 -0
  43. package/src/styles/main.scss +10 -0
  44. package/src/styles/vimeo-embed.scss +255 -0
  45. package/src/styles/youtube-embed.scss +261 -0
  46. package/src/types/common.d.ts +198 -0
  47. package/src/types/index.ts +7 -0
  48. package/src/types/vimeo-embed.d.ts +80 -0
  49. package/src/types/youtube-embed.d.ts +83 -0
  50. package/src/vimeo-only.ts +9 -0
  51. package/src/youtube-only.ts +9 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vimeo-only.d.ts","sourceRoot":"","sources":["../src/vimeo-only.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,yBAAyB,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Vimeo-only bundle entry point
3
+ * Use this for smaller bundle size when only Vimeo embeds are needed
4
+ */
5
+ export { VimeoEmbed } from "./components/VimeoEmbed";
6
+ // Auto-register the custom element
7
+ import "./components/VimeoEmbed";
8
+ //# sourceMappingURL=vimeo-only.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vimeo-only.js","sourceRoot":"","sources":["../src/vimeo-only.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,mCAAmC;AACnC,OAAO,yBAAyB,CAAC"}
@@ -0,0 +1 @@
1
+ export{VimeoEmbed}from"./components/VimeoEmbed";import"./components/VimeoEmbed";
@@ -0,0 +1,7 @@
1
+ /**
2
+ * YouTube-only bundle entry point
3
+ * Use this for smaller bundle size when only YouTube embeds are needed
4
+ */
5
+ export { YouTubeEmbed } from "./components/YouTubeEmbed";
6
+ import "./components/YouTubeEmbed";
7
+ //# sourceMappingURL=youtube-only.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"youtube-only.d.ts","sourceRoot":"","sources":["../src/youtube-only.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,2BAA2B,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * YouTube-only bundle entry point
3
+ * Use this for smaller bundle size when only YouTube embeds are needed
4
+ */
5
+ export { YouTubeEmbed } from "./components/YouTubeEmbed";
6
+ // Auto-register the custom element
7
+ import "./components/YouTubeEmbed";
8
+ //# sourceMappingURL=youtube-only.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"youtube-only.js","sourceRoot":"","sources":["../src/youtube-only.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,mCAAmC;AACnC,OAAO,2BAA2B,CAAC"}
@@ -0,0 +1 @@
1
+ export{YouTubeEmbed}from"./components/YouTubeEmbed";import"./components/YouTubeEmbed";
package/package.json ADDED
@@ -0,0 +1,75 @@
1
+ {
2
+ "name": "@smartimpact-it/modern-video-embed",
3
+ "version": "2.0.1",
4
+ "description": "Modern YouTube and Vimeo embed web components with lazy loading, accessibility, quality control, and comprehensive API",
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.js",
7
+ "types": "dist/index.d.ts",
8
+ "files": [
9
+ "dist/**/*",
10
+ "src/**/*",
11
+ "README.md",
12
+ "LICENSE"
13
+ ],
14
+ "keywords": [
15
+ "youtube",
16
+ "vimeo",
17
+ "video",
18
+ "embed",
19
+ "web-components",
20
+ "custom-elements",
21
+ "lazy-loading",
22
+ "player",
23
+ "accessibility",
24
+ "typescript",
25
+ "quality-control",
26
+ "fullscreen"
27
+ ],
28
+ "author": "Smart Impact IT",
29
+ "license": "MIT",
30
+ "repository": {
31
+ "type": "git",
32
+ "url": "https://github.com/siit-dev/si_video_embed.git"
33
+ },
34
+ "bugs": {
35
+ "url": "https://github.com/siit-dev/si_video_embed/issues"
36
+ },
37
+ "homepage": "https://github.com/siit-dev/si_video_embed#readme",
38
+ "engines": {
39
+ "node": ">=14.0.0",
40
+ "npm": ">=6.0.0"
41
+ },
42
+ "scripts": {
43
+ "build": "npm run build:clean && npm run build:ts && npm run build:css && npm run build:validate",
44
+ "build:clean": "rimraf dist",
45
+ "build:ts": "tsc",
46
+ "build:css": "npm run build:css:main && npm run build:css:components",
47
+ "build:css:main": "sass src/styles/main.scss:dist/css/main.css",
48
+ "build:css:components": "sass src/styles/components.scss:dist/css/components.css",
49
+ "build:validate": "node scripts/verify-build.js",
50
+ "build:prod": "npm run build && npm run build:minify",
51
+ "build:minify": "npm run minify:js && npm run minify:css",
52
+ "minify:js": "terser dist/components/YouTubeEmbed.js -o dist/components/YouTubeEmbed.min.js -c -m && terser dist/components/VimeoEmbed.js -o dist/components/VimeoEmbed.min.js -c -m && terser dist/index.js -o dist/index.min.js -c -m && terser dist/youtube-only.js -o dist/youtube-only.min.js -c -m && terser dist/vimeo-only.js -o dist/vimeo-only.min.js -c -m",
53
+ "minify:css": "csso dist/css/main.css -o dist/css/main.min.css && csso dist/css/components.css -o dist/css/components.min.css",
54
+ "watch": "concurrently --names \"TS,CSS\" --prefix-colors \"blue,green\" \"tsc --watch\" \"sass --watch src/styles:dist/css\"",
55
+ "start": "npm run watch",
56
+ "examples": "npm run build && echo \"Examples built! Open examples/index.html in your browser to view demos.\"",
57
+ "dev": "npm run build && npm run watch",
58
+ "test:build": "npm run build && echo \"✅ Test build complete! Open test/index.html or test/validate.html to run tests.\"",
59
+ "test:validate": "npm run build && node scripts/verify-build.js",
60
+ "prepublishOnly": "npm run build:prod",
61
+ "version": "git add -A src",
62
+ "postversion": "git push && git push --tags"
63
+ },
64
+ "devDependencies": {
65
+ "concurrently": "^9.2.1",
66
+ "csso-cli": "^4.0.2",
67
+ "rimraf": "^6.0.1",
68
+ "sass": "^1.94.2",
69
+ "terser": "^5.44.1",
70
+ "typescript": "^5.0.0"
71
+ },
72
+ "dependencies": {
73
+ "bootstrap": "^5.3.8"
74
+ }
75
+ }