kreftjs 0.0.20-beta → 0.0.22-beta

package/editors/sublime/for.sublime-snippet

@@ -0,0 +1,12 @@
+<snippet>
+	<content><![CDATA[
+{for ${1:item} in ${2:items} key ${1:item}.id}
+  $0
+{empty}
+  <p>Nothing yet.</p>
+{/for}
+]]></content>
+	<tabTrigger>for</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Loop over a list</description>
+</snippet>

package/editors/sublime/k-case.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+k-case="${1:'value'}"
+]]></content>
+	<tabTrigger>k-case</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>A branch of k-match; several values: k-case="'a', 'b'"</description>
+</snippet>

package/editors/sublime/k-if.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+k-if={${1:condition}}
+]]></content>
+	<tabTrigger>k-if</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Show only when true</description>
+</snippet>

package/editors/sublime/k-match.sublime-snippet

@@ -0,0 +1,12 @@
+<snippet>
+	<content><![CDATA[
+<div k-match="${1:value}">
+  <${2:b} k-case="${3:'a'}">${4:A}</${2:b}>
+  <${5:i} k-case="${6:'b', 'c'}">${7:B or C}</${5:i}>
+  <${8:u} k-default>${9:other}</${8:u}>
+</div>
+]]></content>
+	<tabTrigger>k-match</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Show the child whose k-case equals the value (k-default: none matched)</description>
+</snippet>

package/editors/sublime/kreft-wait.sublime-snippet

@@ -0,0 +1,12 @@
+<snippet>
+	<content><![CDATA[
+<kreft-wait>
+  $0
+  <p k-waiting>Loading…</p>
+  <p k-failed="error">Could not load: {error.message}</p>
+</kreft-wait>
+]]></content>
+	<tabTrigger>kreft-wait</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Show something until everything inside has loaded</description>
+</snippet>

package/editors/sublime/layout.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+layout ${1:app}
+]]></content>
+	<tabTrigger>layout</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>This page goes inside layouts/&lt;name&gt;.kreft (layout none: no layout)</description>
+</snippet>

package/editors/sublime/load.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+load ${1:posts} = api.get('${2:/api/posts}')
+]]></content>
+	<tabTrigger>load</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Load data: .data, .loading, .error</description>
+</snippet>

package/editors/sublime/on.sublime-snippet

@@ -0,0 +1,10 @@
+<snippet>
+	<content><![CDATA[
+on ${1|start,ready,update,show,hide,destroy|} {
+  $0
+}
+]]></content>
+	<tabTrigger>on</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Lifecycle</description>
+</snippet>

package/editors/sublime/pipe.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+{ ${1:value} | ${2:upper} }
+]]></content>
+	<tabTrigger>pipe</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Pipe: upper, lower, capitalize, truncate:n, currency:'USD', number:2, percent, date, time, ago, bytes, join, fallback, json</description>
+</snippet>

package/editors/sublime/prop-typed.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+prop ${1:size}: ${2:'sm' | 'lg'} = ${3:'sm'}
+]]></content>
+	<tabTrigger>proptyped</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>A prop with a type; a wrong value warns while you develop</description>
+</snippet>

package/editors/sublime/saved.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+saved ${1:name} = ${2:[]}
+]]></content>
+	<tabTrigger>saved</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>A value kept after a reload (localStorage)</description>
+</snippet>

package/editors/sublime/section.sublime-snippet

@@ -0,0 +1,10 @@
+<snippet>
+	<content><![CDATA[
+<kreft-section name="${1:actions}">
+  $0
+</kreft-section>
+]]></content>
+	<tabTrigger>kreft-section</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Content for the layout's &lt;kreft-yield name&gt;</description>
+</snippet>

package/editors/sublime/state.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+state ${1:name} = ${2:0}
+]]></content>
+	<tabTrigger>state</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>A value the view follows</description>
+</snippet>

package/editors/sublime/watch.sublime-snippet

