@combeenation/custom-code-sdk 0.0.1-alpha11 → 0.0.1-alpha13

package/dist/index.d.ts

@@ -8,6 +8,13 @@ export declare class Button {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLButtonElement>): CallbackUnsubscribeOption;
     onClick(callback: OnClickCallback): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
@@ -25,6 +32,7 @@ export declare namespace CbnSdk {
         fireAnalyticsEvent,
         getAssetPaths,
         getParentPageUrl,
+        onParentPageEvent,
         navigateToLogin,
         onAnyCmpValueChanged,
         redirectParentPage,
@@ -34,6 +42,8 @@ export declare namespace CbnSdk {
         createSyncCmpValuesStore,
         uploadFiles,
         uploadImages,
+        uploadTempFiles,
+        uploadTempImages,
         convertDocument,
         createPdfFromAssets,
         createArPage,
@@ -52,6 +62,13 @@ export declare class Checkbox {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLLabelElement>): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
 }
@@ -96,10 +113,128 @@ export declare class Collapsible {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLDivElement>): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
 }
 
+export declare class Combobox<TValue extends NonNullable<DataListValue>> {
+    #private;
+    readonly id: CtrlId;
+    constructor(id: CtrlId);
+    /**
+     * See {@link CustomControlV1.onRendered} for detailed information on what you can do with this listener and what it
+     * is not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
+    onRendered(callback: OnRenderedCallback<HTMLDivElement>): CallbackUnsubscribeOption;
+    /**
+     * See {@link CustomControlV1.onRendered} for detailed information on what you can do with this listener and what it
+     * is not meant for. Most of the information there also applies to `onItemRendered`.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback which also applies here.
+     *
+     * @param callback Callback function which is given the rendered HTML element and the corresponding item data.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the combobox entries are populated:
+     *
+     *                 ```ts
+     *                 combobox.onItemRendered<IProductsTable[number]>((el, itemData) => { ... })
+     *                 ```
+     */
+    onItemRendered<TItemData>(callback: (element: HTMLDivElement, itemData: TItemData) => void): CallbackUnsubscribeOption;
+    /**
+     * See {@link CustomControlV1.onRendered} for detailed information on what you can do with this listener and what it
+     * is not meant for. Most of the information there also applies to `onValueItemRendered`.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback which also applies here.
+     *
+     * @param callback Callback function which is given the rendered HTML element and the corresponding item data of the
+     *                 currently selected value item shown in the trigger.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the combobox entries are populated:
+     *
+     *                 ```ts
+     *                 combobox.onValueItemRendered<IProductsTable[number]>((el, itemData) => { ... })
+     *                 ```
+     */
+    onValueItemRendered<TItemData>(callback: (element: HTMLDivElement, itemData: TItemData) => void): CallbackUnsubscribeOption;
+    /**
+     * See {@link CustomControlV1.onRendered} for detailed information on what you can do with this listener and what it
+     * is not meant for. Most of the information there also applies to `onGroupHeaderRendered`.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback which also applies here.
+     *
+     * @param callback Callback function which is given the rendered HTML element and the corresponding group data.
+     *
+     *                 Typical usage for type safe access to the group data where `IProductGroupsTable` is the auto
+     *                 generated type of the table component from which the combobox groups are populated:
+     *
+     *                 ```ts
+     *                 combobox.onGroupHeaderRendered<IProductGroupsTable[number]>((el, groupData) => { ... })
+     *                 ```
+     */
+    onGroupHeaderRendered<TGroupData>(callback: (element: HTMLDivElement, groupData: TGroupData) => void): CallbackUnsubscribeOption;
+    /**
+     * Fires when the selection is committed which is:
+     *   - in single select mode: when the popup closes (or when an option is clicked).
+     *   - in multi select mode: immediately on every selection change.
+     *
+     * @param callback Callback function which is given the raw selection value/keys and the corresponding item data of
+     *                 all the selected items.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the combobox entries are populated:
+     *
+     *                 ```ts
+     *                 // Single selection:
+     *                 combobox.onValueChange<IProductsTable[number]>((value, valueItemData) => { ... })
+     *
+     *                 // Multi selection:
+     *                 combobox.onValueChange<IProductsTable>((value, valueItemData) => { ... })
+     *                 ```
+     */
+    onValueChange<TItemData extends TValue extends any[] ? any[] : any>(callback: (value: TValue | undefined, valueItemData: TItemData | undefined) => void): CallbackUnsubscribeOption;
+    /**
+     * Registers a callback that fires when a combobox item is clicked.
+     *
+     * - Fires **before** `onValueChange`.
+     * - Fires even when the clicked item is already selected.
+     *
+     * @param callback Callback function which is given the item data of the clicked item and the raw mouse event.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the combobox entries are populated:
+     *
+     *                 ```ts
+     *                 combobox.onItemClicked<IProductsTable[number]>((itemData, event) => { ... })
+     *                 ```
+     */
+    onItemClicked<TItemData>(callback: (itemData: TItemData, event: MouseEvent) => void): CallbackUnsubscribeOption;
+    setVisible(visible: boolean): Promise<void>;
+    /**
+     * Sets the entries (data items) displayed by the combobox. Existing entries are overwritten.
+     */
+    setEntries(entries: TemplateData[]): void;
+    /**
+     * Sets the group data used to render the group headers of the combobox. Existing group data is overwritten.
+     */
+    setGroupData(groupData: TemplateData[]): void;
+}
+
 /**
  * Checks if the configurator is embedded inside an IFrame.
  */
