ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Hyperscript

by gnat ST4

Hyperscript syntax highlighting for Sublime Text. (_hyperscript, HTMX)

Labels language syntax, syntax, html, script, highlighting, htmx, javascript

Details

Installs

  • Total 148
  • Win 51
  • Mac 52
  • Linux 45
Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9 Mar 8 Mar 7 Mar 6 Mar 5 Mar 4 Mar 3 Mar 2
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

Hyperscript for Sublime Text

Provides syntax highlighting for the Hyperscript (_hyperscript) language, both embedded in HTML and in a standalone file.

Hyperscript is the companion project of HTMX. A recommended alternative to Stimulus, Alpine.js, jQuery.

What is Hyperscript?

  • Event-oriented language.
  • Locality of Behaviour instead of verbose javascript modules.
  • Async transparency.
  • No long event chains / christmas trees.
  • Null safe.
  • Self-documenting natural syntax inspired by Hypertalk and AppleScript.
  • Saves a ton of code in components.

See: A First Look at Hyperscript

What is hyperscript / HTMX ?

Sample Highlighting

image (Color scheme: Invader Zim)

Installation

Option A (Package Control. 🙏🏻 Soon!): Preferences ➡️ Package Control ➡️ Install Package ➡️ Hyperscript ➡️ ENTER

Turn it on: View ➡️ Syntax ➡️ Hyperscript ➡️ HTML (Hyperscript)

Option B (Direct): Preferences ➡️ Browse Packages ... ➡️ cd User ➡️ Download and extract the latest.

Turn it on: View ➡️ Syntax ➡️ User or hyperscript-sublime or Hyperscript ➡️ HTML (Hyperscript)

Enjoy! 🙂 Find the community on the discord! Check out the Hyperscript Cheatsheet!

What is the relationship between HTMX and Hyperscript?

  • HTMX and Hyperscript are sibling projects.
  • They are designed to work well together, HTMX for server-interactions and Hyperscript for pure front-end interactions, but neither requires the other.

Highlighting enabled for…

Tag attributes supported:

  • _=""
  • hs=""
  • data-hs=""

Script tag:

  • <script type="text/hyperscript"></script>

Suggested Sublime Color Schemes

  • Invader Zim 🛸
  • Mariana (Built-in)
  • Monokai (Built-in)

Special Thanks

References