Try to resolve dist files on github pages

Author: marcoroth

demo.html

@@ -180,7 +180,7 @@ <h2>Stickers Component</h2>
   </div>
 
   <script type="module">
-    import '../dist/src/ruby-events.js';
+    import './dist/src/ruby-events.js';
 
     // Automatically use rubyevents.org when not on localhost
     const baseUrl = (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1')

dist/src/RubyEvents.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class RubyEvents extends LitElement {
+    static styles: import("lit").CSSResult;
+    header: string;
+    counter: number;
+    __increment(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

dist/src/RubyEvents.js

@@ -0,0 +1,35 @@
+import { __decorate } from 'tslib'
+import { html, css, LitElement } from 'lit'
+import { property } from 'lit/decorators.js'
+export class RubyEvents extends LitElement {
+  constructor () {
+    super(...arguments)
+    this.header = 'Hey there'
+    this.counter = 5
+  }
+
+  __increment () {
+    this.counter += 1
+  }
+
+  render () {
+    return html`
+      <h2>${this.header} Nr. ${this.counter}!</h2>
+      <button @click=${this.__increment}>increment</button>
+    `
+  }
+}
+RubyEvents.styles = css`
+    :host {
+      display: block;
+      padding: 25px;
+      color: var(--ruby-events-text-color, #000);
+    }
+  `
+__decorate([
+  property({ type: String })
+], RubyEvents.prototype, 'header', void 0)
+__decorate([
+  property({ type: Number })
+], RubyEvents.prototype, 'counter', void 0)
+// # sourceMappingURL=RubyEvents.js.map

dist/src/RubyEvents.js.map

@@ -0,0 +1,32 @@
+import { LitElement, TemplateResult } from 'lit';
+import { ApiClient } from '../utils/api.js';
+import type { LoadingState } from '../types/api.js';
+export declare abstract class BaseComponent<T> extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Base URL for the RubyEvents API.
+     * Defaults to https://rubyevents.org
+     */
+    baseUrl: string;
+    /**
+     * Whether to show the "Powered by RubyEvents" footer.
+     * Add the `show-footer` attribute to display the footer.
+     */
+    showFooter: boolean;
+    protected loadingState: LoadingState;
+    protected data: T | null;
+    protected error: string | null;
+    protected api: ApiClient | null;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    protected abstract fetchData(): Promise<void>;
+    protected abstract renderContent(): TemplateResult;
+    protected renderLoading(): TemplateResult;
+    protected renderError(): TemplateResult;
+    protected renderFooter(): TemplateResult;
+    protected formatDuration(seconds: number): string;
+    protected formatDate(dateString: string): string;
+    protected buildUrl(path: string): string;
+    render(): TemplateResult;
+}
+export declare const skeletonCard: import("lit").CSSResult;

dist/src/base/BaseComponent.d.ts

@@ -0,0 +1,12 @@
+export declare const baseStyles: import("lit").CSSResult;
+export declare const cardStyles: import("lit").CSSResult;
+export declare const thumbnailStyles: import("lit").CSSResult;
+export declare const avatarStyles: import("lit").CSSResult;
+export declare const badgeStyles: import("lit").CSSResult;
+export declare const listStyles: import("lit").CSSResult;
+export declare const tabStyles: import("lit").CSSResult;
+export declare const loadingStyles: import("lit").CSSResult;
+export declare const errorStyles: import("lit").CSSResult;
+export declare const gridStyles: import("lit").CSSResult;
+export declare const utilityStyles: import("lit").CSSResult;
+export declare const footerStyles: import("lit").CSSResult;