@dazl/addons 1.7.0

package/README.md

@@ -0,0 +1,9 @@
+# @dazl/addons
+
+Add-ons for Dazl
+
+## Usage
+
+```ts
+import addons from "@dazl/addons/addons.json" with { type: "json" };
+```

package/dist/addons.json

@@ -0,0 +1,251 @@
+{
+  "deck-gl": {
+    "id": "deck-gl",
+    "displayName": "Deck.gl",
+    "description": "A suite of 3D-enabled data visualization overlays",
+    "dependencies": [
+      "deck.gl"
+    ],
+    "tags": [
+      "3d",
+      "visualization",
+      "data",
+      "maps",
+      "graphics",
+      "webgl"
+    ],
+    "homepage": "https://deck.gl/",
+    "exampleUsagePrompt": "Create a Deck.gl visualization that displays a 3D scatter plot of geographical data points with varying elevations and colors based on a dataset of city populations."
+  },
+  "google-ai": {
+    "id": "google-ai",
+    "displayName": "Google AI",
+    "description": "Integration with Google AI services for enhanced functionalities",
+    "dependencies": [
+      "@google/genai"
+    ],
+    "envInstructionsMd": "# API Key Creation\n\nGo to https://aistudio.google.com/api-keys to create a new API key.\n",
+    "tags": [
+      "ai",
+      "ml",
+      "gemini",
+      "api",
+      "integration",
+      "llm"
+    ],
+    "environmentVariables": [
+      {
+        "name": "GOOGLE_API_KEY",
+        "description": "API key for accessing Google AI services"
+      }
+    ],
+    "homepage": "https://ai.google.dev/gemini-api/docs",
+    "exampleUsagePrompt": "Use the Google AI Gemini API to generate a text summary of a given article."
+  },
+  "gsap": {
+    "id": "gsap",
+    "displayName": "GSAP",
+    "description": "JavaScript animation library built for professionals",
+    "dependencies": [
+      "gsap"
+    ],
+    "tags": [
+      "animation",
+      "effects",
+      "transitions",
+      "motion",
+      "ui"
+    ],
+    "homepage": "https://gsap.com/",
+    "exampleUsagePrompt": "Add animations to the current page elements using GSAP."
+  },
+  "image-gallery": {
+    "id": "image-gallery",
+    "displayName": "Image Gallery (Carousel)",
+    "description": "Show a collection of images using a carousel gallery",
+    "dependencies": [
+      "react-image-gallery"
+    ],
+    "devDependencies": [
+      "@types/react-image-gallery"
+    ],
+    "files": {
+      "app/components/ui/image-gallery/image-gallery.tsx": "import ImageGallery from \"react-image-gallery\";\nimport \"react-image-gallery/styles/css/image-gallery.css\";\n\nexport { ImageGallery };\n",
+      "app/components/ui/image-gallery/image-gallery.usage.md": "# Image Gallery\n\nReact component for building image galleries and carousels.\n\n## Features\n\n- Mobile swipe gestures\n- Thumbnail navigation\n- Fullscreen support\n- Custom rendered slides\n- RTL support\n- Responsive design\n- Tons of customization options (see props below)\n\n### Usage\n\n```tsx\nimport { ImageGallery } from \"~/components/ui/image-gallery/image-gallery\";\n\nconst images = [\n  {\n    original: \"https://picsum.photos/id/1018/1000/600/\",\n    thumbnail: \"https://picsum.photos/id/1018/250/150/\",\n  },\n  {\n    original: \"https://picsum.photos/id/1015/1000/600/\",\n    thumbnail: \"https://picsum.photos/id/1015/250/150/\",\n  },\n  {\n    original: \"https://picsum.photos/id/1019/1000/600/\",\n    thumbnail: \"https://picsum.photos/id/1019/250/150/\",\n  },\n];\n\nexport default function Home() {\n  return (\n    <ImageGallery items={images} />;\n  );\n}\n```\n\n# Props\n\n- `items`: (required) Array of objects, see example above,\n  - Available Properties\n    - `original` - image src url\n    - `thumbnail` - image thumbnail src url\n    - `fullscreen` - image for fullscreen (defaults to original)\n    - `originalHeight` - image height (html5 attribute)\n    - `originalWidth` - image width (html5 attribute)\n    - `loading` - image loading. Either \"lazy\" or \"eager\" (html5 attribute)\n    - `thumbnailHeight` - image height (html5 attribute)\n    - `thumbnailWidth` - image width (html5 attribute)\n    - `thumbnailLoading` - image loading. Either \"lazy\" or \"eager\" (html5 attribute)\n    - `originalClass` - custom image class\n    - `thumbnailClass` - custom thumbnail class\n    - `renderItem` - Function for custom rendering a specific slide (see renderItem below)\n    - `renderThumbInner` - Function for custom thumbnail renderer (see renderThumbInner below)\n    - `originalAlt` - image alt\n    - `thumbnailAlt` - thumbnail image alt\n    - `originalTitle` - image title\n    - `thumbnailTitle` - thumbnail image title\n    - `thumbnailLabel` - label for thumbnail\n    - `description` - description for image\n    - `srcSet` - image srcset (html5 attribute)\n    - `sizes` - image sizes (html5 attribute)\n    - `bulletClass` - extra class for the bullet of the item\n- `infinite`: Boolean, default `true`\n  - infinite sliding\n- `lazyLoad`: Boolean, default `false`\n- `showNav`: Boolean, default `true`\n- `showThumbnails`: Boolean, default `true`\n- `thumbnailPosition`: String, default `bottom`\n  - available positions: `top, right, bottom, left`\n- `showFullscreenButton`: Boolean, default `true`\n- `useBrowserFullscreen`: Boolean, default `true`\n  - if false, fullscreen will be done via css within the browser\n- `useTranslate3D`: Boolean, default `true`\n  - if false, will use `translate` instead of `translate3d` css property to transition slides\n- `showPlayButton`: Boolean, default `true`\n- `isRTL`: Boolean, default `false`\n  - if true, gallery's direction will be from right-to-left (to support right-to-left languages)\n- `showBullets`: Boolean, default `false`\n- `showIndex`: Boolean, default `false`\n- `autoPlay`: Boolean, default `false`\n- `disableThumbnailScroll`: Boolean, default `false`\n  - disables the thumbnail container from adjusting\n- `disableKeyDown`: Boolean, default `false`\n  - disables keydown listener for keyboard shortcuts (left arrow, right arrow, esc key)\n- `disableSwipe`: Boolean, default `false`\n- `disableThumbnailSwipe`: Boolean, default `false`\n- `onErrorImageURL`: String, default `undefined`\n  - an image src pointing to your default image if an image fails to load\n  - handles both slide image, and thumbnail image\n- `indexSeparator`: String, default `' / '`, ignored if `showIndex` is false\n- `slideDuration`: Number, default `450`\n  - transition duration during image slide in milliseconds\n- `swipingTransitionDuration`: Number, default `0`\n  - transition duration while swiping in milliseconds\n- `slideInterval`: Number, default `3000`\n- `slideOnThumbnailOver`: Boolean, default `false`\n- `flickThreshold`: Number (float), default `0.4`\n  - Determines the max velocity of a swipe before it's considered a flick (lower = more sensitive)\n- `swipeThreshold`: Number, default `30`\n  - A percentage of how far the offset of the current slide is swiped to trigger a slide event.\n    e.g. If the current slide is swiped less than 30% to the left or right, it will not trigger a slide event.\n- `stopPropagation`: Boolean, default `false`\n  - Automatically calls stopPropagation on all 'swipe' events.\n- `startIndex`: Number, default `0`\n- `onImageError`: Function, `callback(event)`\n  - overrides onErrorImage\n- `onThumbnailError`: Function, `callback(event)`\n  - overrides onErrorImage\n- `onThumbnailClick`: Function, `callback(event, index)`\n- `onBulletClick`: Function, `callback(event, index)`\n- `onImageLoad`: Function, `callback(event)`\n- `onSlide`: Function, `callback(currentIndex)`\n- `onBeforeSlide`: Function, `callback(nextIndex)`\n- `onScreenChange`: Function, `callback(boolean)`\n  - When fullscreen is toggled a boolean is passed to the callback\n- `onPause`: Function, `callback(currentIndex)`\n- `onPlay`: Function, `callback(currentIndex)`\n- `onClick`: Function, `callback(event)`\n- `onTouchMove`: Function, `callback(event) on gallery slide`\n- `onTouchEnd`: Function, `callback(event) on gallery slide`\n- `onTouchStart`: Function, `callback(event) on gallery slide`\n- `onMouseOver`: Function, `callback(event) on gallery slide`\n- `onMouseLeave`: Function, `callback(event) on gallery slide`\n- `additionalClass`: String,\n  - Additional class that will be added to the root node of the component.\n- `renderCustomControls`: Function, custom controls rendering\n  - Use this to render custom controls or other elements on the currently displayed image (like the fullscreen button)\n  ```javascript\n    _renderCustomControls() {\n      return <a href='' className='image-gallery-custom-action' onClick={this._customAction.bind(this)}/>\n    }\n  ```\n- `renderItem`: Function, custom item rendering\n  - NOTE: Highly suggest looking into a render cache such as React.memo if you plan to override renderItem\n  - On a specific item `[{thumbnail: '...', renderItem: this.myRenderItem}]`\n  - As a prop passed into `ImageGallery` to completely override `renderItem`, see source for renderItem implementation\n- `renderThumbInner`: Function, custom thumbnail rendering\n  - On a specific item `[{thumbnail: '...', renderThumbInner: this.myRenderThumbInner}]`\n  - As a prop passed into `ImageGallery` to completely override `_renderThumbInner`, see source for reference\n\n- `renderLeftNav`: Function, custom left nav component\n  - See [`<LeftNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/LeftNav.js)\n  - Use this to render a custom left nav control\n  - Args:\n    - `onClick` callback that will slide to the previous item\n    - `disabled` boolean for when the nav is disabled\n  ```javascript\n  renderLeftNav: (onClick, disabled) => <LeftNav onClick={onClick} disabled={disabled} />;\n  ```\n- `renderRightNav`: Function, custom right nav component\n  - See [`<RightNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/RightNav.js)\n  - Use this to render a custom right nav control\n  - Args:\n    - `onClick` callback that will slide to the next item\n    - `disabled` boolean for when the nav is disabled\n  ```javascript\n  renderRightNav: (onClick, disabled) => <RightNav onClick={onClick} disabled={disabled} />;\n  ```\n- `renderPlayPauseButton`: Function, play pause button component\n  - See [`<PlayPause />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/PlayPause.js)\n  - Use this to render a custom play pause button\n  - Args:\n    - `onClick` callback that will toggle play/pause\n    - `isPlaying` boolean for when gallery is playing\n  ```javascript\n  renderPlayPauseButton: (onClick, isPlaying) => <PlayPause onClick={onClick} isPlaying={isPlaying} />;\n  ```\n- `renderFullscreenButton`: Function, custom fullscreen button component\n  - See [`<Fullscreen />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/Fullscreen.js)\n  - Use this to render a custom fullscreen button\n  - Args:\n    - `onClick` callback that will toggle fullscreen\n    - `isFullscreen` argument for when fullscreen is active\n  ```javascript\n    renderFullscreenButton: (onClick, isFullscreen) => (\n      <Fullscreen onClick={onClick} isFullscreen={isFullscreen} />\n    ),\n  ```\n- `useWindowKeyDown`: Boolean, default `true`\n  - If `true`, listens to keydown events on window (window.addEventListener)\n  - If `false`, listens to keydown events on image gallery element (imageGalleryElement.addEventListener)\n\n# Functions\n\nThe following functions can be accessed using [refs](https://reactjs.org/docs/refs-and-the-dom.html)\n\n- `play()`: plays the slides\n- `pause()`: pauses the slides\n- `toggleFullScreen()`: toggles full screen\n- `slideToIndex(index)`: slides to a specific index\n- `getCurrentIndex()`: returns the current index\n"
+    },
+    "tags": [
+      "images",
+      "carousel",
+      "gallery",
+      "ui",
+      "slideshow"
+    ],
+    "homepage": "https://linxtion.com/demo/react-image-gallery/",
+    "exampleUsagePrompt": "Create an image gallery carousel that displays a series of images with thumbnails and navigation controls."
+  },
+  "mermaid": {
+    "id": "mermaid",
+    "displayName": "Mermaid",
+    "description": "Generate diagrams from markdown-like text",
+    "dependencies": [
+      "mermaid"
+    ],
+    "tags": [
+      "diagrams",
+      "flowchart",
+      "visualization",
+      "markdown",
+      "documentation"
+    ],
+    "homepage": "https://mermaid.js.org/",
+    "exampleUsagePrompt": "Create a flowchart diagram using Mermaid syntax to illustrate the process of user authentication in a web application."
+  },
+  "motion": {
+    "id": "motion",
+    "displayName": "Motion",
+    "description": "A production-grade animation library for the web",
+    "dependencies": [
+      "motion"
+    ],
+    "tags": [
+      "animation",
+      "motion",
+      "transitions",
+      "effects",
+      "ui"
+    ],
+    "homepage": "https://motion.dev/",
+    "exampleUsagePrompt": "Create smooth and interactive animations for the current page using the Motion library."
+  },
+  "react-konva": {
+    "id": "react-konva",
+    "displayName": "Konva",
+    "description": "Drawing complex canvas graphics",
+    "dependencies": [
+      "react-konva",
+      "konva"
+    ],
+    "tags": [
+      "canvas",
+      "graphics",
+      "drawing",
+      "2d",
+      "visualization"
+    ],
+    "homepage": "https://konvajs.org/",
+    "exampleUsagePrompt": "Create an interactive canvas graphic using React Konva that includes shapes, images, and text elements."
+  },
+  "react-leaflet": {
+    "id": "react-leaflet",
+    "displayName": "Leaflet",
+    "description": "Interactive maps",
+    "dependencies": [
+      "react-leaflet",
+      "leaflet"
+    ],
+    "devDependencies": [
+      "@types/leaflet"
+    ],
+    "tags": [
+      "maps",
+      "geolocation",
+      "interactive",
+      "visualization",
+      "geo"
+    ],
+    "homepage": "https://react-leaflet.js.org/",
+    "exampleUsagePrompt": "Create an interactive map using React Leaflet that displays markers for various locations with popups containing additional information."
+  },
+  "react-pdf": {
+    "id": "react-pdf",
+    "displayName": "PDF Viewer",
+    "description": "Display PDFs in your React app as easily as if they were images",
+    "dependencies": [
+      "react-pdf"
+    ],
+    "tags": [
+      "pdf",
+      "viewer",
+      "documents",
+      "display"
+    ],
+    "homepage": "https://projects.wojtekmaj.pl/react-pdf/",
+    "exampleUsagePrompt": "Implement a PDF viewer in the current page using React PDF that allows users to view and navigate through a multi-page PDF document."
+  },
+  "react-prosemirror": {
+    "id": "react-prosemirror",
+    "displayName": "ProseMirror",
+    "description": "Create and customize structured documents with a WYSIWYG interface",
+    "dependencies": [
+      "@handlewithcare/react-prosemirror"
+    ],
+    "tags": [
+      "editor",
+      "wysiwyg",
+      "text",
+      "rich-text",
+      "ui"
+    ],
+    "homepage": "https://prosemirror.net/",
+    "exampleUsagePrompt": "Implement a WYSIWYG text editor using ProseMirror that allows users to format text, insert images, and create lists."
+  },
+  "text-loading": {
+    "id": "text-loading",
+    "displayName": "Text Loading Animation",
+    "description": "Text loading animation with fade out and slide effects",
+    "dependencies": [
+      "motion",
+      "classnames"
+    ],
+    "files": {
+      "app/components/ui/text-loading/text-loading.tsx": "import classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { useEffect, useState } from \"react\";\nimport styles from \"./text-loading.module.css\";\n\nexport interface TextLoadingProps {\n  texts?: string[];\n  className?: string;\n  interval?: number;\n}\n\nexport default function TextLoading({\n  texts = [\"Thinking...\", \"Processing...\", \"Analyzing...\", \"Computing...\", \"Almost...\"],\n  className,\n  interval = 2000,\n}: TextLoadingProps) {\n  const [currentTextIndex, setCurrentTextIndex] = useState(0);\n\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setCurrentTextIndex((prevIndex) => (prevIndex + 1) % texts.length);\n    }, interval);\n\n    return () => clearInterval(timer);\n  }, [interval, texts.length]);\n\n  return (\n    <div className={styles.container}>\n      <motion.div\n        className={styles.wrapper}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        transition={{ duration: 0.4 }}\n      >\n        <AnimatePresence mode=\"wait\">\n          <motion.div\n            key={currentTextIndex}\n            initial={{ opacity: 0, y: 20 }}\n            animate={{\n              opacity: 1,\n              y: 0,\n              backgroundPosition: [\"200% center\", \"-200% center\"],\n            }}\n            exit={{ opacity: 0, y: -20 }}\n            transition={{\n              opacity: { duration: 0.3 },\n              y: { duration: 0.3 },\n              backgroundPosition: {\n                duration: 2.5,\n                ease: \"linear\",\n                repeat: Infinity,\n              },\n            }}\n            className={classNames(styles.text, className)}\n          >\n            {texts[currentTextIndex]}\n          </motion.div>\n        </AnimatePresence>\n      </motion.div>\n    </div>\n  );\n}\n",
+      "app/components/ui/text-loading/text-loading.module.css": ".container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.wrapper {\n  position: relative;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  width: 100%;\n}\n\n.text {\n  display: flex;\n  justify-content: center;\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n  font-weight: 700;\n  background: linear-gradient(to right, rgb(10 10 10), rgb(163 163 163), rgb(10 10 10));\n  background-size: 200% 100%;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  white-space: nowrap;\n  min-width: max-content;\n}\n\n:global(html.dark-theme) .text {\n  background: linear-gradient(to right, rgb(255 255 255), rgb(82 82 82), rgb(255 255 255));\n  background-size: 200% 100%;\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n"
+    },
+    "tags": [
+      "animation",
+      "loading",
+      "ui",
+      "effects",
+      "text"
+    ],
+    "exampleUsagePrompt": "Create a text loading animation that fades out and slides the text to indicate loading state."
+  },
+  "three-js": {
+    "id": "three-js",
+    "displayName": "Three.js",
+    "description": "3D library for showing 3D graphics in the browser",
+    "dependencies": [
+      "three"
+    ],
+    "devDependencies": [
+      "@types/three"
+    ],
+    "tags": [
+      "3d",
+      "graphics",
+      "webgl",
+      "rendering",
+      "visualization"
+    ],
+    "homepage": "https://threejs.org/",
+    "exampleUsagePrompt": "Create a 3D scene using Three.js that includes a rotating cube, a plane as the ground, and basic lighting to illuminate the objects."
+  },
+  "xyflow-react": {
+    "id": "xyflow-react",
+    "displayName": "XYFlow",
+    "description": "Building node-based editors and interactive flow charts",
+    "dependencies": [
+      "@xyflow/react"
+    ],
+    "tags": [
+      "flow",
+      "nodes",
+      "diagrams",
+      "editor",
+      "visualization",
+      "interactive"
+    ],
+    "homepage": "https://xyflow.com/",
+    "exampleUsagePrompt": "Create an interactive node-based editor using XYFlow React that allows users to create, connect, and manipulate nodes representing different data processing steps."
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./types.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,38 @@
+import z from "zod";
+export type FilePath = string;
+export type FileContent = string;
+export declare const builtAddonSchema: z.ZodObject<{
+    id: z.ZodString;
+    displayName: z.ZodString;
+    description: z.ZodString;
+    dependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    devDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    files: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    environmentVariables: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    envInstructionsMd: z.ZodOptional<z.ZodString>;
+    homepage: z.ZodOptional<z.ZodURL>;
+    tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    exampleUsagePrompt: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type BuiltAddon = z.infer<typeof builtAddonSchema>;
+export declare const builtAddonsSchema: z.ZodRecord<z.ZodString, z.ZodObject<{
+    id: z.ZodString;
+    displayName: z.ZodString;
+    description: z.ZodString;
+    dependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    devDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    files: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    environmentVariables: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    envInstructionsMd: z.ZodOptional<z.ZodString>;
+    homepage: z.ZodOptional<z.ZodURL>;
+    tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    exampleUsagePrompt: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>>;
+export type BuiltAddons = z.infer<typeof builtAddonsSchema>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,KAAK,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAC9B,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;iBAmB3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;kBAAyC,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/types.js

@@ -0,0 +1,21 @@
+import z from "zod";
+export const builtAddonSchema = z.object({
+    id: z.string(),
+    displayName: z.string(),
+    description: z.string(),
+    dependencies: z.array(z.string()).optional(),
+    devDependencies: z.array(z.string()).optional(),
+    files: z.record(z.string(), z.string()).optional(),
+    environmentVariables: z
+        .array(z.object({
+        name: z.string(),
+        description: z.string().optional(),
+    }))
+        .optional(),
+    envInstructionsMd: z.string().optional(),
+    homepage: z.url().optional(),
+    tags: z.array(z.string()).optional(),
+    exampleUsagePrompt: z.string().optional(),
+});
+export const builtAddonsSchema = z.record(z.string(), builtAddonSchema);
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,KAAK,CAAC;AAKpB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IACvC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC5C,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC/C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IAClD,oBAAoB,EAAE,CAAC;SACpB,KAAK,CACJ,CAAC,CAAC,MAAM,CAAC;QACP,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;QAChB,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;KACnC,CAAC,CACH;SACA,QAAQ,EAAE;IACb,iBAAiB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACxC,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;IAC5B,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IACpC,kBAAkB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC1C,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@dazl/addons",
+  "version": "1.7.0",
+  "type": "module",
+  "description": "Add-ons for Dazl",
+  "exports": {
+    ".": "./dist/index.js",
+    "./addons.json": "./dist/addons.json",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true })\"",
+    "prebuild": "npm run clean",
+    "build": "npm run build:lib && npm run build:addons",
+    "build:lib": "tsc -p tsconfig.build.json",
+    "build:addons": "node scripts/build-addons.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "npm run typecheck && npm run build",
+    "prepack": "npm run build"
+  },
+  "devDependencies": {
+    "@types/mocha": "^10.0.10",
+    "@types/node": "24",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-image-gallery": "^1.2.4",
+    "classnames": "^2.5.1",
+    "mocha": "^12.0.0-beta-6",
+    "motion": "^12.29.0",
+    "prettier": "^3.8.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-image-gallery": "^1.4.0",
+    "typescript": "~5.9.3",
+    "zod": "^4.3.6"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dazl-dev/dazl-addons.git"
+  },
+  "keywords": [],
+  "author": "Dazl",
+  "license": "UNLICENSED",
+  "bugs": {
+    "url": "https://github.com/dazl-dev/dazl-addons/issues"
+  },
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "homepage": "https://github.com/dazl-dev/dazl-addons",
+  "prettier": {
+    "printWidth": 120
+  }
+}

package/src/globals.d.ts

@@ -0,0 +1,6 @@
+type CSSModuleClasses = { readonly [key: string]: string };
+
+declare module "*.module.css" {
+  const classes: CSSModuleClasses;
+  export default classes;
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./types.ts";

package/src/types.ts

@@ -0,0 +1,31 @@
+import z from "zod";
+
+export type FilePath = string;
+export type FileContent = string;
+
+export const builtAddonSchema = z.object({
+  id: z.string(),
+  displayName: z.string(),
+  description: z.string(),
+  dependencies: z.array(z.string()).optional(),
+  devDependencies: z.array(z.string()).optional(),
+  files: z.record(z.string(), z.string()).optional(),
+  environmentVariables: z
+    .array(
+      z.object({
+        name: z.string(),
+        description: z.string().optional(),
+      }),
+    )
+    .optional(),
+  envInstructionsMd: z.string().optional(),
+  homepage: z.url().optional(),
+  tags: z.array(z.string()).optional(),
+  exampleUsagePrompt: z.string().optional(),
+});
+
+export type BuiltAddon = z.infer<typeof builtAddonSchema>;
+
+export const builtAddonsSchema = z.record(z.string(), builtAddonSchema);
+
+export type BuiltAddons = z.infer<typeof builtAddonsSchema>;