Ninosaurier/LUNA-Charts
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

PR from dev to main #44

Merged
Ninosaurier merged 4 commits from dev into main 2026-10-07 10:39:31 +00:00
Conversation 0 Commits 4 Files Changed 12
+127 -110
12 changed files with 127 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.prettierrc.json
+1 -2
View File
@@ -2,6 +2,5 @@
"singleQuote": true,
"semi": true,
"trailingComma": "es5",
"printWidth": 100,
"bracketSameLine": true
"printWidth": 100
}
README.md
+1
View File
@@ -93,6 +93,7 @@ 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
+1
View File
@@ -6,6 +6,7 @@
"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
View File
@@ -1,7 +1,6 @@
{
"arrowParens": "avoid",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"jsxSingleQuote": false,
"quoteProps": "consistent",
"printWidth": 180,
packages/luna-charts/custom-elements.json
+31 -69
View File
@@ -1,94 +1,45 @@
{
"timestamp": "2026-08-01T23:02:04",
"timestamp": "2026-10-05T16:30:03",
"compiler": {
"name": "@stencil/core",
"version": "4.43.5",
"version": "4.44.2",
"typescriptVersion": "5.8.3"
},
"components": [
{
"filePath": "src/components/my-component/my-component.tsx",
"filePath": "src/components/charts/bar-chart/bar-chart.tsx",
"encapsulation": "shadow",
"tag": "my-component",
"readme": "# my-component\n\n\n",
"tag": "bar-chart",
"readme": "# bar-chart\n\n\n",
"docs": "",
"docsTags": [],
"usage": {},
"props": [
{
"name": "first",
"type": "string | undefined",
"name": "title",
"type": "string",
"complexType": {
"original": "string",
"resolved": "string | undefined",
"resolved": "string",
"references": {}
},
"mutable": false,
"attr": "first",
"attr": "title",
"reflectToAttr": false,
"docs": "The first name",
"docsTags": [],
"docs": "",
"docsTags": [
{
"name": "default",
"text": "'Hello World'"
}
],
"default": "'Hello World'",
"values": [
{
"type": "string"
},
{
"type": "undefined"
}
],
"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,
"optional": false,
"required": false,
"getter": false,
"setter": false
@@ -98,7 +49,12 @@
"events": [],
"listeners": [],
"styles": [],
"slots": [],
"slots": [
{
"name": "",
"docs": "The default slot"
}
],
"parts": [],
"states": [],
"dependents": [],
@@ -106,5 +62,11 @@
"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
Vendored
+17 -35
View File
@@ -5,64 +5,46 @@
*/
import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
export namespace Components {
interface MyComponent {
interface BarChart {
/**
* The first name
* @default 'Hello World'
*/
first?: string;
/**
* The last name
*/
last?: string;
/**
* The middle name
*/
middle?: string;
title: string;
}
}
declare global {
interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {}
var HTMLMyComponentElement: {
prototype: HTMLMyComponentElement;
new (): HTMLMyComponentElement;
interface HTMLBarChartElement extends Components.BarChart, HTMLStencilElement {}
var HTMLBarChartElement: {
prototype: HTMLBarChartElement;
new (): HTMLBarChartElement;
};
interface HTMLElementTagNameMap {
'my-component': HTMLMyComponentElement;
'bar-chart': HTMLBarChartElement;
}
}
declare namespace LocalJSX {
interface MyComponent {
interface BarChart {
/**
* The first name
* @default 'Hello World'
*/
first?: string;
/**
* The last name
*/
last?: string;
/**
* The middle name
*/
middle?: string;
title?: string;
}
interface MyComponentAttributes {
first: string;
middle: string;
last: string;
interface BarChartAttributes {
title: string;
}
interface IntrinsicElements {
'my-component': Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & {
[K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K];
} & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
'bar-chart': Omit<BarChart, keyof BarChartAttributes> & { [K in keyof BarChart & keyof BarChartAttributes]?: BarChart[K] } & {
[K in keyof BarChart & keyof BarChartAttributes as `attr:${K}`]?: BarChartAttributes[K];
} & { [K in keyof BarChart & keyof BarChartAttributes as `prop:${K}`]?: BarChart[K] };
}
}
export { LocalJSX as JSX };
declare module '@stencil/core' {
export namespace JSX {
interface IntrinsicElements {
'my-component': LocalJSX.IntrinsicElements['my-component'] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
'bar-chart': LocalJSX.IntrinsicElements['bar-chart'] & JSXBase.HTMLAttributes<HTMLBarChartElement>;
}
}
}
packages/luna-charts/src/components/charts/bar-chart/bar-chart.css
+3
View File
@@ -0,0 +1,3 @@
:host {
display: block;
}
packages/luna-charts/src/components/charts/bar-chart/bar-chart.stories.tsx
+24
View File
@@ -0,0 +1,24 @@
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
+18
View File
@@ -0,0 +1,18 @@
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
+12
View File
@@ -0,0 +1,12 @@
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
+19
View File
@@ -0,0 +1,19 @@
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
-3
View File
@@ -12,9 +12,6 @@ export const config: Config = {
customElementsExportBehavior: 'auto-define-custom-elements',
externalRuntime: false,
},
{
type: 'docs-readme',
},
{
type: 'www',
serviceWorker: null, // disable service workers