sveld 0.18.1 → 0.19.1

package/CHANGELOG.md

@@ -10,6 +10,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - add isAccessor field to API
 - update Markdown writer to generate a separate table for accessors -->
 
+## [0.19.1](https://github.com/carbon-design-system/sveld/releases/tag/v0.19.1) - 2023-10-17
+
+**Fixes**
+
+- only print `outFile` when writing Markdown file
+- upgrade `svelte-preprocess` and `typescript` to ameliorate peer dependency warning
+
+## [0.19.0](https://github.com/carbon-design-system/sveld/releases/tag/v0.19.0) - 2023-07-19
+
+**Breaking Changes**
+
+- if using Svelte 3, the generated TypeScript definitions now require version 3.55 or higher
+
+**Features**
+
+- support Svelte 4 in the generated TypeScript definitions
+
 ## [0.18.1](https://github.com/carbon-design-system/sveld/releases/tag/v0.18.1) - 2023-06-04
 
 - allow `data-*` attributes for props forwarded to HTML elements for `svelte-check@3.x` compatibility

package/README.md

@@ -14,7 +14,7 @@ The purpose of this project is to make third party Svelte component libraries co
 - [Component Index](https://github.com/IBM/carbon-components-svelte/blob/master/COMPONENT_INDEX.md): Markdown file documenting component props, slots, and events
 - [Component API](https://github.com/IBM/carbon-components-svelte/blob/master/docs/src/COMPONENT_API.json): Component API metadata in JSON format
 
-**Please note** that the generated TypeScript definitions require [Svelte version 3.31](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md#3310) or greater.
+**Please note** that the generated TypeScript definitions require Svelte version 3.55 or greater.
 
 ---
 
@@ -38,10 +38,12 @@ The generated definition extends the official `SvelteComponentTyped` interface e
 **Button.svelte.d.ts**
 
 ```ts
-/// <reference types="svelte" />
 import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
 
-export interface ButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
+type RestProps = SvelteHTMLElements["button"];
+
+export interface ButtonProps extends RestProps {
   /**
    * @default "button"
    */
@@ -77,10 +79,11 @@ export let primary = false;
 The accompanying JSDoc annotations would generate the following:
 
 ```ts
-/// <reference types="svelte" />
-import { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type RestProps = SvelteHTMLElements["button"];
 
-export interface ButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
+export interface ButtonProps extends RestProps {
   /**
    * @default "button"
    */
@@ -137,8 +140,6 @@ Extracted metadata include:
 
 This library adopts a progressively enhanced approach. Any property type that cannot be inferred (e.g., "hello" is a string) falls back to "any" to minimize incorrectly typed properties or signatures. To mitigate this, the library author can add JSDoc annotations to specify types that cannot be reliably inferred. This represents a progressively enhanced approach because JSDocs are comments that can be ignored by the compiler.
 
-The generated TypeScript definitions for a component extends the `SvelteComponentTyped` interface available in svelte version 3.31.
-
 ## Usage
 
 ### Installation

package/lib/ComponentParser.d.ts

@@ -35,7 +35,7 @@ interface DispatchedEvent {
     detail?: any;
     description?: string;
 }
-declare type ComponentEvent = ForwardedEvent | DispatchedEvent;
+type ComponentEvent = ForwardedEvent | DispatchedEvent;
 interface TypeDef {
     type: string;
     name: string;
@@ -50,7 +50,7 @@ interface ComponentElement {
     type: "Element";
     name: string;
 }
-declare type RestProps = undefined | ComponentInlineElement | ComponentElement;
+type RestProps = undefined | ComponentInlineElement | ComponentElement;
 interface Extends {
     interface: string;
     import: string;

package/lib/ComponentParser.js

@@ -42,7 +42,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+// TODO: upgrading to Svelte 4 shows a lot of TS errors. Ignore for now but resolve.
+// @ts-nocheck
 var compiler_1 = require("svelte/compiler");
 var commentParser = __importStar(require("comment-parser"));
 var element_tag_map_1 = require("./element-tag-map");
@@ -135,10 +137,10 @@ var ComponentParser = /** @class */ (function () {
         else {
             this.slots.set(name, {
                 name: name,
-                "default": default_slot,
+                default: default_slot,
                 fallback: fallback,
                 slot_props: slot_props,
-                description: description
+                description: description,
             });
         }
     };
@@ -163,7 +165,7 @@ var ComponentParser = /** @class */ (function () {
                 type: "dispatched",
                 name: name,
                 detail: default_detail,
-                description: event_description
+                description: event_description,
             });
         }
     };
@@ -176,22 +178,22 @@ var ComponentParser = /** @class */ (function () {
                 var type = _this.aliasType(tagType);
                 switch (tag) {
                     case "extends":
-                        _this["extends"] = {
+                        _this.extends = {
                             interface: name,
-                            "import": type
+                            import: type,
                         };
                         break;
                     case "restProps":
                         _this.rest_props = {
                             type: "Element",
-                            name: type
+                            name: type,
                         };
                         break;
                     case "slot":
                         _this.addSlot({
                             slot_name: name,
                             slot_props: type,
-                            slot_description: !!description ? description : undefined
+                            slot_description: !!description ? description : undefined,
                         });
                         break;
                     case "event":
@@ -199,7 +201,7 @@ var ComponentParser = /** @class */ (function () {
                             name: name,
                             detail: type,
                             has_argument: false,
-                            description: !!description ? description : undefined
+                            description: !!description ? description : undefined,
                         });
                         break;
                     case "typedef":
@@ -207,7 +209,7 @@ var ComponentParser = /** @class */ (function () {
                             type: type,
                             name: name,
                             description: ComponentParser.assignValue(description),
-                            ts: /(\}|\};)$/.test(type) ? "interface ".concat(name, " ").concat(type) : "type ".concat(name, " = ").concat(type)
+                            ts: /(\}|\};)$/.test(type) ? "interface ".concat(name, " ").concat(type) : "type ".concat(name, " = ").concat(type),
                         });
                         break;
                 }
@@ -219,7 +221,7 @@ var ComponentParser = /** @class */ (function () {
         this.compiled = undefined;
         this.parsed = undefined;
         this.rest_props = undefined;
-        this["extends"] = undefined;
+        this.extends = undefined;
         this.componentComment = undefined;
         this.reactive_vars.clear();
         this.props.clear();
@@ -289,7 +291,7 @@ var ComponentParser = /** @class */ (function () {
                         if (node.leadingComments) {
                             var last_comment = node.leadingComments[node.leadingComments.length - 1];
                             var comment = commentParser.parse(ComponentParser.formatComment(last_comment.value), {
-                                spacing: "preserve"
+                                spacing: "preserve",
                             });
                             var tag = (_e = comment[0]) === null || _e === void 0 ? void 0 : _e.tags[((_f = comment[0]) === null || _f === void 0 ? void 0 : _f.tags.length) - 1];
                             if ((tag === null || tag === void 0 ? void 0 : tag.tag) === "type")
@@ -309,10 +311,10 @@ var ComponentParser = /** @class */ (function () {
                             isFunctionDeclaration: isFunctionDeclaration,
                             isRequired: false,
                             constant: kind === "const",
-                            reactive: false
+                            reactive: false,
                         });
                     }
-                }
+                },
             });
         }
         var dispatcher_name = undefined;
@@ -326,14 +328,14 @@ var ComponentParser = /** @class */ (function () {
                     }
                     callees.push({
                         name: node.callee.name,
-                        arguments: node.arguments
+                        arguments: node.arguments,
                     });
                 }
                 if (node.type === "Spread" && (node === null || node === void 0 ? void 0 : node.expression.name) === "$$restProps") {
                     if (_this.rest_props === undefined && ((parent === null || parent === void 0 ? void 0 : parent.type) === "InlineComponent" || (parent === null || parent === void 0 ? void 0 : parent.type) === "Element")) {
                         _this.rest_props = {
                             type: parent.type,
-                            name: parent.name
+                            name: parent.name,
                         };
                     }
                 }
@@ -405,7 +407,7 @@ var ComponentParser = /** @class */ (function () {
                     if (node.leadingComments) {
                         var last_comment = node.leadingComments[node.leadingComments.length - 1];
                         var comment = commentParser.parse(ComponentParser.formatComment(last_comment.value), {
-                            spacing: "preserve"
+                            spacing: "preserve",
                         });
                         var tag = (_e = comment[0]) === null || _e === void 0 ? void 0 : _e.tags[((_f = comment[0]) === null || _f === void 0 ? void 0 : _f.tags.length) - 1];
                         if ((tag === null || tag === void 0 ? void 0 : tag.tag) === "type")
@@ -432,7 +434,7 @@ var ComponentParser = /** @class */ (function () {
                         isFunctionDeclaration: isFunctionDeclaration,
                         isRequired: isRequired,
                         constant: kind === "const",
-                        reactive: _this.reactive_vars.has(prop_name)
+                        reactive: _this.reactive_vars.has(prop_name),
                     });
                 }
                 if (node.type === "Comment") {
@@ -450,7 +452,7 @@ var ComponentParser = /** @class */ (function () {
                         var name = _a.name, value = _a.value;
                         var slot_prop_value = {
                             value: undefined,
-                            replace: false
+                            replace: false,
                         };
                         if (value === undefined)
                             return {};
@@ -486,7 +488,7 @@ var ComponentParser = /** @class */ (function () {
                     _this.addSlot({
                         slot_name: slot_name,
                         slot_props: JSON.stringify(slot_props, null, 2),
-                        slot_fallback: fallback
+                        slot_fallback: fallback,
                     });
                 }
                 if (node.type === "EventHandler" && node.expression == null) {
@@ -494,7 +496,7 @@ var ComponentParser = /** @class */ (function () {
                         _this.events.set(node.name, {
                             type: "forwarded",
                             name: node.name,
-                            element: parent.name
+                            element: parent.name,
                         });
                     }
                 }
@@ -509,11 +511,11 @@ var ComponentParser = /** @class */ (function () {
                     }
                     else {
                         _this.bindings.set(prop_name, {
-                            elements: [element_name]
+                            elements: [element_name],
                         });
                     }
                 }
-            }
+            },
         });
         if (dispatcher_name !== undefined) {
             callees.forEach(function (callee) {
@@ -525,7 +527,7 @@ var ComponentParser = /** @class */ (function () {
                     _this.addDispatchedEvent({
                         name: event_name,
                         detail: event_detail,
-                        has_argument: Boolean(event_argument)
+                        has_argument: Boolean(event_argument),
                     });
                 }
             });
@@ -574,10 +576,10 @@ var ComponentParser = /** @class */ (function () {
             events: ComponentParser.mapToArray(this.events),
             typedefs: ComponentParser.mapToArray(this.typedefs),
             rest_props: this.rest_props,
-            "extends": this["extends"],
-            componentComment: this.componentComment
+            extends: this.extends,
+            componentComment: this.componentComment,
         };
     };
     return ComponentParser;
 }());
-exports["default"] = ComponentParser;
+exports.default = ComponentParser;

package/lib/cli.js

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -72,7 +72,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.cli = void 0;
 var Rollup = __importStar(require("rollup"));
 var svelte = __importStar(require("rollup-plugin-svelte"));
@@ -100,8 +100,8 @@ function cli(process) {
                             plugins: [
                                 // @ts-ignore
                                 svelte(),
-                                (0, plugin_node_resolve_1["default"])(),
-                            ]
+                                (0, plugin_node_resolve_1.default)(),
+                            ],
                         })];
                 case 1:
                     rollup_bundle = _a.sent();

package/lib/create-exports.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertSvelteExt = exports.removeSvelteExt = exports.createExports = void 0;
 function createExports(parsed_exports, components) {
     var source = Object.entries(parsed_exports).map(function (_a) {
@@ -13,7 +13,7 @@ function createExports(parsed_exports, components) {
         var named_exports = "";
         if (module_exports.length > 0)
             named_exports = ", " + module_exports.join(", ");
-        if (id === "default" || exportee["default"]) {
+        if (id === "default" || exportee.default) {
             if (exportee.mixed) {
                 return "export { default as ".concat(id).concat(named_exports, " } from \"").concat(exportee.source, "\";\nexport { default } from \"").concat(exportee.source, "\";");
             }

package/lib/element-tag-map.d.ts

@@ -81,6 +81,6 @@ declare const tag_map: {
     ul: string;
     video: string;
 };
-declare type ElementTag = keyof typeof tag_map;
+type ElementTag = keyof typeof tag_map;
 export declare function getElementByTag(element: ElementTag | string): string;
 export {};

package/lib/element-tag-map.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getElementByTag = void 0;
 // Element tag map adapted from TypeScript (`lib.dom.d.ts`)
 // https://github.com/microsoft/TypeScript/blob/master/lib/lib.dom.d.ts#L19263
@@ -84,7 +84,7 @@ var tag_map = {
     tr: "HTMLTableRowElement",
     track: "HTMLTrackElement",
     ul: "HTMLUListElement",
-    video: "HTMLVideoElement"
+    video: "HTMLVideoElement",
 };
 function getElementByTag(element) {
     return element in tag_map ? tag_map[element] : "HTMLElement";

package/lib/get-svelte-entry.d.ts

@@ -1,4 +1,4 @@
-export declare type SvelteEntryPoint = string;
+export type SvelteEntryPoint = string;
 /**
  * Get the file path entry point for uncompiled Svelte source code
  * Expects a "svelte" field in the consumer's `package.json`

package/lib/get-svelte-entry.js

@@ -22,7 +22,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSvelteEntry = void 0;
 var fs = __importStar(require("fs"));
 var path = __importStar(require("path"));

package/lib/index.js

@@ -1,22 +1,14 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-exports.__esModule = true;
-exports.sveld = exports.cli = exports.ComponentParser = exports["default"] = void 0;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sveld = exports.cli = exports.ComponentParser = exports.default = void 0;
 var rollup_plugin_1 = require("./rollup-plugin");
-__createBinding(exports, rollup_plugin_1, "default");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(rollup_plugin_1).default; } });
 var ComponentParser_1 = require("./ComponentParser");
-__createBinding(exports, ComponentParser_1, "default", "ComponentParser");
+Object.defineProperty(exports, "ComponentParser", { enumerable: true, get: function () { return __importDefault(ComponentParser_1).default; } });
 var cli_1 = require("./cli");
-__createBinding(exports, cli_1, "cli");
+Object.defineProperty(exports, "cli", { enumerable: true, get: function () { return cli_1.cli; } });
 var sveld_1 = require("./sveld");
-__createBinding(exports, sveld_1, "sveld");
+Object.defineProperty(exports, "sveld", { enumerable: true, get: function () { return sveld_1.sveld; } });

package/lib/parse-exports.d.ts

@@ -1,4 +1,4 @@
-export declare type ParsedExports = Record<string, {
+export type ParsedExports = Record<string, {
     source: string;
     default: boolean;
     mixed?: boolean;

package/lib/parse-exports.js

@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseExports = void 0;
 var acorn = __importStar(require("acorn"));
 var fs = __importStar(require("fs"));
@@ -45,7 +45,7 @@ var path_2 = require("./path");
 function parseExports(source, dir) {
     var ast = acorn.parse(source, {
         ecmaVersion: "latest",
-        sourceType: "module"
+        sourceType: "module",
     });
     var exports_by_identifier = {};
     // @ts-ignore
@@ -54,31 +54,31 @@ function parseExports(source, dir) {
         if (node.type === "ExportDefaultDeclaration") {
             var id = node.declaration.name;
             if (id in exports_by_identifier) {
-                exports_by_identifier[id]["default"] = true;
+                exports_by_identifier[id].default = true;
             }
             else {
-                exports_by_identifier[id] = { source: "", "default": true };
+                exports_by_identifier[id] = { source: "", default: true };
             }
         }
         else if (node.type === "ExportAllDeclaration") {
             if (!node.source)
                 return;
-            var file_path = path_1["default"].resolve(dir, node.source.value);
+            var file_path = path_1.default.resolve(dir, node.source.value);
             if (!fs.lstatSync(file_path).isFile()) {
                 var files = fs.readdirSync(file_path);
                 for (var _i = 0, files_1 = files; _i < files_1.length; _i++) {
                     var file = files_1[_i];
                     if (file.includes("index")) {
-                        file_path = path_1["default"].join(file_path, file);
+                        file_path = path_1.default.join(file_path, file);
                         break;
                     }
                 }
             }
             var export_file = fs.readFileSync(file_path, "utf-8");
-            var exports_1 = parseExports(export_file, path_1["default"].dirname(file_path));
+            var exports_1 = parseExports(export_file, path_1.default.dirname(file_path));
             for (var _e = 0, _f = Object.entries(exports_1); _e < _f.length; _e++) {
                 var _g = _f[_e], key = _g[0], value = _g[1];
-                var source_1 = (0, path_2.normalizeSeparators)("./" + path_1["default"].join(node.source.value, value.source));
+                var source_1 = (0, path_2.normalizeSeparators)("./" + path_1.default.join(node.source.value, value.source));
                 exports_by_identifier[key] = __assign(__assign({}, value), { source: source_1 });
             }
         }
@@ -98,7 +98,7 @@ function parseExports(source, dir) {
                 else {
                     exports_by_identifier[id] = {
                         source: (_d = (_c = node.source) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : "",
-                        "default": id === "default"
+                        default: id === "default",
                     };
                 }
             });
@@ -113,7 +113,7 @@ function parseExports(source, dir) {
             else {
                 exports_by_identifier[id] = {
                     source: (_d = (_c = node.source) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : "",
-                    "default": id === "default"
+                    default: id === "default",
                 };
             }
         }

package/lib/path.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeSeparators = void 0;
 var path_1 = require("path");
 /**

package/lib/rollup-plugin.d.ts

@@ -12,12 +12,12 @@ export interface PluginSveldOptions {
     markdown?: boolean;
     markdownOptions?: Partial<WriteMarkdownOptions>;
 }
-declare type ComponentModuleName = string;
+type ComponentModuleName = string;
 export interface ComponentDocApi extends ParsedComponent {
     filePath: string;
     moduleName: string;
 }
-export declare type ComponentDocs = Map<ComponentModuleName, ComponentDocApi>;
+export type ComponentDocs = Map<ComponentModuleName, ComponentDocApi>;
 export default function pluginSveld(opts?: PluginSveldOptions): {
     name: string;
     buildStart(): void;

package/lib/rollup-plugin.js

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -72,7 +72,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeOutput = exports.generateBundle = void 0;
 var fs = __importStar(require("fs"));
 var fsp = __importStar(require("fs/promises"));
@@ -113,10 +113,10 @@ function pluginSveld(opts) {
         writeBundle: function () {
             if (input != null)
                 writeOutput(result, opts || {}, input);
-        }
+        },
     };
 }
-exports["default"] = pluginSveld;
+exports.default = pluginSveld;
 function generateBundle(input, glob) {
     return __awaiter(this, void 0, void 0, function () {
         var dir, entry, exports, components, parser, exportEntries, _i, exportEntries_1, _a, exportName, entry_1, filePath, _b, ext, name_1, moduleName, source, processed;
@@ -136,7 +136,7 @@ function generateBundle(input, glob) {
                         });
                     }
                     components = new Map();
-                    parser = new ComponentParser_1["default"]();
+                    parser = new ComponentParser_1.default();
                     exportEntries = Object.entries(exports);
                     _i = 0, exportEntries_1 = exportEntries;
                     _c.label = 1;
@@ -154,13 +154,13 @@ function generateBundle(input, glob) {
                 case 2:
                     source = _c.sent();
                     return [4 /*yield*/, (0, compiler_1.preprocess)(source, [(0, svelte_preprocess_1.typescript)(), (0, svelte_preprocess_1.replace)([[/<style.+<\/style>/gims, ""]])], {
-                            filename: path.basename(filePath)
+                            filename: path.basename(filePath),
                         })];
                 case 3:
                     processed = (_c.sent()).code;
                     components.set(moduleName, __assign({ moduleName: moduleName, filePath: filePath }, parser.parseSvelteComponent(processed, {
                         moduleName: moduleName,
-                        filePath: filePath
+                        filePath: filePath,
                     })));
                     _c.label = 4;
                 case 4:
@@ -168,7 +168,7 @@ function generateBundle(input, glob) {
                     return [3 /*break*/, 1];
                 case 5: return [2 /*return*/, {
                         exports: exports,
-                        components: components
+                        components: components,
                     }];
             }
         });
@@ -178,13 +178,13 @@ exports.generateBundle = generateBundle;
 function writeOutput(result, opts, input) {
     var inputDir = path.dirname(input);
     if ((opts === null || opts === void 0 ? void 0 : opts.types) !== false) {
-        (0, writer_ts_definitions_1["default"])(result.components, __assign(__assign({ outDir: "types", preamble: "" }, opts === null || opts === void 0 ? void 0 : opts.typesOptions), { exports: result.exports, inputDir: inputDir }));
+        (0, writer_ts_definitions_1.default)(result.components, __assign(__assign({ outDir: "types", preamble: "" }, opts === null || opts === void 0 ? void 0 : opts.typesOptions), { exports: result.exports, inputDir: inputDir }));
     }
     if (opts === null || opts === void 0 ? void 0 : opts.json) {
-        (0, writer_json_1["default"])(result.components, __assign(__assign({ outFile: "COMPONENT_API.json" }, opts === null || opts === void 0 ? void 0 : opts.jsonOptions), { input: input, inputDir: inputDir }));
+        (0, writer_json_1.default)(result.components, __assign(__assign({ outFile: "COMPONENT_API.json" }, opts === null || opts === void 0 ? void 0 : opts.jsonOptions), { input: input, inputDir: inputDir }));
     }
     if (opts === null || opts === void 0 ? void 0 : opts.markdown) {
-        (0, writer_markdown_1["default"])(result.components, __assign({ outFile: path.join(process.cwd(), "COMPONENT_INDEX.md") }, opts === null || opts === void 0 ? void 0 : opts.markdownOptions));
+        (0, writer_markdown_1.default)(result.components, __assign({ outFile: "COMPONENT_INDEX.md" }, opts === null || opts === void 0 ? void 0 : opts.markdownOptions));
     }
 }
 exports.writeOutput = writeOutput;

package/lib/sveld.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.sveld = void 0;
 var get_svelte_entry_1 = require("./get-svelte-entry");
 var rollup_plugin_1 = require("./rollup-plugin");

package/lib/writer/Writer.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -58,7 +58,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var path = __importStar(require("path"));
 var fsp = __importStar(require("fs/promises"));
 var prettier = __importStar(require("prettier"));
@@ -92,4 +92,4 @@ var Writer = /** @class */ (function () {
     };
     return Writer;
 }());
-exports["default"] = Writer;
+exports.default = Writer;

package/lib/writer/WriterMarkdown.d.ts

@@ -1,9 +1,9 @@
 import Writer from "./Writer";
-declare type OnAppend = (type: AppendType, document: WriterMarkdown) => void;
+type OnAppend = (type: AppendType, document: WriterMarkdown) => void;
 interface MarkdownOptions {
     onAppend?: OnAppend;
 }
-export declare type AppendType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "quote" | "p" | "divider" | "raw";
+export type AppendType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "quote" | "p" | "divider" | "raw";
 interface TocLine {
     array: number[];
     raw: any;

package/lib/writer/WriterMarkdown.js

@@ -17,7 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var Writer_1 = __importDefault(require("./Writer"));
 var WriterMarkdown = /** @class */ (function (_super) {
     __extends(WriterMarkdown, _super);
@@ -49,7 +49,7 @@ var WriterMarkdown = /** @class */ (function (_super) {
                 if (this.hasToC && type === "h2") {
                     this.toc.push({
                         array: Array.from({ length: (length_1 - 1) * 2 }),
-                        raw: raw
+                        raw: raw,
                     });
                 }
                 break;
@@ -87,5 +87,5 @@ var WriterMarkdown = /** @class */ (function (_super) {
         return this.source;
     };
     return WriterMarkdown;
-}(Writer_1["default"]));
-exports["default"] = WriterMarkdown;
+}(Writer_1.default));
+exports.default = WriterMarkdown;

package/lib/writer/writer-json.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -49,7 +49,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var path_1 = __importDefault(require("path"));
 var path_2 = require("../path");
 var Writer_1 = __importDefault(require("./Writer"));
@@ -59,7 +59,7 @@ function writeJsonComponents(components, options) {
         return __generator(this, function (_a) {
             output = Array.from(components, function (_a) {
                 var moduleName = _a[0], component = _a[1];
-                return (__assign(__assign({}, component), { filePath: (0, path_2.normalizeSeparators)(path_1["default"].join(options.inputDir, path_1["default"].normalize(component.filePath))) }));
+                return (__assign(__assign({}, component), { filePath: (0, path_2.normalizeSeparators)(path_1.default.join(options.inputDir, path_1.default.normalize(component.filePath))) }));
             }).sort(function (a, b) {
                 if (a.moduleName < b.moduleName)
                     return -1;
@@ -68,8 +68,8 @@ function writeJsonComponents(components, options) {
                 return 0;
             });
             output.map(function (c) {
-                var outFile = path_1["default"].resolve(path_1["default"].join(options.outDir || "", "".concat(c.moduleName, ".api.json")));
-                var writer = new Writer_1["default"]({ parser: "json", printWidth: 80 });
+                var outFile = path_1.default.resolve(path_1.default.join(options.outDir || "", "".concat(c.moduleName, ".api.json")));
+                var writer = new Writer_1.default({ parser: "json", printWidth: 80 });
                 console.log("created ".concat(outFile, "\"\n"));
                 return writer.write(outFile, JSON.stringify(c));
             });
@@ -87,17 +87,17 @@ function writeJsonLocal(components, options) {
                         total: components.size,
                         components: Array.from(components, function (_a) {
                             var moduleName = _a[0], component = _a[1];
-                            return (__assign(__assign({}, component), { filePath: (0, path_2.normalizeSeparators)(path_1["default"].join(options.inputDir, path_1["default"].normalize(component.filePath))) }));
+                            return (__assign(__assign({}, component), { filePath: (0, path_2.normalizeSeparators)(path_1.default.join(options.inputDir, path_1.default.normalize(component.filePath))) }));
                         }).sort(function (a, b) {
                             if (a.moduleName < b.moduleName)
                                 return -1;
                             if (a.moduleName > b.moduleName)
                                 return 1;
                             return 0;
-                        })
+                        }),
                     };
-                    output_path = path_1["default"].join(process.cwd(), options.outFile);
-                    writer = new Writer_1["default"]({ parser: "json", printWidth: 80 });
+                    output_path = path_1.default.join(process.cwd(), options.outFile);
+                    writer = new Writer_1.default({ parser: "json", printWidth: 80 });
                     return [4 /*yield*/, writer.write(output_path, JSON.stringify(output))];
                 case 1:
                     _a.sent();
@@ -126,4 +126,4 @@ function writeJson(components, options) {
         });
     });
 }
-exports["default"] = writeJson;
+exports.default = writeJson;

package/lib/writer/writer-markdown.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -14,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -47,7 +70,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+var path = __importStar(require("path"));
 var WriterMarkdown_1 = __importDefault(require("./WriterMarkdown"));
 var writer_ts_definitions_1 = require("./writer-ts-definitions");
 var PROP_TABLE_HEADER = "| Prop name | Required | Kind | Reactive | Type | Default value | Description |\n| :- | :- | :- | :- |\n";
@@ -89,16 +113,16 @@ function formatEventDetail(detail) {
 }
 function writeMarkdown(components, options) {
     return __awaiter(this, void 0, void 0, function () {
-        var write, document, keys;
+        var write, document, keys, outFile;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     write = (options === null || options === void 0 ? void 0 : options.write) !== false;
-                    document = new WriterMarkdown_1["default"]({
+                    document = new WriterMarkdown_1.default({
                         onAppend: function (type, document) {
                             var _a;
                             (_a = options.onAppend) === null || _a === void 0 ? void 0 : _a.call(null, type, document, components);
-                        }
+                        },
                     });
                     document.append("h1", "Component Index");
                     document.append("h2", "Components").tableOfContents();
@@ -109,7 +133,7 @@ function writeMarkdown(components, options) {
                         document.append("h2", "`".concat(component.moduleName, "`"));
                         if (component.typedefs.length > 0) {
                             document.append("h3", "Types").append("raw", "```ts\n".concat((0, writer_ts_definitions_1.getTypeDefs)({
-                                typedefs: component.typedefs
+                                typedefs: component.typedefs,
                             }), "\n```\n\n"));
                         }
                         document.append("h3", "Props");
@@ -123,7 +147,7 @@ function writeMarkdown(components, options) {
                                 return 0;
                             })
                                 .forEach(function (prop) {
-                                document.append("raw", "| ".concat(prop.name, " | ").concat(prop.isRequired ? 'Yes' : 'No', " | ").concat("<code>".concat(prop.kind, "</code>"), " | ").concat(prop.reactive ? "Yes" : "No", " | ").concat(formatPropType(prop.type), " | ").concat(formatPropValue(prop.value), " | ").concat(formatPropDescription(prop.description), " |\n"));
+                                document.append("raw", "| ".concat(prop.name, " | ").concat(prop.isRequired ? "Yes" : "No", " | ").concat("<code>".concat(prop.kind, "</code>"), " | ").concat(prop.reactive ? "Yes" : "No", " | ").concat(formatPropType(prop.type), " | ").concat(formatPropValue(prop.value), " | ").concat(formatPropDescription(prop.description), " |\n"));
                             });
                         }
                         else {
@@ -133,7 +157,7 @@ function writeMarkdown(components, options) {
                         if (component.slots.length > 0) {
                             document.append("raw", SLOT_TABLE_HEADER);
                             component.slots.forEach(function (slot) {
-                                document.append("raw", "| ".concat(slot["default"] ? MD_TYPE_UNDEFINED : slot.name, " | ").concat(slot["default"] ? "Yes" : "No", " | ").concat(formatSlotProps(slot.slot_props), " | ").concat(formatSlotFallback(slot.fallback), " |\n"));
+                                document.append("raw", "| ".concat(slot.default ? MD_TYPE_UNDEFINED : slot.name, " | ").concat(slot.default ? "Yes" : "No", " | ").concat(formatSlotProps(slot.slot_props), " | ").concat(formatSlotFallback(slot.fallback), " |\n"));
                             });
                         }
                         else {
@@ -151,7 +175,8 @@ function writeMarkdown(components, options) {
                         }
                     });
                     if (!write) return [3 /*break*/, 2];
-                    return [4 /*yield*/, document.write(options.outFile, document.end())];
+                    outFile = path.join(process.cwd(), options.outFile);
+                    return [4 /*yield*/, document.write(outFile, document.end())];
                 case 1:
                     _a.sent();
                     console.log("created \"".concat(options.outFile, "\"."));
@@ -161,4 +186,4 @@ function writeMarkdown(components, options) {
         });
     });
 }
-exports["default"] = writeMarkdown;
+exports.default = writeMarkdown;

package/lib/writer/writer-ts-definitions.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -79,13 +79,15 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeTsDefinition = exports.getTypeDefs = exports.formatTsProps = void 0;
 var path = __importStar(require("path"));
 var create_exports_1 = require("../create-exports");
 var Writer_1 = __importDefault(require("./Writer"));
 var ANY_TYPE = "any";
 var EMPTY_STR = "";
+// Svelte 4 is not compatible with `{}`
+var EMPTY_EVENTS = "Record<string, any>";
 function formatTsProps(props) {
     if (props === undefined)
         return ANY_TYPE;
@@ -140,32 +142,31 @@ function genPropDef(def) {
             .split("|")
             .map(function (name) {
             var element = name.trim();
-            if (element === "svg") {
-                return "svelte.JSX.SVGAttributes<SVGSVGElement>";
-            }
-            return "svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[\"".concat(element, "\"]>");
+            return "SvelteHTMLElements[\"".concat(element, "\"]");
         })
-            .join(",");
+            .join("&");
         /**
          * Components that extend HTML elements should allow for `data-*` attributes.
          * @see https://github.com/sveltejs/language-tools/issues/1825
+         *
+         * Even though Svelte 4 does this automatically, we need to preserve this for Svelte 3.
          */
         var dataAttributes = "[key: `data-${string}`]: any;";
-        prop_def = "\n    export interface ".concat(props_name, " extends ").concat(def["extends"] !== undefined ? "".concat(def["extends"].interface, ", ") : "").concat(extend_tag_map, " {\n      ").concat(props, "\n      \n      ").concat(dataAttributes, "\n    }\n  ");
+        prop_def = "\n    ".concat(extend_tag_map ? "type RestProps = ".concat(extend_tag_map, ";\n") : "", "\n    export interface ").concat(props_name, " extends ").concat(def.extends !== undefined ? "".concat(def.extends.interface, ", ") : "", "RestProps {\n      ").concat(props, "\n      \n      ").concat(dataAttributes, "\n    }\n  ");
     }
     else {
-        prop_def = "\n    export interface ".concat(props_name, " ").concat(def["extends"] !== undefined ? "extends ".concat(def["extends"].interface) : "", " {\n      ").concat(props, "\n    }\n  ");
+        prop_def = "\n    export interface ".concat(props_name, " ").concat(def.extends !== undefined ? "extends ".concat(def.extends.interface) : "", " {\n      ").concat(props, "\n    }\n  ");
     }
     return {
         props_name: props_name,
-        prop_def: prop_def
+        prop_def: prop_def,
     };
 }
 function genSlotDef(def) {
     return def.slots
         .map(function (_a) {
         var name = _a.name, slot_props = _a.slot_props, rest = __rest(_a, ["name", "slot_props"]);
-        var key = rest["default"] ? "default" : clampKey(name);
+        var key = rest.default ? "default" : clampKey(name);
         var description = rest.description ? "/** " + rest.description + " */\n" : "";
         return "".concat(description).concat(clampKey(key), ": ").concat(formatTsProps(slot_props), ";");
     })
@@ -184,7 +185,9 @@ function genEventDef(def) {
             return detail;
         return "CustomEvent<".concat(detail, ">");
     };
-    return def.events
+    if (def.events.length === 0)
+        return EMPTY_EVENTS;
+    var events_map = def.events
         .map(function (event) {
         var description = "";
         if (event.type === "dispatched" && event.description) {
@@ -193,6 +196,7 @@ function genEventDef(def) {
         return "".concat(description).concat(clampKey(event.name), ": ").concat(event.type === "dispatched" ? createDispatchedEvent(event.detail) : "".concat(mapEvent(event.name), "[\"").concat(event.name, "\"]"), ";\n");
     })
         .join("");
+    return "{".concat(events_map, "}");
 }
 function genAccessors(def) {
     return def.props
@@ -205,9 +209,9 @@ function genAccessors(def) {
         .join("\n");
 }
 function genImports(def) {
-    if (def["extends"] === undefined)
+    if (def.extends === undefined)
         return "";
-    return "import type { ".concat(def["extends"].interface, " } from ").concat(def["extends"]["import"], ";");
+    return "import type { ".concat(def.extends.interface, " } from ").concat(def.extends.import, ";");
 }
 function genComponentComment(def) {
     if (!def.componentComment)
@@ -236,54 +240,58 @@ function genModuleExports(def) {
         .join("\n");
 }
 function writeTsDefinition(component) {
-    var moduleName = component.moduleName, typedefs = component.typedefs, props = component.props, moduleExports = component.moduleExports, slots = component.slots, events = component.events, rest_props = component.rest_props, _extends = component["extends"], componentComment = component.componentComment;
+    var moduleName = component.moduleName, typedefs = component.typedefs, props = component.props, moduleExports = component.moduleExports, slots = component.slots, events = component.events, rest_props = component.rest_props, _extends = component.extends, componentComment = component.componentComment;
     var _a = genPropDef({
         moduleName: moduleName,
         props: props,
         rest_props: rest_props,
-        "extends": _extends
+        extends: _extends,
     }), props_name = _a.props_name, prop_def = _a.prop_def;
-    return "\n  /// <reference types=\"svelte\" />\n  import type { SvelteComponentTyped } from \"svelte\";\n  ".concat(genImports({ "extends": _extends }), "\n  ").concat(genModuleExports({ moduleExports: moduleExports }), "\n  ").concat(getTypeDefs({ typedefs: typedefs }), "\n  ").concat(prop_def, "\n  ").concat(genComponentComment({ componentComment: componentComment }), "\n  export default class ").concat(moduleName === "default" ? "" : moduleName, " extends SvelteComponentTyped<\n      ").concat(props_name, ",\n      {").concat(genEventDef({ events: events }), "},\n      {").concat(genSlotDef({ slots: slots }), "}\n    > {\n      ").concat(genAccessors({ props: props }), "\n    }");
+    return "\n  import type { SvelteComponentTyped } from \"svelte\";".concat((rest_props === null || rest_props === void 0 ? void 0 : rest_props.type) === "Element" ? "import type { SvelteHTMLElements } from \"svelte/elements\";\n" : "", "\n  ").concat(genImports({ extends: _extends }), "\n  ").concat(genModuleExports({ moduleExports: moduleExports }), "\n  ").concat(getTypeDefs({ typedefs: typedefs }), "\n  ").concat(prop_def, "\n  ").concat(genComponentComment({ componentComment: componentComment }), "\n  export default class ").concat(moduleName === "default" ? "" : moduleName, " extends SvelteComponentTyped<\n      ").concat(props_name, ",\n      ").concat(genEventDef({ events: events }), ",\n      {").concat(genSlotDef({ slots: slots }), "}\n    > {\n      ").concat(genAccessors({ props: props }), "\n    }");
 }
 exports.writeTsDefinition = writeTsDefinition;
 function writeTsDefinitions(components, options) {
-    var components_1, components_1_1;
-    var e_1, _a;
+    var _a, components_1, components_1_1;
+    var _b, e_1, _c, _d;
     return __awaiter(this, void 0, void 0, function () {
-        var ts_base_path, writer, indexDTs, _b, moduleName, component, ts_filepath, e_1_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var ts_base_path, writer, indexDTs, moduleName, component, ts_filepath, e_1_1;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
                     ts_base_path = path.join(process.cwd(), options.outDir, "index.d.ts");
-                    writer = new Writer_1["default"]({ parser: "typescript", printWidth: 80 });
+                    writer = new Writer_1.default({ parser: "typescript", printWidth: 80 });
                     indexDTs = options.preamble + (0, create_exports_1.createExports)(options.exports, components);
-                    _c.label = 1;
+                    _e.label = 1;
                 case 1:
-                    _c.trys.push([1, 7, 8, 13]);
-                    components_1 = __asyncValues(components);
-                    _c.label = 2;
+                    _e.trys.push([1, 7, 8, 13]);
+                    _a = true, components_1 = __asyncValues(components);
+                    _e.label = 2;
                 case 2: return [4 /*yield*/, components_1.next()];
                 case 3:
-                    if (!(components_1_1 = _c.sent(), !components_1_1.done)) return [3 /*break*/, 6];
-                    _b = components_1_1.value, moduleName = _b[0], component = _b[1];
+                    if (!(components_1_1 = _e.sent(), _b = components_1_1.done, !_b)) return [3 /*break*/, 6];
+                    _d = components_1_1.value;
+                    _a = false;
+                    moduleName = _d[0], component = _d[1];
                     ts_filepath = (0, create_exports_1.convertSvelteExt)(path.join(options.outDir, component.filePath));
                     return [4 /*yield*/, writer.write(ts_filepath, writeTsDefinition(component))];
                 case 4:
-                    _c.sent();
-                    _c.label = 5;
-                case 5: return [3 /*break*/, 2];
+                    _e.sent();
+                    _e.label = 5;
+                case 5:
+                    _a = true;
+                    return [3 /*break*/, 2];
                 case 6: return [3 /*break*/, 13];
                 case 7:
-                    e_1_1 = _c.sent();
+                    e_1_1 = _e.sent();
                     e_1 = { error: e_1_1 };
                     return [3 /*break*/, 13];
                 case 8:
-                    _c.trys.push([8, , 11, 12]);
-                    if (!(components_1_1 && !components_1_1.done && (_a = components_1["return"]))) return [3 /*break*/, 10];
-                    return [4 /*yield*/, _a.call(components_1)];
+                    _e.trys.push([8, , 11, 12]);
+                    if (!(!_a && !_b && (_c = components_1.return))) return [3 /*break*/, 10];
+                    return [4 /*yield*/, _c.call(components_1)];
                 case 9:
-                    _c.sent();
-                    _c.label = 10;
+                    _e.sent();
+                    _e.label = 10;
                 case 10: return [3 /*break*/, 12];
                 case 11:
                     if (e_1) throw e_1.error;
@@ -291,11 +299,11 @@ function writeTsDefinitions(components, options) {
                 case 12: return [7 /*endfinally*/];
                 case 13: return [4 /*yield*/, writer.write(ts_base_path, indexDTs)];
                 case 14:
-                    _c.sent();
+                    _e.sent();
                     console.log("created TypeScript definitions.");
                     return [2 /*return*/];
             }
         });
     });
 }
-exports["default"] = writeTsDefinitions;
+exports.default = writeTsDefinitions;

package/package.json

@@ -1,43 +1,35 @@
 {
   "name": "sveld",
-  "version": "0.18.1",
+  "version": "0.19.1",
   "license": "Apache-2.0",
   "description": "Generate TypeScript definitions for your Svelte components.",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
     "test:unit": "vitest -r tests",
     "test:snapshot": "node tests/test-snapshot",
     "test:integration": "node tests/test-integration",
-    "format": "prettier --write \"{src,tests}/**/*.{js,ts,svelte,md}\"",
+    "format": "prettier --write \"{src,tests,playground}/**/*.{js,ts,svelte,md}\" --ignore-path \".gitignore\"",
     "prepack": "tsc"
   },
   "dependencies": {
     "@rollup/plugin-node-resolve": "^13.2.1",
     "acorn": "^8.8.0",
-    "comment-parser": "^1.3.1",
-    "fast-glob": "^3.2.12",
-    "prettier": "^2.6.2",
+    "comment-parser": "^1.4.0",
+    "fast-glob": "^3.3.1",
+    "prettier": "^2.8.8",
     "rollup": "^2.70.2",
-    "rollup-plugin-svelte": "^7.1.0",
-    "svelte": "^3.52.0",
-    "svelte-preprocess": "^4.10.6",
-    "typescript": "^4.8.4"
+    "rollup-plugin-svelte": "^7.1.6",
+    "svelte": "^4.1.2",
+    "svelte-preprocess": "^5.0.4",
+    "typescript": "^5.1.6"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "1.0.9",
-    "@types/node": "^18.11.0",
-    "@types/prettier": "^2.7.1",
-    "carbon-components-svelte": "^0.70.12",
-    "carbon-preprocess-svelte": "^0.9.1",
-    "codemirror": "5.65.5",
+    "@types/node": "^20.4.9",
+    "@types/prettier": "^2.7.3",
     "prettier-plugin-svelte": "^2.8.0",
-    "svelte-highlight": "^6.2.1",
-    "vite": "^3.1.8",
-    "vitest": "^0.24.3"
+    "vite": "^3.2.3",
+    "vitest": "^0.34.1"
   },
   "bin": {
     "sveld": "./cli.js"