@tygo-van-den-hurk/slyde 0.0.2-unstable-165e786.0 → 0.0.2-unstable-125d2d8.0

package/README.md

@@ -1,7 +1,7 @@
 <div align="center">
   <picture>
-    <source srcset="https://github.com/Tygo-van-den-Hurk/Slyde/blob/165e7861d7818a95ef59e5fd8dbec8619f59361f/docs/assets/logo-standalone.svg" media="(max-width: 600px)">
-    <img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/165e7861d7818a95ef59e5fd8dbec8619f59361f/docs/assets/logo-with-text.svg" width="50%" alt="the Slyde logo">
+    <source srcset="https://github.com/Tygo-van-den-Hurk/Slyde/blob/125d2d8009500491b64dbe25c573af7bf275ed1c/docs/assets/logo-standalone.svg" media="(max-width: 600px)">
+    <img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/125d2d8009500491b64dbe25c573af7bf275ed1c/docs/assets/logo-with-text.svg" width="50%" alt="the Slyde logo">
   </picture>
   <br>
   <br>
@@ -26,7 +26,7 @@ Slyde is a program to create professional beautifully animated presentations fro
 
 This would output the following fully animated presentation:
 
-<img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/165e7861d7818a95ef59e5fd8dbec8619f59361f/docs/assets/example-presentation.gif" width="100%" alt="An example Slyde presentation based on the previous example XML template">
+<img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/125d2d8009500491b64dbe25c573af7bf275ed1c/docs/assets/example-presentation.gif" width="100%" alt="An example Slyde presentation based on the previous example XML template">
 
 ## Features
 
@@ -81,4 +81,4 @@ You can also install Slyde in your path by adding the `--global` flag. You might
 
 ## Licence
 
-All files in this repository fall under a [licence](https://github.com/Tygo-van-den-Hurk/Slyde/blob/165e7861d7818a95ef59e5fd8dbec8619f59361f/LICENSE).
+All files in this repository fall under a [licence](https://github.com/Tygo-van-den-Hurk/Slyde/blob/125d2d8009500491b64dbe25c573af7bf275ed1c/LICENSE).

package/dist/lib/core/components/blocks/index.d.ts

@@ -1,5 +1,6 @@
 export * from '#lib/core/components/blocks/image';
 export * from '#lib/core/components/blocks/point';
+export * from '#lib/core/components/blocks/qr-core';
 export * from '#lib/core/components/blocks/quote';
 export * from '#lib/core/components/blocks/table';
 export * from '#lib/core/components/blocks/text';

package/dist/lib/core/components/blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/core/components/blocks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/core/components/blocks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}

package/dist/lib/core/components/blocks/index.js

@@ -1,5 +1,6 @@
 export * from '#lib/core/components/blocks/image';
 export * from '#lib/core/components/blocks/point';
+export * from '#lib/core/components/blocks/qr-core';
 export * from '#lib/core/components/blocks/quote';
 export * from '#lib/core/components/blocks/table';
 export * from '#lib/core/components/blocks/text';

package/dist/lib/core/components/blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/core/components/blocks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/core/components/blocks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}

package/dist/lib/core/components/blocks/qr-core.d.ts

@@ -0,0 +1,20 @@
+import { Component } from '#lib/core/components/class';
+type correctionLevelChoicesShort = (typeof QrCode.correctionLevelChoicesShort)[number];
+type correctionLevelChoicesLong = (typeof QrCode.correctionLevelChoicesLong)[number];
+type correctionLevelChoices = correctionLevelChoicesShort | correctionLevelChoicesLong;
+type correctionLevelMap = Record<correctionLevelChoices, correctionLevelChoicesLong>;
+/** The `QR-Code` component. Shows a QR code image to somewhere. */
+export declare class QrCode extends Component {
+    #private;
+    /** The correction levels to chose from in their short form. */
+    static readonly correctionLevelChoicesShort: readonly ["l", "m", "q", "h"];
+    /** The correction levels to chose from in their long form. */
+    static readonly correctionLevelChoicesLong: readonly ["low", "medium", "quartile", "high"];
+    /** The correction levels to chose from. */
+    static readonly correctionLevelChoices: readonly ["l", "m", "q", "h", "low", "medium", "quartile", "high"];
+    static readonly correctionLevelMap: correctionLevelMap;
+    render(): Promise<string>;
+    hierarchy(): ReturnType<Component.Interface['hierarchy']>;
+}
+export {};
+//# sourceMappingURL=qr-core.d.ts.map

package/dist/lib/core/components/blocks/qr-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-core.d.ts","sourceRoot":"","sources":["../../../../../lib/core/components/blocks/qr-core.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,KAAK,2BAA2B,GAAG,CAAC,OAAO,MAAM,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC;AACvF,KAAK,0BAA0B,GAAG,CAAC,OAAO,MAAM,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AACrF,KAAK,sBAAsB,GAAG,2BAA2B,GAAG,0BAA0B,CAAC;AACvF,KAAK,kBAAkB,GAAG,MAAM,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAErF,mEAAmE;AACnE,qBACa,MAAO,SAAQ,SAAS;;IACnC,+DAA+D;IAE/D,gBAAuB,2BAA2B,gCAAiC;IAEnF,8DAA8D;IAE9D,gBAAuB,0BAA0B,iDAKtC;IAEX,2CAA2C;IAE3C,gBAAuB,sBAAsB,qEAGlC;IAGX,gBAAuB,kBAAkB,EAAE,kBAAkB,CASlD;IAsDE,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;IAgB/B,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAGjE"}