@@ -0,0 +1,10 @@
+<snippet>
+	<content><![CDATA[
+watch ${1:value} {
+  $0
+}
+]]></content>
+	<tabTrigger>watch</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Run when a value changes (value, old)</description>
+</snippet>

package/editors/sublime/when.sublime-snippet

@@ -0,0 +1,10 @@
+<snippet>
+	<content><![CDATA[
+when ${1:condition} {
+  $0
+}
+]]></content>
+	<tabTrigger>when</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>Run when a condition becomes true</description>
+</snippet>

package/editors/sublime/yield.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+	<content><![CDATA[
+<kreft-yield name="${1:actions}">${0}</kreft-yield>
+]]></content>
+	<tabTrigger>kreft-yield</tabTrigger>
+	<scope>text.html.kreft</scope>
+	<description>In a layout: where a page's &lt;kreft-section&gt; goes</description>
+</snippet>

package/editors/vscode/snippets/kreftjs.json

@@ -1,21 +1,149 @@
 {
   "Component": {
     "prefix": "kreftjs",
-    "body": ["state ${1:count} = ${2:0}", "", "action ${3:add}() {", "  ${1:count}++", "}", "", "<view>", "  <button @click={${3:add}}>{${1:count}}</button>", "</view>", "", "<style scoped>", "  $0", "</style>"],
+    "body": [
+      "state ${1:count} = ${2:0}",
+      "",
+      "action ${3:add}() {",
+      "  ${1:count}++",
+      "}",
+      "",
+      "<view>",
+      "  <button @click={${3:add}}>{${1:count}}</button>",
+      "</view>",
+      "",
+      "<style scoped>",
+      "  $0",
+      "</style>"
+    ],
     "description": "A new .kreft component"
   },
-  "state": { "prefix": "state", "body": "state ${1:name} = ${2:0}", "description": "A value the view follows" },
-  "saved": { "prefix": "saved", "body": "saved ${1:name} = ${2:[]}", "description": "A value kept after a reload (localStorage)" },
-  "derive": { "prefix": "derive", "body": "derive ${1:name} = ${2:expression}", "description": "A value worked out from others" },
-  "load": { "prefix": "load", "body": "load ${1:posts} = api.get('${2:/api/posts}')", "description": "Load data: .data, .loading, .error" },
-  "action": { "prefix": "action", "body": ["action ${1:name}(${2}) {", "  $0", "}"], "description": "A function the view can call" },
-  "when": { "prefix": "when", "body": ["when ${1:condition} {", "  $0", "}"], "description": "Run when a condition becomes true" },
-  "watch": { "prefix": "watch", "body": ["watch ${1:value} {", "  $0", "}"], "description": "Run when a value changes (value, old)" },
-  "on": { "prefix": "on", "body": ["on ${1|start,ready,update,show,hide,destroy|} {", "  $0", "}"], "description": "Lifecycle" },
-  "layout": { "prefix": "layout", "body": "layout ${1:app}", "description": "This page goes inside layouts/<name>.kreft (layout none: no layout)" },
-  "section": { "prefix": "kreft-section", "body": ["<kreft-section name=\"${1:actions}\">", "  $0", "</kreft-section>"], "description": "Content for the layout's <kreft-yield name>" },
-  "yield": { "prefix": "kreft-yield", "body": "<kreft-yield name=\"${1:actions}\">${0}</kreft-yield>", "description": "In a layout: where a page's <kreft-section> goes" },
-  "for": { "prefix": "for", "body": ["{for ${1:item} in ${2:items} key ${1:item}.id}", "  $0", "{empty}", "  <p>Nothing yet.</p>", "{/for}"], "description": "Loop over a list" },
-  "k-if": { "prefix": "k-if", "body": "k-if={${1:condition}}", "description": "Show only when true" },
-  "kreft-wait": { "prefix": "kreft-wait", "body": ["<kreft-wait>", "  $0", "  <p k-waiting>Loading…</p>", "  <p k-failed=\"error\">Could not load: {error.message}</p>", "</kreft-wait>"], "description": "Show something until everything inside has loaded" }
+  "state": {
+    "prefix": "state",
+    "body": "state ${1:name} = ${2:0}",
+    "description": "A value the view follows"
+  },
+  "saved": {
+    "prefix": "saved",
+    "body": "saved ${1:name} = ${2:[]}",
+    "description": "A value kept after a reload (localStorage)"
+  },
+  "derive": {
+    "prefix": "derive",
+    "body": "derive ${1:name} = ${2:expression}",
+    "description": "A value worked out from others"
+  },
+  "load": {
+    "prefix": "load",
+    "body": "load ${1:posts} = api.get('${2:/api/posts}')",
+    "description": "Load data: .data, .loading, .error"
+  },
+  "action": {
+    "prefix": "action",
+    "body": [
+      "action ${1:name}(${2}) {",
+      "  $0",
+      "}"
+    ],
+    "description": "A function the view can call"
+  },
+  "when": {
+    "prefix": "when",
+    "body": [
+      "when ${1:condition} {",
+      "  $0",
+      "}"
+    ],
+    "description": "Run when a condition becomes true"
+  },
+  "watch": {
+    "prefix": "watch",
+    "body": [
+      "watch ${1:value} {",
+      "  $0",
+      "}"
+    ],
+    "description": "Run when a value changes (value, old)"
+  },
+  "on": {
+    "prefix": "on",
+    "body": [
+      "on ${1|start,ready,update,show,hide,destroy|} {",
+      "  $0",
+      "}"
+    ],
+    "description": "Lifecycle"
+  },
+  "layout": {
+    "prefix": "layout",
+    "body": "layout ${1:app}",
+    "description": "This page goes inside layouts/<name>.kreft (layout none: no layout)"
+  },
+  "section": {
+    "prefix": "kreft-section",
+    "body": [
+      "<kreft-section name=\"${1:actions}\">",
+      "  $0",
+      "</kreft-section>"
+    ],
+    "description": "Content for the layout's <kreft-yield name>"
+  },
+  "yield": {
+    "prefix": "kreft-yield",
+    "body": "<kreft-yield name=\"${1:actions}\">${0}</kreft-yield>",
+    "description": "In a layout: where a page's <kreft-section> goes"
+  },
+  "for": {
+    "prefix": "for",
+    "body": [
+      "{for ${1:item} in ${2:items} key ${1:item}.id}",
+      "  $0",
+      "{empty}",
+      "  <p>Nothing yet.</p>",
+      "{/for}"
+    ],
+    "description": "Loop over a list"
+  },
+  "k-if": {
+    "prefix": "k-if",
+    "body": "k-if={${1:condition}}",
+    "description": "Show only when true"
+  },
+  "kreft-wait": {
+    "prefix": "kreft-wait",
+    "body": [
+      "<kreft-wait>",
+      "  $0",
+      "  <p k-waiting>Loading…</p>",
+      "  <p k-failed=\"error\">Could not load: {error.message}</p>",
+      "</kreft-wait>"
+    ],
+    "description": "Show something until everything inside has loaded"
+  },
+  "k-match": {
+    "prefix": "k-match",
+    "body": [
+      "<div k-match=\"${1:value}\">",
+      "  <${2:b} k-case=\"${3:'a'}\">${4:A}</${2:b}>",
+      "  <${5:i} k-case=\"${6:'b', 'c'}\">${7:B or C}</${5:i}>",
+      "  <${8:u} k-default>${9:other}</${8:u}>",
+      "</div>"
+    ],
+    "description": "Show the child whose k-case equals the value (k-default: none matched)"
+  },
+  "k-case": {
+    "prefix": "k-case",
+    "body": "k-case=\"${1:'value'}\"",
+    "description": "A branch of k-match; several values: k-case=\"'a', 'b'\""
+  },
+  "pipe": {
+    "prefix": "pipe",
+    "body": "{ ${1:value} | ${2:upper} }",
+    "description": "Pipe: upper, lower, capitalize, truncate:n, currency:'USD', number:2, percent, date, time, ago, bytes, join, fallback, json"
+  },
+  "prop-typed": {
+    "prefix": "proptyped",
+    "body": "prop ${1:size}: ${2:'sm' | 'lg'} = ${3:'sm'}",
+    "description": "A prop with a type; a wrong value warns while you develop"
+  }
 }

package/editors/zed/LICENSE

@@ -0,0 +1,95 @@
+Copyright 2026 Maxamuud Xuseen
+
+Elastic License 2.0
+
+URL: https://www.elastic.co/licensing/elastic-license
+
+## Acceptance
+
+By using the software, you agree to all of the terms and conditions below.
+
+## Copyright License
+
+The licensor grants you a non-exclusive, royalty-free, worldwide,
+non-sublicensable, non-transferable license to use, copy, distribute, make
+available, and prepare derivative works of the software, in each case subject to
+the limitations and conditions below.
+
+## Limitations
+
+You may not provide the software to third parties as a hosted or managed
+service, where the service provides users with access to any substantial set of
+the features or functionality of the software.
+
+You may not move, change, disable, or circumvent the license key functionality
+in the software, and you may not remove or obscure any functionality in the
+software that is protected by the license key.
+
+You may not alter, remove, or obscure any licensing, copyright, or other notices
+of the licensor in the software. Any use of the licensor’s trademarks is subject
+to applicable law.
+
+## Patents
+
+The licensor grants you a license, under any patent claims the licensor can
+license, or becomes able to license, to make, have made, use, sell, offer for
+sale, import and have imported the software, in each case subject to the
+limitations and conditions in this license. This license does not cover any
+patent claims that you cause to be infringed by modifications or additions to
+the software. If you or your company make any written claim that the software
+infringes or contributes to infringement of any patent, your patent license for
+the software granted under these terms ends immediately. If your company makes
+such a claim, your patent license ends immediately for work on behalf of your
+company.
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you
+also gets a copy of these terms.
+
+If you modify the software, you must include in any modified copies of the
+software prominent notices stating that you have modified the software.
+
+## No Other Rights
+
+These terms do not imply any licenses other than those expressly granted in
+these terms.
+
+## Termination
+
+If you use the software in violation of these terms, such use is not licensed,
+and your licenses will automatically terminate. If the licensor provides you
+with a notice of your violation, and you cease all violation of this license no
+later than 30 days after you receive that notice, your licenses will be
+reinstated retroactively. However, if you violate these terms after such
+reinstatement, any additional violation of these terms will cause your licenses
+to terminate automatically and permanently.
+
+## No Liability
+
+*As far as the law allows, the software comes as is, without any warranty or
+condition, and the licensor will not be liable to you for any damages arising
+out of these terms or the use or nature of the software, under any kind of
+legal claim.*
+
+## Definitions
+
+The **licensor** is the entity offering these terms, and the **software** is the
+software the licensor makes available under these terms, including any portion
+of it.
+
+**you** refers to the individual or entity agreeing to these terms.
+
+**your company** is any legal entity, sole proprietorship, or other kind of
+organization that you work for, plus all organizations that have control over,
+are under the control of, or are under common control with that
+organization. **control** means ownership of substantially all the assets of an
+entity, or the power to direct its management and policies by vote, contract, or
+otherwise. Control can be direct or indirect.
+
+**your licenses** are all the licenses granted to you for the software under
+these terms.
+
+**use** means anything you do with the software requiring one of your licenses.
+
+**trademark** means trademarks, service marks, and similar rights.

