@thisiscrowd/crowdbox 1.0.1 → 1.0.2

package/README.md

@@ -34,10 +34,10 @@ yarn add @thisiscrowd/crowdbox
 
 ```html
 <!-- CSS -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@thisiscrowd/crowdbox@1.0.0/dist/crowdbox.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@thisiscrowd/crowdbox@latest/dist/crowdbox.css">
 
 <!-- JavaScript (UMD) -->
-<script src="https://cdn.jsdelivr.net/npm/@thisiscrowd/crowdbox@1.0.0/dist/crowdbox.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@thisiscrowd/crowdbox@latest/dist/crowdbox.umd.js"></script>
 ```
 
 ---
@@ -76,8 +76,8 @@ yarn add @thisiscrowd/crowdbox
 ### JavaScript API
 
 ```js
-import Crowdbox from 'crowdbox';
-import 'crowdbox/styles';
+import Crowdbox from "@thisiscrowd/crowdbox";
+import '@thisiscrowd/crowdbox/styles';
 
 const gallery = new Crowdbox({ loop: true, thumbnails: true });
 
@@ -182,8 +182,8 @@ gallery.destroy();
 ### GalleryGrid (simplest)
 
 ```jsx
-import { GalleryGrid } from 'crowdbox/react';
-import 'crowdbox/styles';
+import { GalleryGrid } from '@thisiscrowd/crowdbox/react';
+import '@thisiscrowd/crowdbox/styles';
 
 const items = [
   { src: 'photo1.jpg', type: 'image', thumb: 'thumb1.jpg', caption: 'Photo 1' },
@@ -198,7 +198,8 @@ export default function Page() {
 ### Controlled Lightbox component
 
 ```jsx
-import { Lightbox } from 'crowdbox/react';
+import { Lightbox } from '@thisiscrowd/crowdbox/react';
+import '@thisiscrowd/crowdbox/styles';
 
 const [open, setOpen] = useState(false);
 
@@ -214,7 +215,8 @@ const [open, setOpen] = useState(false);
 ### useLightbox hook
 
 ```jsx
-import { useLightbox } from 'crowdbox/react';
+import { useLightbox } from '@thisiscrowd/crowdbox/react';
+import '@thisiscrowd/crowdbox/styles';
 
 function MyGallery({ items }) {
   const { open } = useLightbox({ thumbnails: true, captions: true });
@@ -241,8 +243,8 @@ export default function Gallery({ items }) {
   useEffect(() => {
     let g;
     // Dynamic import keeps Crowdbox out of the server bundle
-    import('crowdbox').then(({ Crowdbox }) => {
-      import('crowdbox/styles');
+    import('@thisiscrowd/crowdbox').then(({ Crowdbox }) => {
+      import('@thisiscrowd/crowdbox/styles');
       g = new Crowdbox({ selector: null, thumbnails: true });
       galleryRef.current = g;
     });
@@ -265,9 +267,12 @@ export default function Gallery({ items }) {
 }
 ```
 
+## Plugins & Adapters
+
+### Custom plugin
 
 ```js
-import { Registry } from 'crowdbox';
+import { Registry } from '@thisiscrowd/crowdbox';
 
 const WatermarkPlugin = {
   pluginName: 'watermark',
@@ -296,7 +301,7 @@ const gallery = new Crowdbox({ watermark: true });
 ### Custom media adapter
 
 ```js
-import { Registry } from 'crowdbox';
+import { Registry } from '@thisiscrowd/crowdbox';
 
 Registry.registerAdapter('soundcloud', {
   type: 'soundcloud',

package/dist/crowdbox.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Crowdbox v1.0.1
+ * Crowdbox v1.0.2
  * A modern, lightweight, extensible Crowdbox gallery plugin supporting images and video
  * (c) 2026 Crowdbox
  * Released under the MIT License.

package/dist/crowdbox.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Crowdbox v1.0.1
+ * Crowdbox v1.0.2
  * A modern, lightweight, extensible Crowdbox gallery plugin supporting images and video
  * (c) 2026 Crowdbox
  * Released under the MIT License.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thisiscrowd/crowdbox",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "description": "A modern, lightweight, extensible Crowdbox gallery plugin supporting images and video",
   "main": "dist/crowdbox.umd.js",
@@ -43,7 +43,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/thisiscrowd/crowdbox.git"
+    "url": "git+https://github.com/thisiscrowd/crowdbox.git"
   },
   "homepage": "https://github.com/thisiscrowd/crowdbox#readme",
   "bugs": {
@@ -61,7 +61,11 @@
     "react-dom": ">=17.0.0"
   },
   "peerDependenciesMeta": {
-    "react": { "optional": true },
-    "react-dom": { "optional": true }
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   }
 }