package/dist/lib/core/components/blocks/qr-core.js

@@ -0,0 +1,156 @@
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+import qrCode from 'qrcode';
+import { Component } from '#lib/core/components/class';
+/** The `QR-Code` component. Shows a QR code image to somewhere. */
+let QrCode = (() => {
+    var _a;
+    var _b;
+    let _classDecorators = [Component.register.using({ plugin: false })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Component;
+    let _instanceExtraInitializers = [];
+    let _render_decorators;
+    var QrCode = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _render_decorators = [(_b = Component.utils.children).reject.bind(_b)];
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            QrCode = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        /** The correction levels to chose from in their short form. */
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        static correctionLevelChoicesShort = ['l', 'm', 'q', 'h'];
+        /** The correction levels to chose from in their long form. */
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        static correctionLevelChoicesLong = [
+            'low',
+            'medium',
+            'quartile',
+            'high',
+        ];
+        /** The correction levels to chose from. */
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        static correctionLevelChoices = [
+            ...QrCode.correctionLevelChoicesShort,
+            ...QrCode.correctionLevelChoicesLong,
+        ];
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        static correctionLevelMap = {
+            h: 'high', // eslint-disable-line id-length
+            high: 'high',
+            l: 'low', // eslint-disable-line id-length
+            low: 'low',
+            m: 'medium', // eslint-disable-line id-length
+            medium: 'medium',
+            q: 'quartile', // eslint-disable-line id-length
+            quartile: 'quartile',
+        };
+        /** The correction level to use. Can range from **L**ow, to **H**igh. */
+        #correctionLevel = (__runInitializers(this, _instanceExtraInitializers), Component.utils.extract({
+            aliases: ['correction-level', 'correction'],
+            context: this,
+            fallback: 'medium',
+            transform(value, context, key) {
+                const choices = QrCode.correctionLevelChoices;
+                const validated = Component.utils.transform.enum(choices)(value, context, key);
+                return QrCode.correctionLevelMap[validated];
+            },
+        }));
+        /** The version of the QR-Code specification to use. */
+        #version = Component.utils.extract({
+            aliases: ['qr-code-version', 'spec-version', 'version'],
+            context: this,
+            transform(value) {
+                if (typeof value !== 'string')
+                    return value;
+                return Number.parseInt(value, 10);
+            },
+        });
+        /** The data of the qr-code / where the QR code goes to. */
+        #data = Component.utils.extract({
+            aliases: ['data', 'url', 'to'],
+            context: this,
+            missing: 'error',
+        });
+        /** The description of the image. Will be used for screen readers and such. */
+        #description = Component.utils.extract({
+            aliases: ['description', 'alt'],
+            context: this,
+            missing: 'warn',
+        });
+        /** The color of the dark part of the QR code. */
+        #colorDark = Component.utils.extract({
+            aliases: ['color-dark', 'color-1'],
+            context: this,
+            fallback: '#000000ff',
+        });
+        /** The color of the light part of the QR code. */
+        #colorLight = Component.utils.extract({
+            aliases: ['color-light', 'color-2'],
+            context: this,
+            fallback: '#ffffffff',
+        });
+        async render() {
+            const options = {};
+            options.type = 'svg';
+            options.errorCorrectionLevel = this.#correctionLevel;
+            options.version = this.#version;
+            options.color = {};
+            options.color.dark = this.#colorDark;
+            options.color.light = this.#colorLight;
+            const svg = await qrCode.toString(this.#data, options);
+            const source = `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+            const description = this.#description ?? 'a QR-Code';
+            // eslint-disable-next-line no-inline-comments
+            return /*HTML*/ `<img class="h-full w-full object-fill" src="${source}" alt="${description}">`;
+        }
+        // eslint-disable-next-line @typescript-eslint/class-methods-use-this, jsdoc/require-jsdoc
+        hierarchy() {
+            return [Component.level.block, '+'];
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return QrCode = _classThis;
+})();
+export { QrCode };
+//# sourceMappingURL=qr-core.js.map

package/dist/lib/core/components/blocks/qr-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-core.js","sourceRoot":"","sources":["../../../../../lib/core/components/blocks/qr-core.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -4,7 +4,7 @@
     "description": "Make beautifully animated Slydes and presentations from XML with ease!",
     "homepage": "https://Slyde.js.org",
     "author": "Tygo van den Hurk",
-    "version": "0.0.2-unstable-165e786.0",
+    "version": "0.0.2-unstable-125d2d8.0",
     "private": false,
     "keywords": [
         "cli",
@@ -72,6 +72,7 @@
         "mathjax-full": "^3.2.1",
         "ora": "^9.0.0",
         "prettier": "^3.6.2",
+        "qrcode": "^1.5.4",
         "semver": "^7.7.3",
         "xml-parser-xo": "^4.1.5",
         "yargs": "^18.0.0",
@@ -80,6 +81,7 @@
     "devDependencies": {
         "@types/express": "^5.0.3",
         "@types/node": "^24.5.2",
+        "@types/qrcode": "^1.5.6",
         "@types/semver": "^7.7.1",
         "@types/yargs": "^17.0.34",
         "@vitest/coverage-istanbul": "^3.2.4",