@radishland/runtime 0.0.8 → 1.0.0-alpha.1

package/src/utils.ts

@@ -0,0 +1,71 @@
+const is_upper = /[A-Z]/;
+export const spaces_sep_by_comma = /\s*,\s*/;
+
+/**
+ * Idempotent string conversion to kebab-case
+ */
+export const toKebabCase = (str: string) => {
+  let kebab = "";
+  for (let index = 0; index < str.length; index++) {
+    const char = str[index];
+
+    if (index !== 0 && is_upper.test(char)) {
+      kebab += `-${char.toLowerCase()}`;
+    } else {
+      kebab += char.toLowerCase();
+    }
+  }
+  return kebab;
+};
+
+/**
+ * Idempotent string conversion to PascalCase
+ */
+export const toPascalCase = (str: string) => {
+  let pascal = "";
+  let toUpper = true;
+
+  for (let index = 0; index < str.length; index++) {
+    const char = str[index];
+
+    if (char === "-") {
+      toUpper = true;
+      continue;
+    }
+
+    if (toUpper) {
+      pascal += char.toUpperCase();
+      toUpper = false;
+    } else {
+      pascal += char.toLowerCase();
+    }
+  }
+  return pascal;
+};
+
+export const booleanAttributes = [
+  "allowfullscreen", // on <iframe>
+  "async", // on <script>
+  "autofocus", // on <button>, <input>, <select>, <textarea>
+  "autoplay", // on <audio>, <video>
+  "checked", // on <input type="checkbox">, <input type="radio">
+  "controls", // on <audio>, <video>
+  "default", // on <track>
+  "defer", // on <script>
+  "disabled", // on form elements like <button>, <fieldset>, <input>, <optgroup>, <option>,<select>, <textarea>
+  "formnovalidate", // on <button>, <input type="submit">
+  "hidden", // global
+  "inert", // global
+  "ismap", // on <img>
+  "itemscope", // global; part of microdata
+  "loop", // on <audio>, <video>
+  "multiple", // on <input type="file">, <select>
+  "muted", // on <audio>, <video>
+  "nomodule", // on <script>
+  "novalidate", // on <form>
+  "open", // on <details>
+  "readonly", // on <input>, <textarea>
+  "required", // on <input>, <select>, <textarea>
+  "reversed", // on <ol>
+  "selected", // on <option>
+];

package/README.md

@@ -1,3 +0,0 @@
-# Radish runtime
-
-This package contains the runtime of the Radish WebComponents framework

package/client/index.d.ts

@@ -1,89 +0,0 @@
-import { Signal } from 'signal-polyfill';
-
-interface AutonomousCustomElement {
-  /**
-   * A static getter
-   */
-  readonly observedAttributes?: string[] | undefined;
-  /**
-   * A static getter
-   */
-  readonly disabledFeatures?: ("internals" | "shadow")[] | undefined;
-  /**
-   * A static getter
-   */
-  readonly formAssociated?: boolean | undefined;
-
-  connectedCallback?(): void;
-  disconnectedCallback?(): void;
-  adoptedCallback?(): void;
-
-  attributeChangedCallback?(
-    name: string,
-    previous: string,
-    next: string,
-  ): void;
-
-  formAssociatedCallback?(): void;
-  formResetCallback?(): void;
-  formDisabledCallback?(): void;
-  formStateRestoreCallback?(): void;
-}
-
-type ReactivityOptions = { deep: boolean };
-type Destructor = () => void;
-type EffectCallback = () => Destructor | void;
-type EffectOptions = {
-  signal: AbortSignal;
-};
-
-/**
- * A Scoped Handler Registry implements the logic for handling effect requests.
- *
- * Extend this class by adding new methods in your subclass to implement your own effect handlers
- */
-declare class HandlerRegistry extends HTMLElement implements AutonomousCustomElement {
-    #private;
-    [key: string]: any;
-    /**
-     * References the handler's `AbortController`.
-     *
-     * The `abort` method of the controller is called in the `disconnectedCallback` method. It allows to cleanup event handlers and other abortable operations
-     */
-    abortController: AbortController;
-    constructor();
-    /**
-     * Creates an effect that is automatically cleaned up when the component is disconnected
-     *
-     * An optional AbortSignal can be provided to abort the effect prematurely
-     */
-    $effect(callback: EffectCallback, options?: EffectOptions): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-
-declare class ReactiveValue<T> extends Signal.State<T> {
-    private get;
-    private set;
-    get value(): T;
-    set value(newValue: T);
-}
-declare class ReactiveComputation<T> extends Signal.Computed<T> {
-    private get;
-    get value(): T;
-}
-declare const $object: <T extends Record<PropertyKey, any>>(init: T, options?: ReactivityOptions) => T;
-declare const $array: <T extends ArrayLike<any>>(init: T, options?: ReactivityOptions) => T;
-declare const isState: (s: unknown) => s is InstanceType<typeof ReactiveValue>;
-declare const isComputed: (s: unknown) => s is InstanceType<typeof ReactiveComputation>;
-declare const getValue: (signal: unknown) => unknown;
-declare const $state: <T>(initialValue: T, options?: Signal.Options<T | undefined>) => ReactiveValue<T>;
-declare const $computed: <T>(computation: () => T, options?: Signal.Options<T>) => ReactiveComputation<T>;
-/**
- * Create an unowned effect that must be cleanup up manually
- *
- * Accept an AbortSignal to abort the effect
- */
-declare const $effect: (cb: EffectCallback, options?: EffectOptions) => Destructor;
-
-export { $array, $computed, $effect, $object, $state, HandlerRegistry, ReactiveComputation, ReactiveValue, getValue, isComputed, isState };