proto-plugin 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-plugin",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/src/components/prototype-gallery-client.tsx

@@ -52,7 +52,8 @@ export function PrototypeGalleryClient({
 
   return (
     <>
-      <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+      <div className="@container/gallery w-full">
+        <div className="grid grid-cols-1 gap-4 @xl/gallery:grid-cols-2 @4xl/gallery:grid-cols-3">
         <PrototypeGalleryAddCard onClick={() => setCreateModalOpen(true)} />
         {prototypes.map((prototype) => (
           <Link
@@ -78,7 +79,7 @@ export function PrototypeGalleryClient({
                   width={1600}
                   height={900}
                   quality={90}
-                  sizes="(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw"
+                  sizes="(min-width: 80rem) calc((100vw - 14rem) / 3), (min-width: 55rem) calc((100vw - 14rem) / 2), 100vw"
                   className="h-full w-full object-cover object-top"
                 />
               </div>
@@ -86,6 +87,7 @@ export function PrototypeGalleryClient({
             <p className={prototypeGalleryTitleClassName}>{prototype.title}</p>
           </Link>
         ))}
+        </div>
       </div>
 
       <PrototypeCreatePrototypeModal

package/src/components/prototypes/prototype-comment-provider.tsx

@@ -21,15 +21,13 @@ function PrototypeCommentProviderInner({
   const { readHandlers } = usePrototypeCommentRegistry();
 
   return (
-    <ChangelogMetaProvider slug={slug}>
-      <CommentProvider
-        slug={slug}
-        getLiveState={() => readHandlers()?.getLiveState() ?? {}}
-        onRestore={(live) => readHandlers()?.onRestore(live)}
-      >
-        {children}
-      </CommentProvider>
-    </ChangelogMetaProvider>
+    <CommentProvider
+      slug={slug}
+      getLiveState={() => readHandlers()?.getLiveState() ?? {}}
+      onRestore={(live) => readHandlers()?.onRestore(live)}
+    >
+      {children}
+    </CommentProvider>
   );
 }
 

package/src/components/shell/prototype-gallery-nav.tsx

@@ -104,7 +104,7 @@ export function PrototypeGalleryNav({
           ) : (
             <Button
               type="button"
-              variant="outline"
+              variant="chrome"
               onClick={() => setLinkSourceOpen(true)}
               className="h-9 min-w-0 flex-1 justify-center rounded-lg text-sm font-medium"
             >

package/src/index.ts

@@ -123,6 +123,10 @@ export {
 } from "./lib/prototypes/link-source-prompt";
 export type { PrototypePreviewState } from "./lib/prototypes/prototype-preview-state-types";
 
+export {
+  buildChangelogDescriptionCopyText,
+  buildChangelogDescriptionPrompt,
+} from "./lib/prototypes/changelog-description-prompt";
 export {
   buildAddReferenceDocCopyText,
   buildAddReferenceDocPrompt,