package/editors/zed/README.md

@@ -0,0 +1,17 @@
+# Kreft for Zed
+
+Highlighting for `.kreft` (and legacy `.kreftjs`) component files: markup, `k-*` / `@event` / `:bind`
+attributes, and the embedded `<script>` (JavaScript) and `<style>` (CSS) blocks.
+
+## Install (dev extension)
+
+1. Open Zed, run **zed: install dev extension** from the command palette.
+2. Select this folder (`editors/zed`).
+
+Zed downloads the tree-sitter HTML grammar and compiles it, so Rust (via `rustup`) must be installed.
+
+## Limits
+
+This reuses the HTML grammar. Kreft-only syntax (`state x = 0`, `action f() {}`, `{expr}` text
+interpolation) is highlighted as far as JavaScript/HTML allow; a dedicated tree-sitter-kreft
+grammar would be needed for full coverage.

package/editors/zed/extension.toml

@@ -0,0 +1,11 @@
+id = "kreft"
+name = "Kreft"
+description = "Syntax highlighting for Kreft .kreft component files."
+version = "0.1.0"
+schema_version = 1
+authors = ["Maxamuud Xuseen"]
+repository = "https://github.com/gadhyare/somjs"
+
+[grammars.html]
+repository = "https://github.com/tree-sitter/tree-sitter-html"
+commit = "73a3947324f6efddf9e17c0ea58d454843590cc0"

