@remix-run/ui 0.1.2 → 0.3.0

package/dist/runtime/demos/readme.demo.js

@@ -0,0 +1,396 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@remix-run/ui/jsx-runtime";
+import { addEventListeners, css, on, ref, TypedEventTarget, } from '@remix-run/ui';
+// ============================================================================
+// Getting Started - Basic App Example
+// ============================================================================
+function App(handle) {
+    let count = 0;
+    return () => (_jsxs("button", { mix: [
+            on('click', () => {
+                count++;
+                handle.update();
+            }),
+        ], children: ["Count: ", count] }));
+}
+// ============================================================================
+// Component State and Updates - Counter
+// ============================================================================
+function Counter(handle) {
+    let count = 0;
+    return () => (_jsxs("div", { children: [_jsxs("span", { children: ["Count: ", count] }), _jsx("button", { mix: [
+                    on('click', () => {
+                        count++;
+                        handle.update();
+                    }),
+                ], children: "Increment" })] }));
+}
+// ============================================================================
+// Components - Greeting
+// ============================================================================
+function Greeting(handle) {
+    return () => _jsxs("h1", { children: ["Hello, ", handle.props.name, "!"] });
+}
+// ============================================================================
+// Stateful Components - CounterWithSetup
+// ============================================================================
+function CounterWithSetup(handle) {
+    // Component function: runs once
+    let count = handle.props.initialCount;
+    // Return render function: runs on every update
+    return () => (_jsxs("div", { children: [handle.props.label || 'Count', ": ", count, _jsx("button", { mix: [
+                    on('click', () => {
+                        count++;
+                        handle.update();
+                    }),
+                ], children: "Increment" })] }));
+}
+// ============================================================================
+// Setup Prop vs Props - CounterWithLabel
+// ============================================================================
+function CounterWithLabel(handle) {
+    let count = handle.props.initialCount;
+    return () => (_jsxs("div", { children: [handle.props.label, ": ", count, _jsx("button", { mix: [
+                    on('click', () => {
+                        count++;
+                        handle.update();
+                    }),
+                ], children: "+" })] }));
+}
+// ============================================================================
+// Events - SearchInput
+// ============================================================================
+function SearchInput(handle) {
+    let query = '';
+    let results = [];
+    let loading = false;
+    return () => (_jsxs("div", { children: [_jsx("input", { type: "text", value: query, placeholder: "Type to search...", mix: [
+                    on('input', (event, signal) => {
+                        query = event.currentTarget.value;
+                        loading = true;
+                        handle.update();
+                        // Simulated search with timeout
+                        setTimeout(() => {
+                            if (signal.aborted)
+                                return;
+                            results = query ? [`Result for "${query}" 1`, `Result for "${query}" 2`] : [];
+                            loading = false;
+                            handle.update();
+                        }, 300);
+                    }),
+                ] }), loading && _jsx("div", { children: "Loading..." }), !loading && results.length > 0 && (_jsx("ul", { children: results.map((r) => (_jsx("li", { children: r }))) }))] }));
+}
+// ============================================================================
+// Controlled Input - Slug Form
+// ============================================================================
+function SlugForm(handle) {
+    let slug = '';
+    let generatedSlug = '';
+    return () => (_jsxs("form", { children: [_jsxs("label", { mix: [css({ display: 'flex', alignItems: 'center', gap: '8px' })], children: [_jsx("input", { type: "checkbox", mix: [
+                            on('change', (event) => {
+                                if (event.currentTarget.checked) {
+                                    generatedSlug = crypto.randomUUID().slice(0, 8);
+                                }
+                                else {
+                                    generatedSlug = '';
+                                }
+                                handle.update();
+                            }),
+                        ] }), "Auto-generate slug"] }), _jsxs("label", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '4px' })], children: ["Slug", _jsx("input", { type: "text", value: generatedSlug || slug, disabled: !!generatedSlug, mix: [
+                            on('input', (event) => {
+                                slug = event.currentTarget.value;
+                                handle.update();
+                            }),
+                        ] })] })] }));
+}
+// ============================================================================
+// Global Events - KeyboardTracker
+// ============================================================================
+function KeyboardTracker(handle) {
+    let keys = [];
+    addEventListeners(document, handle.signal, {
+        keydown: (event) => {
+            keys.push(event.key);
+            if (keys.length > 10)
+                keys.shift();
+            handle.update();
+        },
+    });
+    return () => _jsxs("div", { children: ["Keys: ", keys.join(', ') || '(press some keys)'] });
+}
+// ============================================================================
+// CSS Prop - Button (Basic)
+// ============================================================================
+function ButtonBasic() {
+    return () => (_jsx("button", { mix: [
+            css({
+                color: 'white',
+                backgroundColor: 'rgb(54, 113, 246)',
+                border: 'none',
+                padding: '8px 16px',
+                borderRadius: '4px',
+                cursor: 'pointer',
+                '&:hover': {
+                    backgroundColor: 'rgb(37, 90, 210)',
+                },
+                '&:active': {
+                    transform: 'scale(0.98)',
+                },
+            }),
+        ], children: "Click me" }));
+}
+// ============================================================================
+// CSS Prop - Button (Advanced with nested rules)
+// ============================================================================
+function ButtonAdvanced() {
+    return () => (_jsxs("button", { mix: [
+            css({
+                color: 'white',
+                backgroundColor: 'rgb(54, 113, 246)',
+                border: 'none',
+                padding: '10px 20px',
+                borderRadius: '6px',
+                cursor: 'pointer',
+                position: 'relative',
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '8px',
+                '&:hover': {
+                    backgroundColor: 'rgb(37, 90, 210)',
+                },
+                '&::before': {
+                    content: '""',
+                    position: 'absolute',
+                    inset: '-2px',
+                    borderRadius: '8px',
+                    background: 'linear-gradient(45deg, rgb(54, 113, 246), rgb(99, 179, 255))',
+                    zIndex: -1,
+                    opacity: 0,
+                    transition: 'opacity 0.2s',
+                },
+                '&:hover::before': {
+                    opacity: 1,
+                },
+                '.icon': {
+                    width: '16px',
+                    height: '16px',
+                },
+            }),
+        ], children: [_jsx("span", { className: "icon", children: "\u2605" }), "Click me"] }));
+}
+// ============================================================================
+// Ref Mixin - Form (Basic)
+// ============================================================================
+function FormBasic() {
+    let inputRef;
+    return () => (_jsxs("div", { children: [_jsx("input", { type: "text", placeholder: "Click the button to select this", 
+                // capture the input node
+                mix: [ref((node) => (inputRef = node)), css({ marginRight: '8px', padding: '4px 8px' })] }), _jsx("button", { mix: [
+                    css({ padding: '4px 12px' }),
+                    on('click', () => {
+                        // Select it from other parts of the form
+                        inputRef.select();
+                    }),
+                ], children: "Select Input" })] }));
+}
+// ============================================================================
+// Ref Mixin with AbortSignal - ResizeObserver Component
+// ============================================================================
+function ResizeComponent(handle) {
+    let dimensions = { width: 0, height: 0 };
+    return () => (_jsxs("div", { mix: [
+            ref((node, signal) => {
+                // Set up something that needs cleanup
+                let observer = new ResizeObserver((entries) => {
+                    let entry = entries[0];
+                    if (entry) {
+                        dimensions.width = Math.round(entry.contentRect.width);
+                        dimensions.height = Math.round(entry.contentRect.height);
+                        handle.update();
+                    }
+                });
+                observer.observe(node);
+                // Clean up when element is removed
+                signal.addEventListener('abort', () => {
+                    observer.disconnect();
+                });
+            }),
+            css({
+                padding: '20px',
+                backgroundColor: 'rgba(255, 255, 255, 0.1)',
+                borderRadius: '8px',
+                resize: 'both',
+                overflow: 'auto',
+                minWidth: '100px',
+                minHeight: '60px',
+                border: '1px solid rgb(209, 213, 219)',
+            }),
+        ], children: ["Resize me! (", dimensions.width, " \u00D7 ", dimensions.height, ")"] }));
+}
+// ============================================================================
+// handle.update() - Player
+// ============================================================================
+function Player(handle) {
+    let isPlaying = false;
+    let playButton;
+    let stopButton;
+    return () => (_jsxs("div", { mix: [css({ display: 'flex', gap: '8px' })], children: [_jsx("button", { disabled: isPlaying, mix: [
+                    ref((node) => (playButton = node)),
+                    css({
+                        padding: '8px 16px',
+                        opacity: isPlaying ? 0.5 : 1,
+                    }),
+                    on('click', async () => {
+                        isPlaying = true;
+                        await handle.update();
+                        // Focus the enabled button after update completes
+                        stopButton.focus();
+                    }),
+                ], children: "\u25B6 Play" }), _jsx("button", { disabled: !isPlaying, mix: [
+                    ref((node) => (stopButton = node)),
+                    css({
+                        padding: '8px 16px',
+                        opacity: !isPlaying ? 0.5 : 1,
+                    }),
+                    on('click', async () => {
+                        isPlaying = false;
+                        await handle.update();
+                        // Focus the enabled button after update completes
+                        playButton.focus();
+                    }),
+                ], children: "\u23F9 Stop" })] }));
+}
+// ============================================================================
+// handle.queueTask - Form with scroll
+// ============================================================================
+function FormWithScroll(handle) {
+    let showDetails = false;
+    let detailsSection;
+    return () => (_jsxs("div", { children: [_jsxs("label", { mix: [css({ display: 'flex', alignItems: 'center', gap: '8px', cursor: 'pointer' })], children: [_jsx("input", { type: "checkbox", checked: showDetails, mix: [
+                            on('change', (event) => {
+                                showDetails = event.currentTarget.checked;
+                                handle.update();
+                                if (showDetails) {
+                                    // Scroll to the expanded section after it renders
+                                    handle.queueTask(() => {
+                                        detailsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+                                    });
+                                }
+                            }),
+                        ] }), "Show additional details"] }), showDetails && (_jsxs("section", { mix: [
+                    ref((node) => (detailsSection = node)),
+                    css({
+                        marginTop: '1rem',
+                        padding: '1rem',
+                        border: '1px solid rgba(255, 255, 255, 0.2)',
+                        borderRadius: '8px',
+                        backgroundColor: 'rgba(255, 255, 255, 0.05)',
+                    }),
+                ], children: [_jsx("h3", { mix: [css({ margin: '0 0 0.5rem 0' })], children: "Additional Details" }), _jsx("p", { mix: [css({ margin: 0 })], children: "This section appears when the checkbox is checked." })] }))] }));
+}
+// ============================================================================
+// handle.signal - Clock
+// ============================================================================
+function Clock(handle) {
+    let interval = setInterval(() => {
+        // clear the interval when the component is disconnected
+        if (handle.signal.aborted) {
+            clearInterval(interval);
+            return;
+        }
+        handle.update();
+    }, 1000);
+    return () => _jsx("span", { children: new Date().toLocaleTimeString() });
+}
+// ============================================================================
+// handle.id - LabeledInput
+// ============================================================================
+function LabeledInput(handle) {
+    return () => (_jsxs("div", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '4px' })], children: [_jsx("label", { htmlFor: handle.id, children: "Name" }), _jsx("input", { id: handle.id, type: "text", mix: [
+                    css({
+                        padding: '4px 8px',
+                        borderRadius: '4px',
+                        border: '1px solid rgba(255,255,255,0.3)',
+                    }),
+                ] })] }));
+}
+// ============================================================================
+// Context API - Theme Provider and Consumer
+// ============================================================================
+function ThemeProvider(handle) {
+    handle.context.set({ theme: 'dark' });
+    return () => (_jsx("div", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '8px' })], children: _jsx(ThemedHeader, {}) }));
+}
+function ThemedHeader(handle) {
+    // Consume context from ThemeProvider
+    let { theme } = handle.context.get(ThemeProvider);
+    return () => (_jsx("header", { mix: [
+            css({
+                backgroundColor: theme === 'dark' ? '#000' : '#fff',
+                color: theme === 'dark' ? '#fff' : '#000',
+            }),
+        ], children: "Header" }));
+}
+// ============================================================================
+// Context API with EventTarget - Advanced Theme
+// ============================================================================
+class Theme extends TypedEventTarget {
+    #value = 'light';
+    get value() {
+        return this.#value;
+    }
+    setValue(value) {
+        this.#value = value;
+        this.dispatchEvent(new Event('change'));
+    }
+}
+function ThemeProviderAdvanced(handle) {
+    let theme = new Theme();
+    handle.context.set(theme);
+    return () => (_jsxs("div", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '8px' })], children: [_jsx("button", { mix: [
+                    css({ padding: '8px 16px', alignSelf: 'flex-start' }),
+                    on('click', () => {
+                        // no updates in the parent component
+                        theme.setValue(theme.value === 'light' ? 'dark' : 'light');
+                    }),
+                ], children: "Toggle Theme (EventTarget)" }), _jsx(ThemedContent, {})] }));
+}
+function ThemedContent(handle) {
+    let theme = handle.context.get(ThemeProviderAdvanced);
+    // Subscribe to theme changes and update when it changes
+    addEventListeners(theme, handle.signal, {
+        change() {
+            handle.update();
+        },
+    });
+    return () => (_jsxs("div", { mix: [
+            css({
+                padding: '12px',
+                borderRadius: '6px',
+                backgroundColor: theme.value === 'dark' ? '#1a1a1a' : '#f0f0f0',
+                color: theme.value === 'dark' ? '#fff' : '#000',
+            }),
+        ], children: ["Current theme: ", theme.value] }));
+}
+// ============================================================================
+// Fragments - List
+// ============================================================================
+function ListWithFragment() {
+    return () => (_jsx("ul", { mix: [css({ margin: 0, paddingLeft: '20px' })], children: _jsxs(_Fragment, { children: [_jsx("li", { children: "Item 1" }), _jsx("li", { children: "Item 2" }), _jsx("li", { children: "Item 3" })] }) }));
+}
+// ============================================================================
+// Example Container Component
+// ============================================================================
+function Example(handle) {
+    return () => (_jsxs("div", { className: "example", children: [_jsx("h2", { children: handle.props.title }), _jsx("div", { className: "example-content", children: handle.props.children })] }));
+}
+// ============================================================================
+// Main Demo App
+// ============================================================================
+/**
+ * @name README Examples
+ * @description A gallery of small examples that mirror the package README snippets.
+ */
+export default function DemoApp() {
+    return () => (_jsxs("div", { className: "examples-grid", children: [_jsx(Example, { title: "Getting Started - Counter", children: _jsx(App, {}) }), _jsx(Example, { title: "Component State - Counter", children: _jsx(Counter, {}) }), _jsx(Example, { title: "Greeting", children: _jsx(Greeting, { name: "World" }) }), _jsx(Example, { title: "Counter with Setup", children: _jsx(CounterWithSetup, { initialCount: 10, label: "Total" }) }), _jsx(Example, { title: "Setup vs Props", children: _jsx(CounterWithLabel, { initialCount: 5, label: "Score" }) }), _jsx(Example, { title: "Events - Search Input", children: _jsx(SearchInput, {}) }), _jsx(Example, { title: "Controlled Input - Slug Form", children: _jsx(SlugForm, {}) }), _jsx(Example, { title: "Global Events - Keyboard Tracker", children: _jsx(KeyboardTracker, {}) }), _jsx(Example, { title: "CSS Prop - Basic Button", children: _jsx(ButtonBasic, {}) }), _jsx(Example, { title: "CSS Prop - Advanced Button", children: _jsx(ButtonAdvanced, {}) }), _jsx(Example, { title: "Ref Mixin - Form", children: _jsx(FormBasic, {}) }), _jsx(Example, { title: "Ref with AbortSignal - Resize Observer", children: _jsx(ResizeComponent, {}) }), _jsx(Example, { title: "handle.update() - Player", children: _jsx(Player, {}) }), _jsx(Example, { title: "handle.queueTask - Scroll to Section", children: _jsx(FormWithScroll, {}) }), _jsx(Example, { title: "handle.signal - Clock", children: _jsx(Clock, {}) }), _jsx(Example, { title: "handle.id - Labeled Input", children: _jsx(LabeledInput, {}) }), _jsx(Example, { title: "Context API - Theme Provider", children: _jsx(ThemeProvider, {}) }), _jsx(Example, { title: "Context with EventTarget", children: _jsx(ThemeProviderAdvanced, {}) }), _jsx(Example, { title: "Fragments - List", children: _jsx(ListWithFragment, {}) })] }));
+}
+//# sourceMappingURL=readme.demo.js.map

package/dist/runtime/demos/readme.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readme.demo.js","sourceRoot":"","sources":["../../../src/runtime/demos/readme.demo.tsx"],"names":[],"mappings":"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"}