PR from dev to main #44

Merged
Ninosaurier merged 4 commits from dev into main 2026-10-07 10:39:31 +00:00
10 changed files with 52 additions and 78 deletions
Showing only changes of commit 20a1f89030 - Show all commits
+1 -2
View File
@@ -2,6 +2,5 @@
"singleQuote": true, "singleQuote": true,
"semi": true, "semi": true,
"trailingComma": "es5", "trailingComma": "es5",
"printWidth": 100, "printWidth": 100
"bracketSameLine": true
} }
-1
View File
@@ -1,7 +1,6 @@
{ {
"arrowParens": "avoid", "arrowParens": "avoid",
"bracketSpacing": true, "bracketSpacing": true,
"jsxBracketSameLine": false,
"jsxSingleQuote": false, "jsxSingleQuote": false,
"quoteProps": "consistent", "quoteProps": "consistent",
"printWidth": 180, "printWidth": 180,
+3 -4
View File
@@ -1,4 +1,3 @@
/** /**
* This is an autogenerated file created by the Stencil compiler. * This is an autogenerated file created by the Stencil compiler.
* DO NOT MODIFY IT MANUALLY * DO NOT MODIFY IT MANUALLY
@@ -29,7 +28,7 @@ interface ComponentCompilerTypeReference {
* - globally * - globally
* - by importing it into a file (and is defined elsewhere) * - by importing it into a file (and is defined elsewhere)
*/ */
location: "local" | "global" | "import"; location: 'local' | 'global' | 'import';
/** /**
* The path to the type reference, if applicable (global types should not need a path associated with them) * The path to the type reference, if applicable (global types should not need a path associated with them)
*/ */
@@ -152,7 +151,7 @@ export interface JsonDocsComponent {
/** /**
* The encapsulation strategy for a component * The encapsulation strategy for a component
*/ */
encapsulation: "shadow" | "scoped" | "none"; encapsulation: 'shadow' | 'scoped' | 'none';
/** /**
* The tag name for the component, for use in HTML * The tag name for the component, for use in HTML
*/ */
@@ -467,7 +466,7 @@ export interface StyleDoc {
* Used to inform Stencil where the start of a new property's description starts (and where the previous description * Used to inform Stencil where the start of a new property's description starts (and where the previous description
* ends). * ends).
*/ */
annotation: "prop"; annotation: 'prop';
/** /**
* The Stencil style-mode that is associated with this property. * The Stencil style-mode that is associated with this property.
*/ */
+11 -5
View File
@@ -1,5 +1,5 @@
{ {
"timestamp": "2026-09-17T15:31:03", "timestamp": "2026-10-05T16:30:03",
"compiler": { "compiler": {
"name": "@stencil/core", "name": "@stencil/core",
"version": "4.44.2", "version": "4.44.2",
@@ -30,10 +30,10 @@
"docsTags": [ "docsTags": [
{ {
"name": "default", "name": "default",
"text": "\"Hello World\"" "text": "'Hello World'"
} }
], ],
"default": "\"Hello World\"", "default": "'Hello World'",
"values": [ "values": [
{ {
"type": "string" "type": "string"
@@ -62,5 +62,11 @@
"dependencyGraph": {} "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"
}
}
}
+34 -34
View File
@@ -1,50 +1,50 @@
/* eslint-disable */
/* tslint:disable */ /* tslint:disable */
/** /**
* This is an autogenerated file created by the Stencil compiler. * This is an autogenerated file created by the Stencil compiler.
* It contains typing information for all components that exist in this project. * It contains typing information for all components that exist in this project.
*/ */
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
export namespace Components { export namespace Components {
interface BarChart { interface BarChart {
/** /**
* @default "Hello World" * @default 'Hello World'
*/ */
"title": string; title: string;
} }
} }
declare global { declare global {
interface HTMLBarChartElement extends Components.BarChart, HTMLStencilElement { interface HTMLBarChartElement extends Components.BarChart, HTMLStencilElement {}
} var HTMLBarChartElement: {
var HTMLBarChartElement: { prototype: HTMLBarChartElement;
prototype: HTMLBarChartElement; new (): HTMLBarChartElement;
new (): HTMLBarChartElement; };
}; interface HTMLElementTagNameMap {
interface HTMLElementTagNameMap { 'bar-chart': HTMLBarChartElement;
"bar-chart": HTMLBarChartElement; }
}
} }
declare namespace LocalJSX { declare namespace LocalJSX {
interface BarChart { interface BarChart {
/** /**
* @default "Hello World" * @default 'Hello World'
*/ */
"title"?: string; title?: string;
} }
interface BarChartAttributes { interface BarChartAttributes {
"title": string; title: string;
} }
interface IntrinsicElements { interface IntrinsicElements {
"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] }; '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 }; export { LocalJSX as JSX };
declare module "@stencil/core" { declare module '@stencil/core' {
export namespace JSX { export namespace JSX {
interface IntrinsicElements { interface IntrinsicElements {
"bar-chart": LocalJSX.IntrinsicElements["bar-chart"] & JSXBase.HTMLAttributes<HTMLBarChartElement>; 'bar-chart': LocalJSX.IntrinsicElements['bar-chart'] & JSXBase.HTMLAttributes<HTMLBarChartElement>;
}
} }
}
} }
@@ -16,9 +16,9 @@ type Story = StoryObj<BarChart>;
export const Primary: Story = { export const Primary: Story = {
args: {}, args: {},
render: () => <bar-chart title='test' />, render: () => <bar-chart title="test" />,
}; };
export const Secondary: Story = { export const Secondary: Story = {
args: {}, args: {},
}; };
@@ -6,8 +6,7 @@ import { Component, Host, Prop, h } from '@stencil/core';
shadow: true, shadow: true,
}) })
export class BarChart { export class BarChart {
@Prop() title: string = 'Hello World';
@Prop() title: string = "Hello World";
render() { render() {
return ( return (
@@ -1,24 +0,0 @@
# bar-chart
<!-- Auto Generated Below -->
## Properties
| Property | Attribute | Description | Type | Default |
| -------- | --------- | ----------- | -------- | --------------- |
| `title` | `title` | | `string` | `"Hello World"` |
## Slots
| Slot | Description |
| ---- | ---------------- |
| | The default slot |
----------------------------------------------
*Built with [StencilJS](https://stenciljs.com/)*
@@ -2,7 +2,6 @@ import { newSpecPage } from '@stencil/core/testing';
import { BarChart } from '../bar-chart'; import { BarChart } from '../bar-chart';
import { describe, expect, it } from 'vitest'; import { describe, expect, it } from 'vitest';
describe('bar-chart', () => { describe('bar-chart', () => {
it('renders', async () => { it('renders', async () => {
const page = await newSpecPage({ const page = await newSpecPage({
-3
View File
@@ -12,9 +12,6 @@ export const config: Config = {
customElementsExportBehavior: 'auto-define-custom-elements', customElementsExportBehavior: 'auto-define-custom-elements',
externalRuntime: false, externalRuntime: false,
}, },
{
type: 'docs-readme',
},
{ {
type: 'www', type: 'www',
serviceWorker: null, // disable service workers serviceWorker: null, // disable service workers