package/editors/zed/languages/kreft/brackets.scm

@@ -0,0 +1,4 @@
+("<" @open ">" @close)
+("</" @open ">" @close)
+("{" @open "}" @close)
+("\"" @open "\"" @close)

package/editors/zed/languages/kreft/config.toml

@@ -0,0 +1,17 @@
+name = "Kreft"
+grammar = "html"
+path_suffixes = ["kreft", "kreftjs"]
+block_comment = ["<!-- ", " -->"]
+autoclose_before = ">})]"
+brackets = [
+  { start = "<", end = ">", close = true, newline = true },
+  { start = "{", end = "}", close = true, newline = true },
+  { start = "(", end = ")", close = true, newline = false },
+  { start = "[", end = "]", close = true, newline = false },
+  { start = "\"", end = "\"", close = true, newline = false, not_in = ["comment", "string"] },
+  { start = "'", end = "'", close = true, newline = false, not_in = ["comment", "string"] },
+  { start = "<!--", end = " -->", close = true, newline = false, not_in = ["comment", "string"] },
+]
+word_characters = ["-", "$"]
+tab_size = 2
+prettier_parser_name = "html"

package/editors/zed/languages/kreft/highlights.scm

@@ -0,0 +1,18 @@
+(tag_name) @tag
+(erroneous_end_tag_name) @tag.error
+(doctype) @constant
+(attribute_name) @attribute
+(attribute_value) @string
+(quoted_attribute_value) @string
+(comment) @comment
+
+; Kreft directives and bindings: k-if, k-for, @click, :value ...
+((attribute_name) @keyword
+  (#match? @keyword "^(k-|@|:)"))
+
+; <view>, <script>, <style> blocks
+((tag_name) @keyword
+  (#match? @keyword "^(view|layout)$"))
+
+"=" @punctuation.delimiter
+[ "<" ">" "</" "/>" ] @punctuation.bracket

package/editors/zed/languages/kreft/indents.scm

@@ -0,0 +1,5 @@
+(element
+  (start_tag) @start
+  (end_tag)? @end) @indent
+
+(self_closing_tag) @indent

package/editors/zed/languages/kreft/injections.scm

@@ -0,0 +1,14 @@
+((script_element
+  (raw_text) @injection.content)
+  (#set! injection.language "javascript"))
+
+((style_element
+  (raw_text) @injection.content)
+  (#set! injection.language "css"))
+
+; Inline handlers and bindings are JavaScript expressions
+((attribute
+  (attribute_name) @_name
+  (quoted_attribute_value (attribute_value) @injection.content))
+  (#match? @_name "^(k-|@|:)")
+  (#set! injection.language "javascript"))

package/editors/zed/languages/kreft/outline.scm

@@ -0,0 +1,3 @@
+(script_element (start_tag (tag_name) @name)) @item
+(style_element (start_tag (tag_name) @name)) @item
+(element (start_tag (tag_name) @name (#match? @name "^view$"))) @item

package/kreftjs.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for Kreft 0.0.20-beta
+// Type definitions for Kreft 0.0.22-beta
 // Use from TypeScript or for editor hints in plain JavaScript (// @ts-check).
 
 export interface Signal<T> { value: T }