@lwc/engine-core 7.3.0-alpha.0 → 7.3.0-alpha.1

package/dist/framework/decorators/wire.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigValue, ContextValue, ReplaceReactiveValues, WireAdapterConstructor, WireDecorator } from '../wiring';
+import { WireAdapterConstructor } from '../wiring';
 /**
  * Decorator factory to wire a property or method to a wire adapter data source.
  * @param adapter the adapter used to provision data
@@ -10,5 +10,5 @@ import type { ConfigValue, ContextValue, ReplaceReactiveValues, WireAdapterConst
  *   \@wire(getBook, { id: '$bookId'}) book;
  * }
  */
-export default function wire<ReactiveConfig extends ConfigValue = ConfigValue, Value = any, Context extends ContextValue = ContextValue>(adapter: WireAdapterConstructor<ReplaceReactiveValues<ReactiveConfig>, Value, Context>, config?: ReactiveConfig): WireDecorator<Value>;
+export default function wire(adapter: WireAdapterConstructor, config?: Record<string, any>): (value: unknown, context: ClassMemberDecoratorContext | string | symbol) => void;
 export declare function internalWireFieldDecorator(key: string): PropertyDescriptor;

package/dist/framework/stylesheet.d.ts

@@ -12,7 +12,7 @@ export type Stylesheet = (stylesheetToken: string | undefined, useActualHostSele
  */
 export type Stylesheets = Array<Stylesheet | Stylesheets>;
 export declare function updateStylesheetToken(vm: VM, template: Template, legacy: boolean): void;
-export declare function getStylesheetsContent(vm: VM, template: Template): string[];
+export declare function getStylesheetsContent(vm: VM, template: Template): ReadonlyArray<string>;
 /**
  * If the component that is currently being rendered uses scoped styles,
  * this returns the unique token for that scoped stylesheet. Otherwise
@@ -29,5 +29,5 @@ export declare function getScopeTokenClass(owner: VM, legacy: boolean): string |
  * @param vnode
  */
 export declare function getStylesheetTokenHost(vnode: VCustomElement): string | null;
-export declare function createStylesheet(vm: VM, stylesheets: string[]): VNode[] | null;
+export declare function createStylesheet(vm: VM, stylesheets: ReadonlyArray<string>): VNode[] | null;
 export declare function unrenderStylesheet(stylesheet: Stylesheet): void;

package/dist/framework/wiring/index.d.ts

@@ -1,3 +1,3 @@
 export { createContextProviderWithRegister, createContextWatcher } from './context';
-export { ConfigCallback, ConfigValue, ContextConsumer, ContextProvider, ContextValue, DataCallback, ReplaceReactiveValues, WireAdapter, WireAdapterConstructor, WireAdapterSchemaValue, WireContextSubscriptionPayload, WireContextSubscriptionCallback, WireDecorator, } from './types';
+export { ConfigCallback, ConfigValue, ContextConsumer, ContextProvider, ContextValue, DataCallback, WireAdapter, WireAdapterConstructor, WireAdapterSchemaValue, WireContextSubscriptionPayload, WireContextSubscriptionCallback, } from './types';
 export { connectWireAdapters, disconnectWireAdapters, installWireAdapters, storeWiredFieldMeta, storeWiredMethodMeta, } from './wiring';

package/dist/framework/wiring/types.d.ts

@@ -16,26 +16,6 @@ export interface WireAdapterConstructor<Config extends ConfigValue = ConfigValue
     configSchema?: Record<keyof Config, WireAdapterSchemaValue>;
     contextSchema?: Record<keyof Context, WireAdapterSchemaValue>;
 }
-/**
- * The decorator returned by `@wire()`; not the `wire` factory function.
- *
- * If you're using `@wire(adapter) property` and getting an opaque type error, ensure that the
- * property is explicitly typed and the type matches the value used by the adapter. Note that one
- * of the following conditions must always be true:
- * - The adapter uses `undefined` as a possible value
- * - The property is marked as optional
- * - The property is assigned a default value (not provided by the adapter)
- */
-export interface WireDecorator<Value = any> {
-    /** Property decorator for `"experimentalDecorators": false`. */
-    <Class extends LightningElement>(target: undefined, ctx: ClassFieldDecoratorContext<Class, Value>): void;
-    /** Method decorator for `"experimentalDecorators": false`. */
-    <Class extends LightningElement>(target: DataCallback<Value>, ctx: ClassMethodDecoratorContext<Class, DataCallback<Value>>): void | DataCallback<Value>;
-    /** Property decorator for `"experimentalDecorators": true`. */
-    <K extends string | symbol>(target: Record<K, Value>, propertyKey: K): void;
-    /** Method decorator for `"experimentalDecorators": true`. */
-    <K extends string | symbol>(target: Record<K, DataCallback<Value>>, propertyKey: K, descriptor: TypedPropertyDescriptor<DataCallback<Value>>): void;
-}
 export interface WireDef {
     method?: (data: any) => void;
     adapter: WireAdapterConstructor;
@@ -69,11 +49,3 @@ export interface ContextProviderOptions {
 }
 export type ContextProvider = (elmOrComponent: EventTarget, options: ContextProviderOptions) => void;
 export type RegisterContextProviderFn = (element: HostElement, adapterContextToken: string, onContextSubscription: WireContextSubscriptionCallback) => void;
-/**
- * String values starting with "$" are reactive; they get replaced by values from the component.
- * We don't have access to the component, and we don't expect all reactive strings to be typed as
- * literals, so we just replace all strings with `any`.
- */
-export type ReplaceReactiveValues<T> = {
-    [K in keyof T]: T[K] extends string ? any : T[K];
-};

package/dist/index.cjs.js

@@ -3133,15 +3133,22 @@ function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
 function getStylesheetsContent(vm, template) {
     const { stylesheets, stylesheetToken } = template;
     const { stylesheets: vmStylesheets } = vm;
-    let content = [];
-    if (hasStyles(stylesheets)) {
-        content = evaluateStylesheetsContent(stylesheets, stylesheetToken, vm);
-    }
-    // VM (component) stylesheets apply after template stylesheets
-    if (hasStyles(vmStylesheets)) {
-        shared.ArrayPush.apply(content, evaluateStylesheetsContent(vmStylesheets, stylesheetToken, vm));
-    }
-    return content;
+    const hasTemplateStyles = hasStyles(stylesheets);
+    const hasVmStyles = hasStyles(vmStylesheets);
+    if (hasTemplateStyles) {
+        const content = evaluateStylesheetsContent(stylesheets, stylesheetToken, vm);
+        if (hasVmStyles) {
+            // Slow path – merge the template styles and vm styles
+            shared.ArrayPush.apply(content, evaluateStylesheetsContent(vmStylesheets, stylesheetToken, vm));
+        }
+        return content;
+    }
+    if (hasVmStyles) {
+        // No template styles, so return vm styles directly
+        return evaluateStylesheetsContent(vmStylesheets, stylesheetToken, vm);
+    }
+    // Fastest path - no styles, so return an empty array
+    return EmptyArray;
 }
 // It might be worth caching this to avoid doing the lookup repeatedly, but
 // perf testing has not shown it to be a huge improvement yet: