Merge pull request 'Prepared release v0.2.0 and merge dev into Main' (#34) from dev into main

Reviewed-on: #34

.prettierrc.json

@@ -2,5 +2,6 @@
   "singleQuote": true,
   "semi": true,
   "trailingComma": "es5",
-  "printWidth": 100
+  "printWidth": 100,
+    "bracketSameLine": true
 }

README.md

@@ -93,7 +93,6 @@ pnpm install
 | `pnpm run format` | Run the formatter to automatically fix code style issues |
 | `pnpm run test:browser` | Run browser tests (only works inside the `packages/luna-charts` directory) |
 | `pnpm run storybook` | Start the storybook documentation |
-| `pnpm run stencil:dev` | Runs the Stencil development server with live-reloading for the `luna-charts package inside the monorepo. |
 
 Component and browser tests run inside Docker (`docker-compose.test.yaml`), based on the same `Dockerfile.test` used to build the image CI tests against, to guarantee a reproducible browser environment — you don't need Playwright browsers installed locally. Locally this image is built on demand; in CI a prebuilt version of the same image is pulled directly (see [ADR-0002](./docs/src/content/docs/architecture/adr/000200-technology-stack.mdx) and the [Technology Architecture](./docs/src/content/docs/architecture/adm/technology-architecture.mdx#66-test-execution-environment) doc for details).
 

package.json

@@ -6,7 +6,6 @@
   "scripts": {
     "docs": "pnpm --filter docs run dev",
     "lint": "pnpm --filter luna-charts run lint",
-    "stencil:dev": "pnpm --filter luna-charts exec stencil build --watch",
     "format": "prettier --write .",
     "format:check": "pnpm --filter luna-charts run format:check",
     "changeset": "changeset",

packages/luna-charts/.prettierrc.json

@@ -1,6 +1,7 @@
 {
   "arrowParens": "avoid",
   "bracketSpacing": true,
+  "jsxBracketSameLine": false,
   "jsxSingleQuote": false,
   "quoteProps": "consistent",
   "printWidth": 180,

packages/luna-charts/custom-elements.json

@@ -1,45 +1,94 @@
 {
-  "timestamp": "2026-10-05T16:30:03",
+  "timestamp": "2026-08-01T23:02:04",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "components": [
     {
-      "filePath": "src/components/charts/bar-chart/bar-chart.tsx",
+      "filePath": "src/components/my-component/my-component.tsx",
       "encapsulation": "shadow",
-      "tag": "bar-chart",
+      "tag": "my-component",
-      "readme": "# bar-chart\n\n\n",
+      "readme": "# my-component\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "title",
+          "name": "first",
-          "type": "string",
+          "type": "string | undefined",
           "complexType": {
             "original": "string",
-            "resolved": "string",
+            "resolved": "string | undefined",
             "references": {}
           },
           "mutable": false,
-          "attr": "title",
+          "attr": "first",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "The first name",
-          "docsTags": [
+          "docsTags": [],
-            {
-              "name": "default",
-              "text": "'Hello World'"
-            }
-          ],
-          "default": "'Hello World'",
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "last",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "last",
+          "reflectToAttr": false,
+          "docs": "The last name",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "middle",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "middle",
+          "reflectToAttr": false,
+          "docs": "The middle name",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -49,12 +98,7 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
+      "slots": [],
-        {
-          "name": "",
-          "docs": "The default slot"
-        }
-      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -62,11 +106,5 @@
       "dependencyGraph": {}
     }
   ],
-  "typeLibrary": {
+  "typeLibrary": {}
-    "src/types/index.ts::ChartInfo": {
-      "declaration": "export interface ChartInfo {\n  title: string;\n  description: string;  \n  sourceUrl: string;   \n}",
-      "docstring": "",
-      "path": "src/types/index.ts"
-    }
-  }
 }

packages/luna-charts/src/components.d.ts

@@ -5,46 +5,64 @@
  */
 import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
 export namespace Components {
-  interface BarChart {
+  interface MyComponent {
     /**
-     * @default 'Hello World'
+     * The first name
      */
-    title: string;
+    first?: string;
+    /**
+     * The last name
+     */
+    last?: string;
+    /**
+     * The middle name
+     */
+    middle?: string;
   }
 }
 declare global {
-  interface HTMLBarChartElement extends Components.BarChart, HTMLStencilElement {}
+  interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {}
-  var HTMLBarChartElement: {
+  var HTMLMyComponentElement: {
-    prototype: HTMLBarChartElement;
+    prototype: HTMLMyComponentElement;
-    new (): HTMLBarChartElement;
+    new (): HTMLMyComponentElement;
   };
   interface HTMLElementTagNameMap {
-    'bar-chart': HTMLBarChartElement;
+    'my-component': HTMLMyComponentElement;
   }
 }
 declare namespace LocalJSX {
-  interface BarChart {
+  interface MyComponent {
     /**
-     * @default 'Hello World'
+     * The first name
      */
-    title?: string;
+    first?: string;
+    /**
+     * The last name
+     */
+    last?: string;
+    /**
+     * The middle name
+     */
+    middle?: string;
   }
 
-  interface BarChartAttributes {
+  interface MyComponentAttributes {
-    title: string;
+    first: string;
+    middle: string;
+    last: string;
   }
 
   interface IntrinsicElements {
-    'bar-chart': Omit<BarChart, keyof BarChartAttributes> & { [K in keyof BarChart & keyof BarChartAttributes]?: BarChart[K] } & {
+    'my-component': Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & {
-      [K in keyof BarChart & keyof BarChartAttributes as `attr:${K}`]?: BarChartAttributes[K];
+      [K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K];
-    } & { [K in keyof BarChart & keyof BarChartAttributes as `prop:${K}`]?: BarChart[K] };
+    } & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
   }
 }
 export { LocalJSX as JSX };
 declare module '@stencil/core' {
   export namespace JSX {
     interface IntrinsicElements {
-      'bar-chart': LocalJSX.IntrinsicElements['bar-chart'] & JSXBase.HTMLAttributes<HTMLBarChartElement>;
+      'my-component': LocalJSX.IntrinsicElements['my-component'] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
     }
   }
 }

packages/luna-charts/src/components/charts/bar-chart/bar-chart.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

packages/luna-charts/src/components/charts/bar-chart/bar-chart.stories.tsx

@@ -1,24 +0,0 @@
-import type { Meta, StoryObj } from '@stencil/storybook-plugin';
-import { h } from '@stencil/core';
-import { BarChart } from './bar-chart';
-
-const meta: Meta<BarChart> = {
-  title: 'BarChart',
-  component: BarChart,
-  parameters: {
-    layout: 'centered',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<BarChart>;
-
-export const Primary: Story = {
-  args: {},
-  render: () => <bar-chart title="test" />,
-};
-
-export const Secondary: Story = {
-  args: {},
-};

packages/luna-charts/src/components/charts/bar-chart/bar-chart.tsx

@@ -1,18 +0,0 @@
-import { Component, Host, Prop, h } from '@stencil/core';
-
-@Component({
-  tag: 'bar-chart',
-  styleUrl: 'bar-chart.css',
-  shadow: true,
-})
-export class BarChart {
-  @Prop() title: string = 'Hello World';
-
-  render() {
-    return (
-      <Host>
-        <slot>{this.title}</slot>
-      </Host>
-    );
-  }
-}

packages/luna-charts/src/components/charts/bar-chart/test/bar-chart.e2e.ts

@@ -1,12 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-import { describe, expect, it } from 'vitest';
-
-describe('bar-chart', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<bar-chart></bar-chart>');
-
-    const element = await page.find('bar-chart');
-    expect(element).toHaveClass('hydrated');
-  });
-});

packages/luna-charts/src/components/charts/bar-chart/test/bar-chart.spec.tsx

@@ -1,19 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { BarChart } from '../bar-chart';
-import { describe, expect, it } from 'vitest';
-
-describe('bar-chart', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [BarChart],
-      html: `<bar-chart></bar-chart>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <bar-chart>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </bar-chart>
-    `);
-  });
-});

packages/luna-charts/stencil.config.ts

@@ -12,6 +12,9 @@ export const config: Config = {
       customElementsExportBehavior: 'auto-define-custom-elements',
       externalRuntime: false,
     },
+    {
+      type: 'docs-readme',
+    },
     {
       type: 'www',
       serviceWorker: null, // disable service workers