@openremote/or-rive-renderer 1.30.0-snapshot.20260902122509 → 1.30.1

package/package.json

@@ -1,17 +1,22 @@
 {
   "name": "@openremote/or-rive-renderer",
-  "version": "1.30.0-snapshot.20260902122509",
+  "version": "1.30.1",
   "description": "A web component for displaying Rive animations using WebGL",
-  "customElements": "custom-elements.json",
-  "main": "dist/umd/index.bundle.js",
-  "module": "lib/index.js",
+  "customElements": "build/custom-elements.json",
+  "main": "build/dist/umd/index.bundle.js",
+  "module": "build/lib/index.js",
   "exports": {
-    ".": "./lib/index.js",
-    "./*": "./lib/*.js"
+    ".": "./build/lib/index.js",
+    "./*": "./build/lib/*.js"
   },
-  "types": "lib/index.d.ts",
+  "types": "build/lib/index.d.ts",
+  "files": [
+    "build/lib/**",
+    "build/dist/**",
+    "build/custom-elements.json"
+  ],
   "scripts": {
-    "clean": "npx tsc -b --clean && npx shx rm -rf dist lib",
+    "clean": "npx tsc -b --clean && npx shx rm -rf build",
     "analyze": "npx cem analyze --config ../custom-elements-manifest.config.mjs",
     "build": "npx tsc -b",
     "test": "npx tsc -b && npx playwright test",
@@ -21,13 +26,13 @@
   "repository": "https://github.com/openremote/openremote",
   "license": "AGPL-3.0-or-later",
   "dependencies": {
-    "@openremote/or-element": "1.30.0-snapshot.20260902122509",
+    "@openremote/or-element": "1.30.1",
     "@rive-app/webgl2": "^2.38.1",
     "lit": "^3.3.1",
     "lodash.debounce": "^4.0.8"
   },
   "devDependencies": {
-    "@openremote/util": "1.30.0-snapshot.20260902122509"
+    "@openremote/util": "1.30.1"
   },
   "publishConfig": {
     "access": "public"

package/custom-elements-jsx.d.ts

@@ -1,231 +0,0 @@
-import type { OrRiveRenderer } from "./lib/index.d.ts";
-
-/**
- * This type can be used to create scoped tags for your components.
- *
- * Usage:
- *
- * ```ts
- * import type { ScopedElements } from "path/to/library/jsx-integration";
- *
- * declare module "my-library" {
- *   namespace JSX {
- *     interface IntrinsicElements
- *       extends ScopedElements<'test-', ''> {}
- *   }
- * }
- * ```
- *
- * @deprecated Runtime scoped elements result in duplicate types and can confusing for developers. It is recommended to use the `prefix` and `suffix` options to generate new types instead.
- */
-export type ScopedElements<
-  Prefix extends string = "",
-  Suffix extends string = "",
-> = {
-  [
-    Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`
-  ]: CustomElements[Key];
-};
-
-type BaseProps<T extends HTMLElement> = {
-  /** Content added between the opening and closing tags of the element */
-  children?: any;
-  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
-  class?: string;
-  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
-  className?: string;
-  /** Takes an object where the key is the class name(s) and the value is a boolean expression. When true, the class is applied, and when false, it is removed. */
-  classList?: Record<string, boolean | undefined>;
-  /** Specifies the text direction of the element. */
-  dir?: "ltr" | "rtl";
-  /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
-  exportparts?: string;
-  /** For <label> and <output>, lets you associate the label with some control. */
-  htmlFor?: string;
-  /** Specifies whether the element should be hidden. */
-  hidden?: boolean | string;
-  /** A unique identifier for the element. */
-  id?: string;
-  /** Keys tell React which array item each component corresponds to */
-  key?: string | number;
-  /** Specifies the language of the element. */
-  lang?: string;
-  /** Defines the element's semantic role for accessibility APIs. */
-  role?: string;
-  /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
-  part?: string;
-  /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
-  ref?: T | ((e: T) => void);
-  /** Adds a reference for a custom element slot */
-  slot?: string;
-  /** Prop for setting inline styles */
-  style?: Record<string, string | number>;
-  /** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
-  tabIndex?: number;
-  /** Specifies the tooltip text for the element. */
-  title?: string;
-  /** Passing 'no' excludes the element content from being translated. */
-  translate?: "yes" | "no";
-  /** The popover global attribute is used to designate an element as a popover element. */
-  popover?: "auto" | "hint" | "manual";
-  /** Turns an element element into a popover control button; takes the ID of the popover element to control as its value. */
-  popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
-  /** Specifies the action to be performed on a popover element being controlled by a control element. */
-  popovertargetaction?: "show" | "hide" | "toggle";
-};
-
-type BaseEvents = {};
-
-export type OrRiveRendererProps = {
-  /** A string representing the URL or path to the public asset .riv file.
-For more details, refer to Rive Parameters on how to properly use this property. */
-  url?: OrRiveRenderer["url"];
-  /** The string representing the artboard you want to display.
-When not supplied, the default artboard from the .riv file is selected.
-Docs: https://rive.app/docs/runtimes/web/artboards */
-  artboard?: OrRiveRenderer["artboard"];
-  /** A list of strings (`["My State Machine"]`) you wish to display.
-Look up the Rive documentation for more info: https://rive.app/docs/runtimes/web/state-machines.
-By default, the state machine will autoplay. */
-  stateMachines?: OrRiveRenderer["stateMachines"];
-};
-
-export type OrRiveRendererSolidJsProps = {
-  /** A string representing the URL or path to the public asset .riv file.
-For more details, refer to Rive Parameters on how to properly use this property. */
-  "prop:url"?: OrRiveRenderer["url"];
-  /** The string representing the artboard you want to display.
-When not supplied, the default artboard from the .riv file is selected.
-Docs: https://rive.app/docs/runtimes/web/artboards */
-  "prop:artboard"?: OrRiveRenderer["artboard"];
-  /** A list of strings (`["My State Machine"]`) you wish to display.
-Look up the Rive documentation for more info: https://rive.app/docs/runtimes/web/state-machines.
-By default, the state machine will autoplay. */
-  "prop:stateMachines"?: OrRiveRenderer["stateMachines"];
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
-export type CustomElements = {
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `url`: A string representing the URL or path to the public asset .riv file.
-   * For more details, refer to Rive Parameters on how to properly use this property.
-   * - `artboard`: The string representing the artboard you want to display.
-   * When not supplied, the default artboard from the .riv file is selected.
-   * Docs: https://rive.app/docs/runtimes/web/artboards
-   * - `stateMachines`: A list of strings (`["My State Machine"]`) you wish to display.
-   * Look up the Rive documentation for more info: https://rive.app/docs/runtimes/web/state-machines.
-   * By default, the state machine will autoplay.
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `setValue(name: string, value?: any, type: string = typeof value) => Promise<void>`: Public function for updating data within the animation using "View Models".
-   * For example, if the animation has a state property named "myValue", you can use this function to update the value to "100".
-   * Full documentation can be found here: https://rive.app/docs/runtimes/web/data-binding
-   */
-  "or-rive-renderer": Partial<
-    OrRiveRendererProps & BaseProps<OrRiveRenderer> & BaseEvents
-  >;
-};
-
-export type CustomElementsSolidJs = {
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `url`: A string representing the URL or path to the public asset .riv file.
-   * For more details, refer to Rive Parameters on how to properly use this property.
-   * - `artboard`: The string representing the artboard you want to display.
-   * When not supplied, the default artboard from the .riv file is selected.
-   * Docs: https://rive.app/docs/runtimes/web/artboards
-   * - `stateMachines`: A list of strings (`["My State Machine"]`) you wish to display.
-   * Look up the Rive documentation for more info: https://rive.app/docs/runtimes/web/state-machines.
-   * By default, the state machine will autoplay.
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `setValue(name: string, value?: any, type: string = typeof value) => Promise<void>`: Public function for updating data within the animation using "View Models".
-   * For example, if the animation has a state property named "myValue", you can use this function to update the value to "100".
-   * Full documentation can be found here: https://rive.app/docs/runtimes/web/data-binding
-   */
-  "or-rive-renderer": Partial<
-    OrRiveRendererProps &
-      OrRiveRendererSolidJsProps &
-      BaseProps<OrRiveRenderer> &
-      BaseEvents
-  >;
-};
-
-export type CustomCssProperties = {};
-
-declare module "react" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare module "preact" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare module "@builder.io/qwik" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare module "@stencil/core" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare module "hono/jsx" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare module "react-native" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare module "solid-js" {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElementsSolidJs {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}
-
-declare global {
-  namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
-  }
-  export interface CSSProperties extends CustomCssProperties {}
-}

package/stories/or-rive-renderer.stories.ts

@@ -1,71 +0,0 @@
-/*
- * Copyright 2026, OpenRemote Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <https://www.gnu.org/licenses/>.
- *
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-import { setCustomElementsManifest, type Meta, type StoryObj } from "@storybook/web-components";
-import { getORStorybookHelpers } from "../../storybook-utils.js";
-import customElements from "../custom-elements.json" with { type: "json" };
-import packageJson from "../package.json" with { type: "json" };
-import "../src/index";
-import { html } from "lit";
-
-const tagName = "or-rive-renderer";
-type Story = StoryObj;
-setCustomElementsManifest(customElements);
-
-const { events, args, argTypes, template } = getORStorybookHelpers(tagName);
-
-const meta: Meta = {
-  title: "Playground/or-rive-renderer",
-  component: tagName,
-  args,
-  argTypes,
-  render: (storyArgs) => template(storyArgs),
-  excludeStories: /^[a-z].*/,
-  parameters: {
-    actions: {
-      handles: events,
-    },
-    docs: {
-      subtitle: `<${tagName}>`,
-      description: "A Web Component for displaying `.riv` files from the [Rive](https://rive.app) ecosystem.",
-      story: {
-        height: "370px",
-      },
-    },
-  },
-};
-
-export const Primary: Story = {
-  render: (args) => html`
-    <style>
-      or-rive-renderer {
-        height: 256px;
-      }
-    </style>
-    ${template(args)}
-  `,
-  args: {
-    url: "https://cdn.rive.app/animations/vehicles.riv",
-  },
-};
-
-export const examples: Story[] = [];
-
-export { customElements, packageJson };
-
-export default meta;