stillmade-sdk 0.1.8 → 0.1.10

package/examples/README.md

@@ -0,0 +1,10 @@
+# Examples
+
+Copy the interface of `clean-text.stillmade.json` or a `stillmade-block new` template. They use the Block kit
+(`packages/design-system/block-kit.html`): no page heading or intro text, pictures before words, one
+`sm-primary` button named for its action, and no prices (StillMade's run button shows them).
+
+Files named `docs-only-*` are unchanged first submissions from documentation-only tests
+(`acceptance/README.md`). Several were written before the Block kit and break its rules, for example
+`docs-only-gentle-trailer.stillmade.json` with its heading, intro line and unstyled button. Read them for
+their logic, not their interface.

package/examples/custom-interface.stillmade.json

@@ -71,8 +71,8 @@
     }
   ],
   "view": {
-    "html": "<main class=\"clean-studio\"><header><h1>Clean text</h1><p>Shape a draft and keep the result visible while settings move for the available space.</p></header><div class=\"clean-layout\"><section class=\"clean-settings\" aria-labelledby=\"settings-title\"><h2 id=\"settings-title\">Draft</h2><label for=\"source\">Your text</label><textarea id=\"source\" data-stillmade-input=\"text\" data-stillmade-share=\"text\"></textarea><div class=\"clean-actions\"><button id=\"run\" data-stillmade-action=\"run\">Clean text</button></div></section><section class=\"clean-result\" aria-labelledby=\"result-title\"><h2 id=\"result-title\">Result</h2><output id=\"result\" aria-live=\"polite\" data-stillmade-state=\"empty\">Your result appears here.</output></section></div></main>",
-    "css": ".clean-studio{container:clean-studio/inline-size;min-width:0}.clean-studio>header p{max-width:60ch;color:var(--fg-muted)}.clean-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px;align-items:start}.clean-settings,.clean-result{min-width:0;padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3)}.clean-settings label{display:block;margin-bottom:8px}.clean-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.clean-actions button{min-width:44px;min-height:44px}.clean-result output{display:block;min-height:120px;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3)}@container clean-studio (max-width:600px){.clean-layout{grid-template-columns:minmax(0,1fr)}.clean-settings,.clean-result{padding:12px}}",
-    "javascript": "const source=document.getElementById(\"source\"), button=document.getElementById(\"run\"), result=document.getElementById(\"result\"); StillMade.onInput(input=>{source.value=input.text||\"\";document.querySelector(\"main\").dataset.stillmadeState=source.value?\"populated\":\"empty\"}); button.addEventListener(\"click\",async()=>{button.disabled=true;result.dataset.stillmadeState=\"loading\";result.textContent=\"Cleaning…\";try{const output=await StillMade.run({text:source.value});result.dataset.stillmadeState=\"success\";result.textContent=output.text||\"The result is empty.\"}catch(error){result.dataset.stillmadeState=\"error\";result.textContent=error.message}finally{button.disabled=false}});"
+    "html": "<main class=\"sm-block\" data-layout=\"split\"><output class=\"sm-stage\" id=\"result\" aria-live=\"polite\" data-stillmade-state=\"empty\">Your result shows here</output><div class=\"sm-field\"><label for=\"source\">Text</label><textarea id=\"source\" data-stillmade-input=\"text\" data-stillmade-share=\"text\"></textarea></div><div class=\"sm-actions\"><button class=\"sm-primary\" id=\"run\" data-stillmade-action=\"run\">Clean text</button></div></main>",
+    "css": "#result{place-items:start;min-height:160px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg)}#result[data-stillmade-state=\"empty\"]{place-items:center;color:var(--fg-muted)}",
+    "javascript": "const source=document.getElementById(\"source\"), button=document.getElementById(\"run\"), result=document.getElementById(\"result\"); StillMade.onInput(input=>{source.value=input.text||\"\";document.querySelector(\"main\").dataset.stillmadeState=source.value?\"populated\":\"empty\"}); button.addEventListener(\"click\",async()=>{button.disabled=true;result.dataset.stillmadeState=\"loading\";result.textContent=\"Cleaning…\";try{const output=await StillMade.run({text:source.value});result.dataset.stillmadeState=\"success\";result.textContent=output.text||\"Empty result\"}catch(error){result.dataset.stillmadeState=\"error\";result.textContent=error.message}finally{button.disabled=false}});"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stillmade-sdk",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "StillMade Block SDK, CLI and examples",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
@@ -11,6 +11,12 @@
     "sdk",
     "cli"
   ],
+  "main": "packages/block-sdk/index.js",
+  "exports": {
+    ".": "./packages/block-sdk/index.js",
+    "./package.json": "./package.json",
+    "./*": "./*"
+  },
   "bin": {
     "stillmade-block": "packages/block-cli/cli.js"
   },