Rename all 1,169 components to path-based names with namespace support
Component names now reflect filesystem location using / as path separator and : as namespace separator for shared components: ~sx-header → ~layouts/header ~layout-app-body → ~shared:layout/app-body ~blog-admin-dashboard → ~admin/dashboard 209 files, 4,941 replacements across all services. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
;; sx-get
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-get-demo ()
|
||||
(defcomp ~reference/ref-get-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
|
||||
@@ -23,7 +23,7 @@
|
||||
;; sx-post
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-post-demo ()
|
||||
(defcomp ~reference/ref-post-demo ()
|
||||
(div :class "space-y-3"
|
||||
(form
|
||||
:sx-post "/sx/(geography.(hypermedia.(reference.(api.greet))))"
|
||||
@@ -43,7 +43,7 @@
|
||||
;; sx-put
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-put-demo ()
|
||||
(defcomp ~reference/ref-put-demo ()
|
||||
(div :id "ref-put-view"
|
||||
(div :class "flex items-center justify-between p-3 bg-stone-100 rounded"
|
||||
(span :class "text-stone-700 text-sm" "Status: " (strong "draft"))
|
||||
@@ -59,7 +59,7 @@
|
||||
;; sx-delete
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-delete-demo ()
|
||||
(defcomp ~reference/ref-delete-demo ()
|
||||
(div :class "space-y-2"
|
||||
(div :id "ref-del-1" :class "flex items-center justify-between p-2 border border-stone-200 rounded"
|
||||
(span :class "text-sm text-stone-700" "Item A")
|
||||
@@ -81,7 +81,7 @@
|
||||
;; sx-patch
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-patch-demo ()
|
||||
(defcomp ~reference/ref-patch-demo ()
|
||||
(div :id "ref-patch-view" :class "space-y-2"
|
||||
(div :class "p-3 bg-stone-100 rounded"
|
||||
(span :class "text-stone-700 text-sm" "Theme: " (strong :id "ref-patch-val" "light")))
|
||||
@@ -99,7 +99,7 @@
|
||||
;; sx-trigger
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-trigger-demo ()
|
||||
(defcomp ~reference/ref-trigger-demo ()
|
||||
(div :class "space-y-3"
|
||||
(input :type "text" :name "q" :placeholder "Type to search..."
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.trigger-search))))"
|
||||
@@ -115,7 +115,7 @@
|
||||
;; sx-target
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-target-demo ()
|
||||
(defcomp ~reference/ref-target-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-2"
|
||||
(button :sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
|
||||
@@ -138,7 +138,7 @@
|
||||
;; sx-swap
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-swap-demo ()
|
||||
(defcomp ~reference/ref-swap-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-2 flex-wrap"
|
||||
(button :sx-get "/sx/(geography.(hypermedia.(reference.(api.swap-item))))"
|
||||
@@ -158,7 +158,7 @@
|
||||
;; sx-swap-oob
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-oob-demo ()
|
||||
(defcomp ~reference/ref-oob-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button :sx-get "/sx/(geography.(hypermedia.(reference.(api.oob))))"
|
||||
:sx-target "#ref-oob-main"
|
||||
@@ -177,7 +177,7 @@
|
||||
;; sx-select
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-select-demo ()
|
||||
(defcomp ~reference/ref-select-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button :sx-get "/sx/(geography.(hypermedia.(reference.(api.select-page))))"
|
||||
:sx-target "#ref-select-result"
|
||||
@@ -193,7 +193,7 @@
|
||||
;; sx-confirm
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-confirm-demo ()
|
||||
(defcomp ~reference/ref-confirm-demo ()
|
||||
(div :class "space-y-2"
|
||||
(div :id "ref-confirm-item"
|
||||
:class "flex items-center justify-between p-3 border border-stone-200 rounded"
|
||||
@@ -208,7 +208,7 @@
|
||||
;; sx-push-url
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-pushurl-demo ()
|
||||
(defcomp ~reference/ref-pushurl-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-2"
|
||||
(a :href "/sx/(geography.(hypermedia.(reference-detail.attributes.sx-get)))"
|
||||
@@ -230,7 +230,7 @@
|
||||
;; sx-sync
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-sync-demo ()
|
||||
(defcomp ~reference/ref-sync-demo ()
|
||||
(div :class "space-y-3"
|
||||
(input :type "text" :name "q" :placeholder "Type quickly..."
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.slow-echo))))"
|
||||
@@ -249,7 +249,7 @@
|
||||
;; sx-encoding
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-encoding-demo ()
|
||||
(defcomp ~reference/ref-encoding-demo ()
|
||||
(div :class "space-y-3"
|
||||
(form :sx-post "/sx/(geography.(hypermedia.(reference.(api.upload-name))))"
|
||||
:sx-encoding "multipart/form-data"
|
||||
@@ -269,7 +269,7 @@
|
||||
;; sx-headers
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-headers-demo ()
|
||||
(defcomp ~reference/ref-headers-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button :sx-get "/sx/(geography.(hypermedia.(reference.(api.echo-headers))))"
|
||||
:sx-headers {:X-Custom-Token "abc123" :X-Request-Source "demo"}
|
||||
@@ -285,7 +285,7 @@
|
||||
;; sx-include
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-include-demo ()
|
||||
(defcomp ~reference/ref-include-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-2 items-end"
|
||||
(div
|
||||
@@ -309,7 +309,7 @@
|
||||
;; sx-vals
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-vals-demo ()
|
||||
(defcomp ~reference/ref-vals-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button :sx-post "/sx/(geography.(hypermedia.(reference.(api.echo-vals))))"
|
||||
:sx-vals "{\"source\": \"demo\", \"page\": \"3\"}"
|
||||
@@ -325,7 +325,7 @@
|
||||
;; sx-media
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-media-demo ()
|
||||
(defcomp ~reference/ref-media-demo ()
|
||||
(div :class "space-y-3"
|
||||
(a :href "/sx/(geography.(hypermedia.(reference-detail.attributes.sx-get)))"
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference-detail.attributes.sx-get)))"
|
||||
@@ -341,7 +341,7 @@
|
||||
;; sx-disable
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-disable-demo ()
|
||||
(defcomp ~reference/ref-disable-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "grid grid-cols-2 gap-3"
|
||||
(div :class "p-3 border border-stone-200 rounded"
|
||||
@@ -362,7 +362,7 @@
|
||||
;; sx-on:*
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-on-demo ()
|
||||
(defcomp ~reference/ref-on-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-on:click "document.getElementById('ref-on-result').textContent = 'Clicked at ' + new Date().toLocaleTimeString()"
|
||||
@@ -376,7 +376,7 @@
|
||||
;; sx-retry
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-retry-demo ()
|
||||
(defcomp ~reference/ref-retry-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button :sx-get "/sx/(geography.(hypermedia.(reference.(api.flaky))))"
|
||||
:sx-target "#ref-retry-result"
|
||||
@@ -392,7 +392,7 @@
|
||||
;; data-sx
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-data-sx-demo ()
|
||||
(defcomp ~reference/ref-data-sx-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :data-sx "(div :class \"p-3 bg-violet-50 rounded\" (h3 :class \"font-semibold text-violet-800\" \"Client-rendered\") (p :class \"text-sm text-stone-600\" \"This was evaluated in the browser — no server request.\"))")
|
||||
(p :class "text-xs text-stone-400" "The content above is rendered client-side from the data-sx attribute.")))
|
||||
@@ -401,7 +401,7 @@
|
||||
;; data-sx-env
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-data-sx-env-demo ()
|
||||
(defcomp ~reference/ref-data-sx-env-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :data-sx "(div :class \"p-3 bg-emerald-50 rounded\" (h3 :class \"font-semibold text-emerald-800\" title) (p :class \"text-sm text-stone-600\" message))"
|
||||
:data-sx-env "{\"title\": \"Dynamic content\", \"message\": \"Variables passed via data-sx-env are available in the expression.\"}")
|
||||
@@ -411,7 +411,7 @@
|
||||
;; sx-boost
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-boost-demo ()
|
||||
(defcomp ~reference/ref-boost-demo ()
|
||||
(div :class "space-y-3"
|
||||
(nav :sx-boost "true" :class "flex gap-3"
|
||||
(a :href "/sx/(geography.(hypermedia.(reference-detail.attributes.sx-get)))"
|
||||
@@ -431,7 +431,7 @@
|
||||
;; sx-preload
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-preload-demo ()
|
||||
(defcomp ~reference/ref-preload-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
|
||||
@@ -448,7 +448,7 @@
|
||||
;; sx-preserve
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-preserve-demo ()
|
||||
(defcomp ~reference/ref-preserve-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-2 items-center"
|
||||
(button
|
||||
@@ -469,7 +469,7 @@
|
||||
;; sx-indicator
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-indicator-demo ()
|
||||
(defcomp ~reference/ref-indicator-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-3 items-center"
|
||||
(button
|
||||
@@ -492,7 +492,7 @@
|
||||
;; sx-validate
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-validate-demo ()
|
||||
(defcomp ~reference/ref-validate-demo ()
|
||||
(div :class "space-y-3"
|
||||
(form
|
||||
:sx-post "/sx/(geography.(hypermedia.(reference.(api.greet))))"
|
||||
@@ -514,7 +514,7 @@
|
||||
;; sx-ignore
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-ignore-demo ()
|
||||
(defcomp ~reference/ref-ignore-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
|
||||
@@ -534,7 +534,7 @@
|
||||
;; sx-optimistic
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-optimistic-demo ()
|
||||
(defcomp ~reference/ref-optimistic-demo ()
|
||||
(div :class "space-y-2"
|
||||
(div :id "ref-opt-item-1"
|
||||
:class "flex items-center justify-between p-2 border border-stone-200 rounded"
|
||||
@@ -557,7 +557,7 @@
|
||||
;; sx-replace-url
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-replace-url-demo ()
|
||||
(defcomp ~reference/ref-replace-url-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
|
||||
@@ -574,7 +574,7 @@
|
||||
;; sx-disabled-elt
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-disabled-elt-demo ()
|
||||
(defcomp ~reference/ref-disabled-elt-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-3 items-center"
|
||||
(button :id "ref-diselt-btn"
|
||||
@@ -594,7 +594,7 @@
|
||||
;; sx-prompt
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-prompt-demo ()
|
||||
(defcomp ~reference/ref-prompt-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.prompt-echo))))"
|
||||
@@ -611,7 +611,7 @@
|
||||
;; sx-params
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-params-demo ()
|
||||
(defcomp ~reference/ref-params-demo ()
|
||||
(div :class "space-y-3"
|
||||
(form
|
||||
:sx-post "/sx/(geography.(hypermedia.(reference.(api.echo-vals))))"
|
||||
@@ -634,7 +634,7 @@
|
||||
;; sx-sse
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-sse-demo ()
|
||||
(defcomp ~reference/ref-sse-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :sx-sse "/sx/(geography.(hypermedia.(reference.(api.sse-time))))"
|
||||
:sx-sse-swap "time"
|
||||
@@ -653,7 +653,7 @@
|
||||
;; SX-Prompt header demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-header-prompt-demo ()
|
||||
(defcomp ~reference/ref-header-prompt-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.prompt-echo))))"
|
||||
@@ -670,7 +670,7 @@
|
||||
;; SX-Trigger response header demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-header-trigger-demo ()
|
||||
(defcomp ~reference/ref-header-trigger-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.trigger-event))))"
|
||||
@@ -687,7 +687,7 @@
|
||||
;; SX-Retarget response header demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-header-retarget-demo ()
|
||||
(defcomp ~reference/ref-header-retarget-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.retarget))))"
|
||||
@@ -711,7 +711,7 @@
|
||||
;; sx:beforeRequest event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-before-request-demo ()
|
||||
(defcomp ~reference/ref-event-before-request-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :class "flex gap-2 items-center"
|
||||
(input :id "ref-evt-br-input" :type "text" :placeholder "Type something first..."
|
||||
@@ -731,7 +731,7 @@
|
||||
;; sx:afterRequest event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-after-request-demo ()
|
||||
(defcomp ~reference/ref-event-after-request-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
|
||||
@@ -751,7 +751,7 @@
|
||||
;; sx:afterSwap event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-after-swap-demo ()
|
||||
(defcomp ~reference/ref-event-after-swap-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.swap-item))))"
|
||||
@@ -771,7 +771,7 @@
|
||||
;; sx:responseError event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-response-error-demo ()
|
||||
(defcomp ~reference/ref-event-response-error-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "/sx/(geography.(hypermedia.(reference.(api.error-500))))"
|
||||
@@ -793,7 +793,7 @@
|
||||
;; ---------------------------------------------------------------------------
|
||||
;; @css invalid:border-red-400
|
||||
|
||||
(defcomp ~ref-event-validation-failed-demo ()
|
||||
(defcomp ~reference/ref-event-validation-failed-demo ()
|
||||
(div :class "space-y-3"
|
||||
(form
|
||||
:sx-post "/sx/(geography.(hypermedia.(reference.(api.greet))))"
|
||||
@@ -820,7 +820,7 @@
|
||||
;; sx:requestError event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-request-error-demo ()
|
||||
(defcomp ~reference/ref-event-request-error-demo ()
|
||||
(div :class "space-y-3"
|
||||
(button
|
||||
:sx-get "https://this-domain-does-not-exist.invalid/api"
|
||||
@@ -841,7 +841,7 @@
|
||||
;; sx:clientRoute event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-client-route-demo ()
|
||||
(defcomp ~reference/ref-event-client-route-demo ()
|
||||
(div :class "space-y-3"
|
||||
(p :class "text-sm text-stone-600"
|
||||
"Open DevTools console, then navigate to a pure page (no :data expression). "
|
||||
@@ -864,7 +864,7 @@
|
||||
;; sx:sseOpen event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-sse-open-demo ()
|
||||
(defcomp ~reference/ref-event-sse-open-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :sx-sse "/sx/(geography.(hypermedia.(reference.(api.sse-time))))"
|
||||
:sx-sse-swap "time"
|
||||
@@ -882,7 +882,7 @@
|
||||
;; sx:sseMessage event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-sse-message-demo ()
|
||||
(defcomp ~reference/ref-event-sse-message-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :sx-sse "/sx/(geography.(hypermedia.(reference.(api.sse-time))))"
|
||||
:sx-sse-swap "time"
|
||||
@@ -900,7 +900,7 @@
|
||||
;; sx:sseError event demo
|
||||
;; ---------------------------------------------------------------------------
|
||||
|
||||
(defcomp ~ref-event-sse-error-demo ()
|
||||
(defcomp ~reference/ref-event-sse-error-demo ()
|
||||
(div :class "space-y-3"
|
||||
(div :sx-sse "/sx/(geography.(hypermedia.(reference.(api.sse-time))))"
|
||||
:sx-sse-swap "time"
|
||||
|
||||
Reference in New Issue
Block a user