@frybynite/image-cloud 0.1.0

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 (11) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +345 -0
  3. package/dist/image-cloud-auto-init.js +3106 -0
  4. package/dist/image-cloud-auto-init.js.map +1 -0
  5. package/dist/image-cloud.js +3078 -0
  6. package/dist/image-cloud.js.map +1 -0
  7. package/dist/image-cloud.umd.js +5 -0
  8. package/dist/image-cloud.umd.js.map +1 -0
  9. package/dist/index.d.ts +1514 -0
  10. package/dist/style.css +1 -0
  11. package/package.json +70 -0
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ .fbn-ic-gallery{--fbn-ic-bg-primary: #05060F;--fbn-ic-bg-secondary: #1a1a2e;--fbn-ic-bg-glass: rgba(255, 255, 255, .05);--fbn-ic-border-glass: rgba(255, 255, 255, .1);--fbn-ic-text-primary: #ffffff;--fbn-ic-text-secondary: #b8b8d1;--fbn-ic-text-muted: #6b6b8f;--fbn-ic-accent-primary: #6366f1;--fbn-ic-accent-secondary: #8b5cf6;--fbn-ic-accent-glow: rgba(99, 102, 241, .4);--fbn-ic-transition-smooth: cubic-bezier(.4, 0, .2, 1);--fbn-ic-transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--fbn-ic-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--fbn-ic-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--fbn-ic-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--fbn-ic-shadow-glow: 0 0 20px var(--fbn-ic-accent-glow)}.fbn-ic-gallery{position:relative;width:100%;height:100%;overflow:hidden;perspective:1000px}.fbn-ic-image{position:absolute;border-radius:8px;box-shadow:var(--fbn-ic-shadow-md);cursor:pointer;transition:transform .6s var(--fbn-ic-transition-smooth),box-shadow .6s var(--fbn-ic-transition-smooth),filter .3s var(--fbn-ic-transition-smooth),opacity .3s var(--fbn-ic-transition-smooth),border .3s var(--fbn-ic-transition-smooth),outline .3s var(--fbn-ic-transition-smooth),z-index 0s .6s;will-change:transform;-webkit-user-select:none;user-select:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fbn-ic-image:hover{box-shadow:var(--fbn-ic-shadow-lg)}.fbn-ic-image.fbn-ic-focused{z-index:1000;box-shadow:0 20px 60px #000000b3,var(--fbn-ic-shadow-glow);transition:transform .6s var(--fbn-ic-transition-smooth),box-shadow .6s var(--fbn-ic-transition-smooth),filter .3s var(--fbn-ic-transition-smooth),opacity .3s var(--fbn-ic-transition-smooth),border .3s var(--fbn-ic-transition-smooth),outline .3s var(--fbn-ic-transition-smooth),z-index 0s 0s;will-change:auto}.fbn-ic-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--fbn-ic-text-secondary);z-index:100;pointer-events:none}.fbn-ic-spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid var(--fbn-ic-border-glass);border-top:4px solid var(--fbn-ic-accent-primary);border-radius:50%;animation:fbn-ic-spin 1s linear infinite}@keyframes fbn-ic-spin{to{transform:rotate(360deg)}}.fbn-ic-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.fbn-ic-hidden{display:none!important}
package/package.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "name": "@frybynite/image-cloud",
3
+ "version": "0.1.0",
4
+ "description": "TypeScript image cloud library with animated scattered layouts and zoom effects",
5
+ "type": "module",
6
+ "main": "./dist/image-cloud.umd.js",
7
+ "module": "./dist/image-cloud.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./dist/image-cloud.js",
12
+ "require": "./dist/image-cloud.umd.js",
13
+ "types": "./dist/index.d.ts"
14
+ },
15
+ "./style.css": "./dist/style.css",
16
+ "./auto-init": "./dist/image-cloud-auto-init.js"
17
+ },
18
+ "files": [
19
+ "dist"
20
+ ],
21
+ "scripts": {
22
+ "dev": "vite",
23
+ "build": "npm run clean && tsc && vite build && vite build --config vite.image-cloud-auto-init.config.ts",
24
+ "test": "playwright test --config=test/playwright.config.ts",
25
+ "test:ui": "playwright test --config=test/playwright.config.ts --ui",
26
+ "test:headed": "playwright test --config=test/playwright.config.ts --headed",
27
+ "test:update-snapshots": "playwright test --config=test/playwright.config.ts --update-snapshots",
28
+ "build:dev": "./scripts/build.sh",
29
+ "build:prod": "./scripts/build.sh --production",
30
+ "build:watch": "vite build --watch",
31
+ "build:types": "tsc --emitDeclarationOnly",
32
+ "clean": "rm -rf dist",
33
+ "clean:all": "rm -rf dist build",
34
+ "type-check": "tsc --noEmit",
35
+ "preview": "vite preview",
36
+ "serve": "python3 -m http.server 8080",
37
+ "pack": "npm run build && mkdir -p build/packages && npm pack && mv *.tgz build/packages/",
38
+ "test:package": "./scripts/test-package.sh",
39
+ "test:serve": "cd test-package && npx serve .",
40
+ "release:patch": "./scripts/release.sh patch",
41
+ "release:minor": "./scripts/release.sh minor",
42
+ "release:major": "./scripts/release.sh major",
43
+ "prepublishOnly": "npm run build"
44
+ },
45
+ "keywords": [
46
+ "image-gallery",
47
+ "typescript",
48
+ "animation",
49
+ "zoom",
50
+ "interactive",
51
+ "radial-layout",
52
+ "google-drive"
53
+ ],
54
+ "author": "frybynite",
55
+ "license": "MIT",
56
+ "repository": {
57
+ "type": "git",
58
+ "url": "https://github.com/frybynite/image-cloud.git"
59
+ },
60
+ "bugs": {
61
+ "url": "https://github.com/frybynite/image-cloud/issues"
62
+ },
63
+ "homepage": "https://github.com/frybynite/image-cloud#readme",
64
+ "devDependencies": {
65
+ "@playwright/test": "^1.57.0",
66
+ "typescript": "^5.3.3",
67
+ "vite": "^5.0.11",
68
+ "vite-plugin-dts": "^3.7.1"
69
+ }
70
+ }