@@ -109,8 +244,7 @@ export declare const configuratorIsInIFrame: () => boolean;
  * Create and convert a document (e.g. HTML to PDF).\
  * The conversion consists of multiple individual tasks to allow full flexibility when creating documents.
  *
- * Example case: Create a PDF with dynamic content (PDF asset), append a static product datasheet
- * and put a watermark on each page.
+ * Example case: Create a PDF with dynamic content (PDF asset) and append a static product datasheet.
  *
  * See also {@link createPdfFromAssets} for a simplified version to create a PDF.
  * @param tasks The tasks are executed based on their connection with the properties `name` and `inputTaskName`
@@ -130,18 +264,9 @@ export declare const configuratorIsInIFrame: () => boolean;
  *     },
  *   },
  *   {
- *     type: DocumentConvertTaskTypes.Watermark,
- *     inputTaskName: 'HtmlToPdfTask',
- *     name: 'WatermarkTask',
- *     options: {
- *       text: 'My Watermark',
- *       opacity: 50
- *     },
- *   },
- *   {
  *     type: DocumentConvertTaskTypes.OutputToCfgnFile,
  *     name: 'OutputPdfTask',
- *     inputTaskName: 'WatermarkTask',
+ *     inputTaskName: 'HtmlToPdfTask',
  *     cfgnFileName: 'QuotePdf',
  *     cfgnFileExtension: 'pdf',
  *     cfgnFileDisplayName: `Your_quote_${new Date().toISOString()}`,
@@ -164,7 +289,7 @@ export declare const createArPage: (glb: File, options?: SdkCreateArPageOptions)
  * Creates a PDF from one or more assets which will be merged in the given order.
  *
  * Simplified helper built on top of {@link convertDocument}.
- * Use {@link convertDocument} directly for advanced scenarios such as watermarking.
+ * Use {@link convertDocument} directly for advanced scenarios.
  *
  * @param bundleAliasName     Bundle name where the assets are stored
  * @param assetTasks          One or more "assets tasks" which will be merged in the given order
@@ -325,6 +450,10 @@ export declare class CustomControl {
      *
      * !!! Important !!!
      *
+     * See {@link OnRenderedCallback} for important information regarding the `element` which is passed to the callback.
+     *
+     * !!! Important !!!
+     *
      * This is **not** meant to be used for manipulating the rendered content of the control besides simple,
      * non-structural/-behavioral changes like adding CSS classes or data attributes etc.
      *
@@ -343,12 +472,99 @@ export declare class CustomControl {
  */
 declare type CustomCtrlRenderFn = (element: HTMLDivElement, rawHtml: string | undefined) => void | Promise<void>;
 
-export declare class Dataview {
+/**
+ * The actual value which comes from the entries data and which is converted to `DataListHtmlValue` before being passed
+ * to the DOM elements.
+ */
+declare type DataListValue = string | string[] | number | number[] | undefined;
+
+export declare class Dataview<TValue extends NonNullable<DataListValue>> {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLDivElement>): CallbackUnsubscribeOption;
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for. Most of the information there also applies to `onItemRendered`.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback which also applies here.
+     *
+     * @param callback Callback function which is given the rendered HTML element and the corresponding item data.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the dataview entries are populated:
+     *
+     *                 ```ts
+     *                 dataview.onItemRendered<IProductsTable[number]>(el, itemData) => { ... }
+     *                 ```
+     */
+    onItemRendered<TItemData>(callback: (element: HTMLDivElement, itemData: TItemData) => void): CallbackUnsubscribeOption;
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for. Most of the information there also applies to `onGroupHeaderRendered`.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback which also applies here.
+     *
+     * @param callback Callback function which is given the rendered HTML element and the corresponding group data.
+     *
+     *                 Typical usage for type safe access to the group data where `IProductGroupsTable` is the auto
+     *                 generated type of the table component from which the dataview groups are populated:
+     *
+     *                 ```ts
+     *                 dataview.onGroupHeaderRendered<IProductGroupsTable[number]>((el, groupData) => { ... })
+     *                 ```
+     */
+    onGroupHeaderRendered<TGroupData>(callback: (element: HTMLDivElement, groupData: TGroupData) => void): CallbackUnsubscribeOption;
+    /**
+     * @param callback Callback function which is given the raw selection value/keys and the corresponding item data of
+     *                 all the selected items.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the dataview entries are populated:
+     *
+     *                 ```ts
+     *                 // Single selection list:
+     *                 dataview.onValueChange<IProductsTable[number]>(value, valueItemData) => { ... }
+     *
+     *                 // Multi selection list:
+     *                 dataview.onValueChange<IProductsTable>(value, valueItemData) => { ... }
+     *                 ```
+     */
+    onValueChange<TItemData extends TValue extends any[] ? any[] : any>(callback: (value: TValue | undefined, valueItemData: TItemData | undefined) => void): CallbackUnsubscribeOption;
+    /**
+     * Registers a callback that fires when a datalist item is clicked.
+     *
+     * - Fires **before** `onValueChange`.
+     * - Fires even when the clicked item is already selected.
+     *
+     * @param callback Callback function which is given the item data of rendered item and the raw mouse event.
+     *
+     *                 Typical usage for type safe access to the item data where `IProductsTable` is the auto generated
+     *                 type of the table component from which the dataview entries are populated:
+     *
+     *                 ```ts
+     *                 dataview.onItemClicked<IProductsTable[number]>(itemData, event) => { ... }
+     *                 ```
+     */
+    onItemClicked<TItemData>(callback: (itemData: TItemData, event: MouseEvent) => void): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
+    /**
+     * Sets the entries (data items) displayed by the dataview. Existing entries are overwritten.
+     */
+    setEntries(entries: TemplateData[]): void;
+    /**
+     * Sets the group data used to render the group headers of the dataview. Existing group data is overwritten.
+     */
+    setGroupData(groupData: TemplateData[]): void;
 }
 
 export declare type DocumentConvertTask = {
@@ -372,13 +588,6 @@ export declare type DocumentConvertTask = {
     name: string;
     /** Names of the tasks which should be merged in the given order */
     inputTaskNames: string[];
-} | {
-    type: DocumentConvertTaskTypes.Watermark;
-    name: string;
-    inputTaskName: string;
-    /** Minimum property requirement is either a `text` or a `imageInputTaskName`
-     * (which points to a task of type {@link DocumentConvertTaskTypes.Asset}) */
-    options: WatermarkImageOptions | WatermarkTextOptions;
 } | {
     type: DocumentConvertTaskTypes.OutputToCfgnFile;
     name: string;
@@ -393,12 +602,10 @@ export declare type DocumentConvertTask = {
 export declare enum DocumentConvertTaskTypes {
     /** Create a PDF with dynamic content based on the given `context` */
     PdfAsset = 0,
-    /** Retrieve an asset to be used for suceeding tasks (e.g. static PDF for merge or image for a watermark) */
+    /** Retrieve an asset to be used for suceeding tasks (e.g. static PDF for merge) */
     Asset = 1,
     /** Merge multiple input tasks into a single document */
     Merge = 2,
-    /** Add a repeating watermark onto the whole document */
-    Watermark = 3,
     /** Finalize the conversion by storing it as `Configuration file` */
     OutputToCfgnFile = 4
 }
@@ -493,6 +700,13 @@ export declare class Input {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLDivElement>): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
 }
@@ -558,12 +772,54 @@ export declare const onAnyCmpValueChanged: <TInput extends ValueComponent>(liste
 
 declare type OnClickCallback = () => void;
 
+/**
+ * Registers a callback for events from the parent page.\
+ * The parent page can send those events by calling `Combeenation.sendEventToConfigurator`.
+ */
+export declare const onParentPageEvent: (callback: (type: "success" | "error", data: unknown) => void) => CallbackUnsubscribeOption;
+
+/**
+ * @param element The rendered DOM element.
+ *
+ *                !!! Important !!!
+ *
+ *                This can either be a newly created element or the same, reused element which was already passed to a
+ *                previous `onRendered` callback invocation.
+ *
+ *                What does this mean?
+ *                - When registering event listener, avoid `element.addEventListener` but use the form
+ *                  `element.onclick = ...` instead.
+ *                - Be careful when using API like `MutationObserver` on the element and ensure to not register multiple
+ *                  observer on the same element over time.
+ *                - Be careful when binding/using the element in external libraries which might use `addEventListener`
+ *                  or things like `MutationObserver` internally (e.g. DnD libraries etc.).
+ *                - If you **need to** use `addEventListener` etc. e.g. because you have to use a library which uses it
+ *                  internally, make sure to manually check whether the element was already processed/initialized in a
+ *                  previous `onRendered` invocation or not.
+ *
+ *                  E.g. something like this:
+ *
+ *                  ```ts
+ *                  dataview.onRendered((element) => {
+ *                    if (element.dataset.wasVisited) return;
+ *                    element.dataset.wasVisited = 'true';
+ *
+ *                    // -> Safely use `element.addEventListener` or `dndManager.init(element)` etc.
+ *                  });
+ */
 declare type OnRenderedCallback<T extends HTMLElement = HTMLElement> = (element: T) => void;
 
 export declare class Panel {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLDivElement>): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
 }
@@ -666,10 +922,18 @@ declare type SdkCfgnFileUploadResult<T extends string = string> = {
 } | {
     success: true;
     urls: {
-        [fileName in T]: UrlString;
+        [fileName in T]: string;
     };
 };
 
+declare type SdkCfgnTempFileUploadResult = {
+    success: false;
+    urls?: never;
+} | {
+    success: true;
+    urls: string[];
+};
+
 declare type SdkCreateArPageOptions = {
     qrSubTitle?: string;
     qrDescription?: string;
@@ -838,10 +1102,23 @@ declare type SyncCmpValuesStore<TCmps extends Record<CmpName, ValueComponent>> =
     [K in keyof TCmps & CmpName]: TCmps[K] extends ValueComponent<any, infer TValue, any> ? TValue | undefined : never;
 };
 
+/**
+ * The raw data passed to the corresponding liquid template (e.g. to a datalist item template or a group header
+ * template etc.)
+ */
+declare type TemplateData = Record<string, unknown>;
+
 declare class Text_2 {
     #private;
     readonly id: CtrlId;
     constructor(id: CtrlId);
+    /**
+     * See {@link CustomControl.onRendered} for detailed information on what you can do with this listener and what it is
+     * not meant for.
+     *
+     * Also see {@link OnRenderedCallback} for important information regarding the `element` which is passed to the
+     * callback.
+     */
     onRendered(callback: OnRenderedCallback<HTMLSpanElement>): CallbackUnsubscribeOption;
     setVisible(visible: boolean): Promise<void>;
     setText(text: string): void;
@@ -851,19 +1128,53 @@ export { Text_2 as Text }
 /**
  * Upload one or more files into the current configuration
  *
+ * Consider using {@link uploadTempFiles} if the files don't need to be persisted and
+ * aren't relevant for the finished configuration.
+ *
  * @param files The key represents the name, which can be used in Hive with `configuration.GetFile("")`
  * @returns An object with the same keys as the input. The values contain according result information.
  */
 export declare const uploadFiles: <T extends string>(files: CfgnFileUploadData<T>) => Promise<SdkCfgnFileUploadResult<T>>;
 
 /**
- * Upload one or more images into the current configuration
+ * Upload one or more images into the current configuration.
+ *
+ * Consider using {@link uploadTempImages} if the images don't need to be persisted and
+ * aren't relevant for the finished configuration.
  *
- * @param files The key represents the name, which can be used in Hive with `configuration.GetImage("")`
+ * @param images The key represents the name, which can be used in Hive with `configuration.GetImage("")`
  * @returns An object with the same keys as the input. The values contain according result information.
  */
 export declare const uploadImages: <T extends string>(images: CfgnFileUploadData<T>) => Promise<SdkCfgnFileUploadResult<T>>;
 
+/**
+ * Upload temporary files into the current configuration. This should only be used for files which don't need to be
+ * persisted or aren't relevant for the finished configuration.
+ * Examples:
+ *  - The user can upload multiple files but he still has to apply them on the product in a second step.
+ *    It's recommended to upload the files as temporary files and only upload them as cfgn files after they were
+ *    actually applied.
+ *
+ * @param files files to be uploaded
+ * @returns on success it returns the URLs of the uploaded files in the same order as they were provided.
+ */
+export declare const uploadTempFiles: (files: FileOrDataUri[]) => Promise<SdkCfgnTempFileUploadResult>;
+
+/**
+ * Upload temporary images into the current configuration. This should only be used for files which don't need to be
+ * persisted or aren't relevant for the finished configuration.
+ * Examples:
+ *  - When creating a PDF with screenshots of the 3d model, the images can be uploaded as temporary files, as they
+ *    will be embedded in the PDF.
+ *  - The user can upload multiple images but he still has to apply them on the product in a second step.
+ *    It's recommended to upload the images as temporary files and only upload them as cfgn files after they were
+ *    actually applied.
+ *
+ * @param images images to be uploaded
+ * @returns on success it returns the URLs of the uploaded images in the same order as they were provided.
+ */
+export declare const uploadTempImages: (images: FileOrDataUri[]) => Promise<SdkCfgnTempFileUploadResult>;
+
 declare type UrlString = z.infer<typeof ZUrlString>;
 
 /**
@@ -895,41 +1206,6 @@ export declare class ValueComponent<TName extends CmpName = CmpName, TValue exte
 
 export declare const version: string;
 
-export declare enum WatermarkHorizontalAlignment {
-    Left = 0,
-    Center = 1,
-    Right = 2
-}
-
-declare type WatermarkImageOptions = WatermarkOptionsBase & {
-    imageInputTaskName: string;
-    imageHeight?: number;
-    imageWidth?: number;
-    text?: never;
-};
-
-declare type WatermarkOptionsBase = {
-    /** Opacity in % to make the watermark transparent. A value of 100 means it is fully visible. */
-    opacity?: number;
-    rotation?: number;
-    positionVertical?: WatermarkVerticalAlignment;
-    positionHorizontal?: WatermarkHorizontalAlignment;
-};
-
-declare type WatermarkTextOptions = WatermarkOptionsBase & {
-    text: string;
-    textFontSize?: number;
-    textFontColor?: string;
-    textFontName?: string;
-    imageInputTaskName?: never;
-};
-
-export declare enum WatermarkVerticalAlignment {
-    Top = 0,
-    Center = 1,
-    Bottom = 2
-}
-
 declare const ZAssetName: z.ZodString;
 
 declare const ZCmpValue: z.ZodUnion<[z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>, z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>, "many">, z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>, z.ZodUnknown]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@combeenation/custom-code-sdk",
-  "version": "0.0.1-alpha11",
+  "version": "0.0.1-alpha13",
   "description": "Combeenation custom code SDK package",
   "keywords": [],
   "homepage": "",
@@ -30,13 +30,15 @@
   },
   "devDependencies": {
     "@combeenation/configurator-client": "*",
+    "@microsoft/api-extractor": "7.58.7",
     "@repo/std-configs": "*",
-    "typescript": "5.8.2",
-    "vite": "6.2.1",
-    "vite-plugin-dts": "4.5.4"
+    "@repo/std-lib": "*",
+    "typescript": "6.0.3",
+    "unplugin-dts": "1.0.1",
+    "vite": "8.0.14"
   },
   "@comment dependencies": [
-    "All our external (!) sub dependencies shall be included in `vite.config.ts:rollupOptions.external`.",
+    "All our external (!) sub dependencies shall be included in `vite.config.ts:rolldownOptions.external`.",
     "See comment there for more details on why."
   ],
   "@comment devDependencies": {
@@ -47,7 +49,7 @@
       "",
       "Listing it as `devDependencies` prevents the package from showing up in the builts package's `package.json` and",
       "Vite embeds the required code from the dependency directly into our built package as long as it is not listed",
-      "in Vite's `rollupOptions.external`.",
+      "in Vite's `rolldownOptions.external`.",
       "",
       "In theory, we could list it as a normal dependency and pin it to a published version but that makes dev life",
       "much harder e.g. when locally testing changes to the `custom-code-sdk` in a consuming project.",