feat: add pure annotation for function calls

stenciljs · May 21, 2024 · 7f66a14 · 7f66a14
1 parent 91c768e
commit 7f66a14
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/packages/example-project/component-library-react/src/components.ts b/packages/example-project/component-library-react/src/components.ts
@@ -58,7 +58,7 @@ type MyButtonEvents = {
   onMyBlur: EventName<CustomEvent<void>>;
 };
 
-export const MyButton = createComponent<MyButtonElement, MyButtonEvents>({
+export const MyButton = /*@__PURE__*/ createComponent<MyButtonElement, MyButtonEvents>({
   tagName: 'my-button',
   elementClass: MyButtonElement,
   react: React,
@@ -75,7 +75,7 @@ type MyCheckboxEvents = {
   onMyBlur: EventName<CustomEvent<void>>;
 };
 
-export const MyCheckbox = createComponent<MyCheckboxElement, MyCheckboxEvents>({
+export const MyCheckbox = /*@__PURE__*/ createComponent<MyCheckboxElement, MyCheckboxEvents>({
   tagName: 'my-checkbox',
   elementClass: MyCheckboxElement,
   react: React,
@@ -89,7 +89,7 @@ export const MyCheckbox = createComponent<MyCheckboxElement, MyCheckboxEvents>({
 
 type MyComponentEvents = { onMyCustomEvent: EventName<CustomEvent<number>> };
 
-export const MyComponent = createComponent<MyComponentElement, MyComponentEvents>({
+export const MyComponent = /*@__PURE__*/ createComponent<MyComponentElement, MyComponentEvents>({
   tagName: 'my-component',
   elementClass: MyComponentElement,
   react: React,
@@ -104,7 +104,7 @@ type MyInputEvents = {
   onMyFocus: EventName<CustomEvent<void>>;
 };
 
-export const MyInput = createComponent<MyInputElement, MyInputEvents>({
+export const MyInput = /*@__PURE__*/ createComponent<MyInputElement, MyInputEvents>({
   tagName: 'my-input',
   elementClass: MyInputElement,
   react: React,
@@ -124,7 +124,7 @@ type MyPopoverEvents = {
   onMyPopoverDidDismiss: EventName<MyPopoverCustomEvent<OverlayEventDetail<any>>>;
 };
 
-export const MyPopover = createComponent<MyPopoverElement, MyPopoverEvents>({
+export const MyPopover = /*@__PURE__*/ createComponent<MyPopoverElement, MyPopoverEvents>({
   tagName: 'my-popover',
   elementClass: MyPopoverElement,
   react: React,
@@ -143,7 +143,7 @@ type MyRadioEvents = {
   onMySelect: EventName<CustomEvent<void>>;
 };
 
-export const MyRadio = createComponent<MyRadioElement, MyRadioEvents>({
+export const MyRadio = /*@__PURE__*/ createComponent<MyRadioElement, MyRadioEvents>({
   tagName: 'my-radio',
   elementClass: MyRadioElement,
   react: React,
@@ -157,7 +157,7 @@ export const MyRadio = createComponent<MyRadioElement, MyRadioEvents>({
 
 type MyRadioGroupEvents = { onMyChange: EventName<MyRadioGroupCustomEvent<RadioGroupChangeEventDetail>> };
 
-export const MyRadioGroup = createComponent<MyRadioGroupElement, MyRadioGroupEvents>({
+export const MyRadioGroup = /*@__PURE__*/ createComponent<MyRadioGroupElement, MyRadioGroupEvents>({
   tagName: 'my-radio-group',
   elementClass: MyRadioGroupElement,
   react: React,
@@ -171,7 +171,7 @@ type MyRangeEvents = {
   onMyBlur: EventName<CustomEvent<void>>;
 };
 
-export const MyRange = createComponent<MyRangeElement, MyRangeEvents>({
+export const MyRange = /*@__PURE__*/ createComponent<MyRangeElement, MyRangeEvents>({
   tagName: 'my-range',
   elementClass: MyRangeElement,
   react: React,

diff --git a/packages/react-output-target/src/react-output-target/create-component-wrappers.test.ts b/packages/react-output-target/src/react-output-target/create-component-wrappers.test.ts
@@ -42,7 +42,7 @@ import React from 'react';
 
 type MyComponentEvents = NonNullable<unknown>;
 
-export const MyComponent = createComponent<MyComponentElement, MyComponentEvents>({
+export const MyComponent = /*@__PURE__*/ createComponent<MyComponentElement, MyComponentEvents>({
     tagName: 'my-component',
     elementClass: MyComponentElement,
     react: React,
@@ -92,7 +92,7 @@ import React from 'react';
 
 type MyComponentEvents = NonNullable<unknown>;
 
-const MyComponent = createComponent<MyComponentElement, MyComponentEvents>({
+const MyComponent = /*@__PURE__*/ createComponent<MyComponentElement, MyComponentEvents>({
     tagName: 'my-component',
     elementClass: MyComponentElement,
     react: React,
@@ -147,7 +147,7 @@ import React from 'react';
 
 type MyComponentEvents = NonNullable<unknown>;
 
-export const MyComponent = createComponent<MyComponentElement, MyComponentEvents>({
+export const MyComponent = /*@__PURE__*/ createComponent<MyComponentElement, MyComponentEvents>({
     tagName: 'my-component',
     elementClass: MyComponentElement,
     react: React,

diff --git a/packages/react-output-target/src/react-output-target/create-stencil-react-components.ts b/packages/react-output-target/src/react-output-target/create-stencil-react-components.ts
@@ -131,7 +131,7 @@ import type { EventName } from '@stencil/react-output-target/runtime';
       declarations: [
         {
           name: reactTagName,
-          initializer: `createComponent<${componentElement}, ${componentEventNamesType}>({
+          initializer: `/*@__PURE__*/ createComponent<${componentElement}, ${componentEventNamesType}>({
           tagName: '${tagName}',
           elementClass: ${componentElement},
           react: React,