@nsis/dent-ui 0.2.0 → 0.2.1

package/.turbo/turbo-build.log

@@ -1,10 +1,10 @@
 $ vite build
-8:42:00 PM [vite-plugin-svelte] no Svelte config found at /home/runner/work/nsis-javascript-tools/nsis-javascript-tools/packages/dent-ui - using default configuration.
+9:28:12 PM [vite-plugin-svelte] no Svelte config found at /home/runner/work/nsis-javascript-tools/nsis-javascript-tools/packages/dent-ui - using default configuration.
 vite v8.1.3 building client environment for production...
 
 rendering chunks...
 computing gzip size...
 dist/index.html                  0.30 kB │ gzip:   0.22 kB
-dist/assets/index-COUmeiB0.js  404.01 kB │ gzip: 132.90 kB
+dist/assets/index-RxzOIm4G.js  404.08 kB │ gzip: 132.91 kB
 
-✓ built in 218ms
+✓ built in 320ms

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nsis/dent-ui
 
+## 0.2.1
+
+### Patch Changes
+
+- 952f39c: fix: expose `strict` prop on exported component
+
 ## 0.2.0
 
 ### Minor Changes

package/README.md

@@ -12,27 +12,14 @@
 
 ```svelte
 <script>
-  import Editor from '@nsis/dent-ui/Editor.svelte';
+  import DentUI from '@nsis/dent-ui/DentUI.svelte';
 </script>
 
-<Editor
-  dark={true}
-  label="NSIS editor"
-  oncreate={(view) => view.focus()}
-/>
+<DentUI strict={true} />
 ```
 
-### Props
-
-| Prop         | Type                        | Default | Description                            |
-| ------------ | --------------------------- | ------- | -------------------------------------- |
-| `dark`       | `boolean`                   | `true`  | Use dark theme                         |
-| `extensions` | `Extension[]`               | `[]`    | Additional CodeMirror extensions       |
-| `label`      | `string`                    | `''`    | Accessible label for the editor        |
-| `strict`     | `boolean`                   | `false` | Case-sensitive NSIS keyword matching   |
-| `oncreate`   | `(view: EditorView) => void`| —       | Callback when the editor view is ready |
-
-By default, NSIS keywords are matched case-insensitively (e.g. `messagebox` and `MessageBox` are both highlighted). Set `strict` to `true` to require canonical casing.
+> [!NOTE]
+> By default, NSIS keywords are matched case-insensitively (e.g. `messagebox` and `MessageBox` are both highlighted). Set `strict` to `true` to require canonical casing.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nsis/dent-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Web UI for the Dent NSIS code formatter",
   "license": "MIT",
   "type": "module",

package/src/App.svelte

@@ -6,6 +6,8 @@ import { createFormatter } from '@nsis/dent';
 import { onDestroy, onMount } from 'svelte';
 import Editor from './Editor.svelte';
 
+let { strict = false }: { strict?: boolean } = $props();
+
 let dark = $state(document.documentElement.dataset.theme !== 'light');
 let themePreference = $state(localStorage.getItem('theme') || 'system');
 
@@ -199,15 +201,20 @@ const outputExtensions = [EditorState.readOnly.of(true), EditorView.editable.of(
 		<div class="pane-header">Input</div>
 		<Editor
 			{dark}
+			{strict}
 			extensions={inputExtensions}
 			label="NSIS input editor"
-			oncreate={(v) => { inputView = v; v.focus(); }}
+			oncreate={(v) => {
+				inputView = v;
+				v.focus();
+			}}
 		/>
 	</div>
 	<div class="editor-pane">
 		<div class="pane-header">Output</div>
 		<Editor
 			{dark}
+			{strict}
 			extensions={outputExtensions}
 			label="Formatted output editor"
 			oncreate={(v) => (outputView = v)}