<feed xmlns='http://www.w3.org/2005/Atom'>
<title>pakakeh.ts/index.html, branch main</title>
<subtitle>Web user interface components built with TypeScript.</subtitle>
<id>http://git.kilabit.info/pakakeh.ts/atom?h=main</id>
<link rel='self' href='http://git.kilabit.info/pakakeh.ts/atom?h=main'/>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/'/>
<updated>2024-10-07T17:22:17Z</updated>
<entry>
<title>Release pakakeh.ts v0.2.0 (2024-10-08)</title>
<updated>2024-10-07T17:22:17Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2024-10-07T17:22:17Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=432958e0e10f82c720d3342570e6b0f6b1d22274'/>
<id>urn:sha1:432958e0e10f82c720d3342570e6b0f6b1d22274</id>
<content type='text'>
This release update the package name and repository URL to new name
"pakakeh.ts".

On dependencies, we upgrade the tools to use eslint v9.

=== New features

* input: implement component for inputing file


=== Enhancements

* editor: set the caret color to red

  Since we cannot change its shape, changing the color to red make the
  text cursor position visible to eyes.

* editor: allow inserting tab on editor

  Previously pressing tab on editor will move focus to the next
  component on page or browser.
  Now, pressing tab will insert "\t" on the current cursor.


=== Chores

* all: rewrite README using markdown format

  This is to make the repository README rendered on git.sr.ht, not only
  github.

* make: add task to install tools and serve the HTML and docs

  The "install-tools" task install the ciigo binary using Go tools
  into user's ${GOBIN}.

  The "serve" task serve the HTML files for local development and
  automatically convert ".md" files to HTML for previewing.

* notif: update example message for notification

* tsconfig.json: set the watch options

  For watchFile and watchDirectory we use useFsEvents (the default):
  Attempt to use the operating system/file system’s native events
  for directory changes.

  dynamicPriorityPolling: Use a dynamic queue where less-frequently
  modified files will be checked less often.

  synchronousWatchDirectory: Synchronously call callbacks and update
  the state of directory watchers on platforms that don`t support
  recursive watching natively.
  Instead of giving a small timeout to allow for potentially multiple
  edits to occur on a file.

  Reference: https://www.typescriptlang.org/docs/handbook/configuring-watch.html

* all: update reuse to use REUSE.toml

  Since REUSE version 3.2, using ".reuse/dep5" has been deprecated,
  and replaced using REUSE.toml

* all: update README

  Add list of components that we provides on this module and
  how to start development.

* all: commit all generate JavaScript files

  This is to simplify development on third party where they can
  clone and include the file directly without installing or running
  anything to build the files.
</content>
</entry>
<entry>
<title>make: add task to install tools and serve the HTML and docs</title>
<updated>2024-09-15T06:26:28Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2024-05-09T18:39:52Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=b1de224b6e28ddeeeeaa90d576f0630c89480ae4'/>
<id>urn:sha1:b1de224b6e28ddeeeeaa90d576f0630c89480ae4</id>
<content type='text'>
The "install-tools" task install the ciigo binary using Go tools
into user's ${GOBIN}.

The "serve" task serve the HTML files for local development and
automatically convert ".md" files to HTML for previewing.
</content>
</entry>
<entry>
<title>all: reformat all files</title>
<updated>2023-10-24T15:27:14Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2023-10-22T19:20:07Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=891a860299ac76739d59f46280cbed63ff07743e'/>
<id>urn:sha1:891a860299ac76739d59f46280cbed63ff07743e</id>
<content type='text'>
I cannot remember how I reformat those files previously, probably without
any tools.

This changes reformat the TypeScript files using prettier and HTML files
using js-beautify.
</content>
</entry>
<entry>
<title>all: re-licensing wui under GPL 3.0 or later</title>
<updated>2022-03-14T17:58:01Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2022-03-14T17:58:01Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=3aad4d9316e9011d4d55c877b4ee0689e682091d'/>
<id>urn:sha1:3aad4d9316e9011d4d55c877b4ee0689e682091d</id>
<content type='text'>
See https://kilabit.info/journal/2022/gpl/ for more information.
</content>
</entry>
<entry>
<title>notif: convert the example using TypeScript and load it with type="module"</title>
<updated>2021-09-05T15:46:05Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2021-09-05T15:46:05Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=e3da79cf1adfb6dc2d9fed2e982bcde7fe7a7161'/>
<id>urn:sha1:e3da79cf1adfb6dc2d9fed2e982bcde7fe7a7161</id>
<content type='text'>
</content>
</entry>
<entry>
<title>vfs: refactor example to use TypeScript loaded with type="module"</title>
<updated>2021-09-05T14:46:40Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2021-09-05T14:46:40Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=903561a9074da0632e1e001db3879cc45f974493'/>
<id>urn:sha1:903561a9074da0632e1e001db3879cc45f974493</id>
<content type='text'>
</content>
</entry>
<entry>
<title>editor: convert the example to TypeScript and loaded as module</title>
<updated>2021-09-05T13:24:50Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2021-09-05T13:24:50Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=caf0f69ed09d01ff6053cf095b720606077e442c'/>
<id>urn:sha1:caf0f69ed09d01ff6053cf095b720606077e442c</id>
<content type='text'>
</content>
</entry>
<entry>
<title>input: implement class for input number</title>
<updated>2021-09-05T11:36:42Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2021-09-05T08:28:30Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/pakakeh.ts/commit/?id=437cee56693f69b2a58f37f8a5ff5b931ea803a2'/>
<id>urn:sha1:437cee56693f69b2a58f37f8a5ff5b931ea803a2</id>
<content type='text'>
The WuiInputNumber create an HTML input that allow number only, with
optional max and min options.
The required options is "label" and "value".

Format of generated HTML output,

  &lt;div [id=${id}] class="${WUI_INPUT_NUMBER_CLASS}"&gt;
    &lt;div&gt;
      &lt;label class="${WUI_INPUT_NUMBER_CLASS_LABEL}"&gt;${label}&lt;/label&gt;
      &lt;input
        class="${WUI_INPUT_NUMBER_CLASS_INPUT}"
        [max=${max}]
        [min=${min}]
        [disabled=${is_disabled}]
        value=${value}
      &gt;
      &lt;span class="${WUI_INPUT_NUMBER_CLASS_HINT_TOGGLER}"&gt;i &lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="${WUI_INPUT_NUMBER_CLASS_HINT}"&gt;${hint}&lt;/div&gt;
  &lt;/div&gt;

User can set onChangeHandler to receive new value when the value
changes and valid; otherwise, if the value is invalid, the input
background will changes accordingly.
</content>
</entry>
</feed>
