Prepare for publishing to JSR and other small improvements

Author: kuchta

.github/workflows/publish-jsr.yml

@@ -0,0 +1,26 @@
+name: Publish to JSR
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Runtime
+        uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
+
+      - name: Publish
+        run: deno publish

deno.jsonc

@@ -1,4 +1,7 @@
 {
+	"name": "@kuchta/radixverse",
+	"version": "0.1.0",
+	"exports": "./src/radixes.ts",
 	"nodeModulesDir": "auto",
 	"exclude": [ ".history" ],
 	"tasks": {
@@ -27,7 +30,7 @@
 		}
 	},
 	"publish": {
-		"include": [ "README.md", "deno.json", "package.json", "src/utils.ts" ]
+		"include": [ "README.md", "deno.json", "package.json", "src/radixes.ts" ]
 	},
 	"deploy": {
 		"org": "kuchta",

deno.lock

@@ -1,6 +1,6 @@
 {
 	"name": "radixverse",
-	"version": "0.0.4",
+	"version": "0.1.0",
 	"license": "MIT",
 	"repository": "kuchta/radixverse",
 	"homepage": "https://kuchta.github.io/radixverse",
@@ -9,7 +9,7 @@
 		"email": "mila.kuchta@gmail.com"
 	},
 	"type": "module",
-	"exports": "./utils.ts",
+	"exports": "./src/radixes.ts",
 	"imports": {
 		"#/*": "./src/*"
 	},
@@ -52,7 +52,7 @@
 		"react-icons": "^5.6.0",
 		"react-router-dom": "^7.14.0",
 		"react-textarea-autosize": "^8.5.9",
-		"tailwind-csstree": "^0.3.0",
+		"tailwind-csstree": "^0.3.1",
 		"tailwindcss": "^4.2.2",
 		"typescript": "6.0.2",
 		"typescript-eslint": "^8.58.1",

package.json

@@ -1,23 +1,16 @@
-
 import { createRoot } from 'react-dom/client'
 import { useState, useEffect } from 'react'
 import { BrowserRouter, Routes, Route, Link, useLocation, useSearchParams } from 'react-router-dom'
 import { ErrorBoundary, getErrorMessage } from 'react-error-boundary'
 
 import { LS_RADIXES, AppContext, getCharsLS, sanitizeInput, serializeRadixes, unserializeRadixes } from './common.ts'
+import { type Radix, createRadixes, createRadix, num2str, str2num, allowedCharaters, } from './radixes.ts'
+
 import Header from './components/header.tsx'
 import Show from './components/show.tsx'
 import Add from './components/add.tsx'
 import Multiply from './components/multiply.tsx'
 import Convert from './components/convert.tsx'
-import {
-	type Radix,
-	createRadixes,
-	createRadix,
-	num2str,
-	str2num,
-	allowedCharaters,
-} from '#/utils.ts'
 
 import './app.css'
 
@@ -77,8 +70,21 @@ function useStore(updateError: (error: unknown) => void) {
 	const [ radixes, setRadixes ] = useState(getRadixesLS(updateError) ?? createRadixes(getCharsLS()))
 	const [ enabledRadixes, setEnabledRadixes ] = useState(radixes.filter(r => r.enabled))
 	const [ searchParams, setSearchParams ] = useSearchParams()
-	const [ value, setValue ] = useState(BIG_INT_0)
 	const [ radix, setRadix ] = useState(createRadix(10))
+	const [ value, setValue ] = useState(BIG_INT_0)
+
+	const updateRadixes: UpdateRadixes = (radixes) => {
+		setRadixes(radixes)
+
+		const enabledRadixes = radixes.filter(v => v.enabled)
+		setEnabledRadixes(enabledRadixes)
+
+		searchParams.delete('r')
+		enabledRadixes.forEach(r => { searchParams.append('r', r.name) })
+		setSearchParams(searchParams)
+
+		localStorage.setItem(LS_RADIXES, serializeRadixes(radixes))
+	}
 
 	const updateValue: UpdateValue = (value, r = radix) => {
 		if (value === BIG_INT_0) {
@@ -97,19 +103,6 @@ function useStore(updateError: (error: unknown) => void) {
 		setSearchParams(searchParams)
 	}
 
-	const updateRadixes: UpdateRadixes = (radixes) => {
-		setRadixes(radixes)
-
-		const enabledRadixes = radixes.filter(v => v.enabled)
-		setEnabledRadixes(enabledRadixes)
-
-		searchParams.delete('r')
-		enabledRadixes.forEach(r => { searchParams.append('r', r.name) })
-		setSearchParams(searchParams)
-
-		localStorage.setItem(LS_RADIXES, serializeRadixes(radixes))
-	}
-
 	useEffect(() => {
 		if (searchParams.has('clear-settings')) localStorage.clear()
 		if (searchParams.has('r')) {

src/app.tsx

@@ -1,7 +1,7 @@
 import { createContext } from 'react'
 import { z } from 'zod'
 
-import { createRadix, type Radix } from "./utils.ts"
+import { createRadix, type Radix } from "./radixes.ts"
 import { getErrorMessage } from "react-error-boundary"
 
 

src/common.ts

@@ -1,12 +1,14 @@
 import { useState, useEffect } from "react"
 
+import type { Radix } from '#/radixes.ts'
 import Table, { Tables } from './table.tsx'
-import type { Radix } from '#/utils.ts'
 
 const { isNaN } = Number
 
 export default function Add({ radixes }: { radixes: Radix[] }) {
-	return <Tables>{ radixes.map(radix => <AddTable radix={radix} key={radix.name}/>) }</Tables>
+	return <Tables>{ radixes.map(radix =>
+		<AddTable radix={radix} key={radix.name}/>) }
+	</Tables>
 }
 
 function AddTable({ radix }: { radix: Radix }) {

src/components/add.tsx

@@ -1,10 +1,11 @@
 import { type ComponentProps, type InputEventHandler, type ClipboardEventHandler, useState, useEffectEvent, useEffect, useRef  } from 'react'
 import { getErrorMessage } from 'react-error-boundary'
 
+import { type Radix, num2str, str2num, allowedCharaters, createRadix,  } from '#/radixes.ts'
 import type { UpdateValue } from '#/app.tsx'
 import { sanitizeInput } from "#/common.ts"
 import { getCharsForTooltip } from './table.tsx'
-import { type Radix, num2str, str2num, allowedCharaters, createRadix,  } from '#/utils.ts'
+
 
 const BIG_INT_0 = 0n
 const BIG_INT_1 = 1n