create-mikrojs 0.6.1 → 0.7.0

package/dist/templates/_common/package-json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-json.js","sourceRoot":"","sources":["../../../src/templates/_common/package-json.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CACzB,IAAY,EACZ,EACE,eAAe,EACf,YAAY,EACZ,UAAU,MAMR,EAAE;IAEN,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,eAAe;QACrB,GAAG,CAAC,UAAU;YACZ,CAAC,CAAC;gBACE,OAAO,EAAE;oBACP,IAAI,EAAE,UAAU;oBAChB,SAAS,EAAE,uBAAuB;iBACnC;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QACP,YAAY,EAAE,YAAkB;QAChC,eAAe,EAAE,eAAqB;QACtC,GAAG,CAAC,UAAU;YACZ,CAAC,CAAC;gBACE,OAAO,EAAE;oBACP,SAAS,EAAE,CAAC,uBAAuB,CAAC;iBACrC;aACF;YACH,CAAC,CAAC,EAAE,CAAC;KACc,CAAA;AACzB,CAAC"}
+{"version":3,"file":"package-json.js","sourceRoot":"","sources":["../../../src/templates/_common/package-json.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CACzB,IAAY,EACZ,EACE,eAAe,EACf,YAAY,MAIV,EAAE;IAEN,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE;YACP,MAAM,EAAE,oBAAoB;YAC5B,cAAc,EAAE,oBAAoB;YACpC,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,uBAAuB;SACnC;QACD,YAAY,EAAE,YAAkB;QAChC,eAAe,EAAE,eAAqB;QACtC,OAAO,EAAE;YACP,SAAS,EAAE,CAAC,uBAAuB,CAAC;SACrC;KACoB,CAAA;AACzB,CAAC"}

package/dist/templates/_common/prettier-config.d.ts

@@ -0,0 +1,2 @@
+export declare const prettierConfig = "{\n  \"printWidth\": 100\n}\n";
+//# sourceMappingURL=prettier-config.d.ts.map

package/dist/templates/_common/prettier-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-config.d.ts","sourceRoot":"","sources":["../../../src/templates/_common/prettier-config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,kCAG1B,CAAA"}

package/dist/templates/_common/prettier-config.js

@@ -0,0 +1,5 @@
+export const prettierConfig = `{
+  "printWidth": 100
+}
+`;
+//# sourceMappingURL=prettier-config.js.map

package/dist/templates/_common/prettier-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-config.js","sourceRoot":"","sources":["../../../src/templates/_common/prettier-config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;;;CAG7B,CAAA"}

package/dist/templates/_common/tsconfig.d.ts

@@ -1,3 +1,2 @@
-import type { TsConfigJson } from 'type-fest';
-export declare const tsconfig: TsConfigJson;
+export declare function tsconfigJson(extraIncludes?: readonly string[]): string;
 //# sourceMappingURL=tsconfig.d.ts.map

package/dist/templates/_common/tsconfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tsconfig.d.ts","sourceRoot":"","sources":["../../../src/templates/_common/tsconfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAE3C,eAAO,MAAM,QAAQ,EAAE,YAwBtB,CAAA"}
+{"version":3,"file":"tsconfig.d.ts","sourceRoot":"","sources":["../../../src/templates/_common/tsconfig.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,aAAa,GAAE,SAAS,MAAM,EAAO,GAAG,MAAM,CA4B1E"}

package/dist/templates/_common/tsconfig.js

@@ -1,26 +1,33 @@
-export const tsconfig = {
-    include: ['app/**/*'],
-    compilerOptions: {
-        module: 'nodenext',
-        target: 'es2024',
-        lib: ['es2024'],
-        noEmit: true,
-        types: ['mikrojs/runtime'],
-        sourceMap: true,
-        noUncheckedIndexedAccess: true,
-        allowUnreachableCode: false,
-        erasableSyntaxOnly: true,
-        strict: true,
-        verbatimModuleSyntax: true,
-        isolatedModules: true,
-        noUncheckedSideEffectImports: true,
-        moduleDetection: 'force',
-        jsx: 'preserve',
-        skipLibCheck: true,
-        noFallthroughCasesInSwitch: true,
-        noUnusedLocals: true,
-        forceConsistentCasingInFileNames: true,
-        resolveJsonModule: true,
-    },
-};
+export function tsconfigJson(extraIncludes = []) {
+    const includes = [...extraIncludes, 'mikro.config.ts', 'app/**/*'];
+    return `{
+  "include": ${inlineStringArray(includes)},
+  "compilerOptions": {
+    "module": "nodenext",
+    "target": "es2024",
+    "lib": ${inlineStringArray(['es2024'])},
+    "noEmit": true,
+    "types": ${inlineStringArray(['mikrojs/runtime'])},
+    "sourceMap": true,
+    "noUncheckedIndexedAccess": true,
+    "allowUnreachableCode": false,
+    "erasableSyntaxOnly": true,
+    "strict": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "noUncheckedSideEffectImports": true,
+    "moduleDetection": "force",
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true
+  }
+}
+`;
+}
+function inlineStringArray(items) {
+    return `[${items.map((s) => JSON.stringify(s)).join(', ')}]`;
+}
 //# sourceMappingURL=tsconfig.js.map

package/dist/templates/_common/tsconfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"tsconfig.js","sourceRoot":"","sources":["../../../src/templates/_common/tsconfig.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAiB;IACpC,OAAO,EAAE,CAAC,UAAU,CAAC;IACrB,eAAe,EAAE;QACf,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,QAAQ;QAChB,GAAG,EAAE,CAAC,QAAQ,CAAC;QACf,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,CAAC,iBAAiB,CAAC;QAC1B,SAAS,EAAE,IAAI;QACf,wBAAwB,EAAE,IAAI;QAC9B,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,IAAI;QACxB,MAAM,EAAE,IAAI;QACZ,oBAAoB,EAAE,IAAI;QAC1B,eAAe,EAAE,IAAI;QACrB,4BAA4B,EAAE,IAAI;QAClC,eAAe,EAAE,OAAO;QACxB,GAAG,EAAE,UAAU;QACf,YAAY,EAAE,IAAI;QAClB,0BAA0B,EAAE,IAAI;QAChC,cAAc,EAAE,IAAI;QACpB,gCAAgC,EAAE,IAAI;QACtC,iBAAiB,EAAE,IAAI;KACxB;CACF,CAAA"}
+{"version":3,"file":"tsconfig.js","sourceRoot":"","sources":["../../../src/templates/_common/tsconfig.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,gBAAmC,EAAE;IAChE,MAAM,QAAQ,GAAG,CAAC,GAAG,aAAa,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAA;IAClE,OAAO;eACM,iBAAiB,CAAC,QAAQ,CAAC;;;;aAI7B,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;;eAE3B,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAkBpD,CAAA;AACD,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAwB;IACjD,OAAO,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA;AAC9D,CAAC"}

package/dist/templates/sntp/mikro.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mikro.config.d.ts","sourceRoot":"","sources":["../../../src/templates/sntp/mikro.config.ts"],"names":[],"mappings":";;;;;AAEA,wBAGE"}
+{"version":3,"file":"mikro.config.d.ts","sourceRoot":"","sources":["../../../src/templates/sntp/mikro.config.ts"],"names":[],"mappings":";;;;;AAGA,wBAGG"}

package/dist/templates/sntp/mikro.config.js

@@ -1,6 +1,7 @@
-import { defineConfig } from 'mikrojs';
+import { defineConfig } from "mikrojs";
+// Project configuration. See https://mikrojs.dev/config for all options.
 export default defineConfig({
     // Set to your country code so WiFi uses the correct regulatory domain.
-    wifi: { country: 'NO' },
+    wifi: { country: "NO" },
 });
 //# sourceMappingURL=mikro.config.js.map

package/dist/templates/sntp/mikro.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"mikro.config.js","sourceRoot":"","sources":["../../../src/templates/sntp/mikro.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEpC,eAAe,YAAY,CAAC;IAC1B,uEAAuE;IACvE,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;CACtB,CAAC,CAAA"}
+{"version":3,"file":"mikro.config.js","sourceRoot":"","sources":["../../../src/templates/sntp/mikro.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,yEAAyE;AACzE,eAAe,YAAY,CAAC;IAC1B,uEAAuE;IACvE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CACxB,CAAC,CAAC"}

package/dist/templates/wifi-access-point/mikro.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mikro.config.d.ts","sourceRoot":"","sources":["../../../src/templates/wifi-access-point/mikro.config.ts"],"names":[],"mappings":";;;;;AAEA,wBAGE"}
+{"version":3,"file":"mikro.config.d.ts","sourceRoot":"","sources":["../../../src/templates/wifi-access-point/mikro.config.ts"],"names":[],"mappings":";;;;;AAGA,wBAGG"}

package/dist/templates/wifi-access-point/mikro.config.js

@@ -1,6 +1,7 @@
-import { defineConfig } from 'mikrojs';
+import { defineConfig } from "mikrojs";
+// Project configuration. See https://mikrojs.dev/config for all options.
 export default defineConfig({
     // Set to your country code so WiFi uses the correct regulatory domain.
-    wifi: { country: 'NO' },
+    wifi: { country: "NO" },
 });
 //# sourceMappingURL=mikro.config.js.map

package/dist/templates/wifi-access-point/mikro.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"mikro.config.js","sourceRoot":"","sources":["../../../src/templates/wifi-access-point/mikro.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEpC,eAAe,YAAY,CAAC;IAC1B,uEAAuE;IACvE,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;CACtB,CAAC,CAAA"}
+{"version":3,"file":"mikro.config.js","sourceRoot":"","sources":["../../../src/templates/wifi-access-point/mikro.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,yEAAyE;AACzE,eAAe,YAAY,CAAC;IAC1B,uEAAuE;IACvE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CACxB,CAAC,CAAC"}

package/dist/templates/wifi-fetch/mikro.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mikro.config.d.ts","sourceRoot":"","sources":["../../../src/templates/wifi-fetch/mikro.config.ts"],"names":[],"mappings":";;;;;AAEA,wBAGE"}
+{"version":3,"file":"mikro.config.d.ts","sourceRoot":"","sources":["../../../src/templates/wifi-fetch/mikro.config.ts"],"names":[],"mappings":";;;;;AAGA,wBAGG"}

package/dist/templates/wifi-fetch/mikro.config.js

@@ -1,6 +1,7 @@
-import { defineConfig } from 'mikrojs';
+import { defineConfig } from "mikrojs";
+// Project configuration. See https://mikrojs.dev/config for all options.
 export default defineConfig({
     // Set to your country code so WiFi uses the correct regulatory domain.
-    wifi: { country: 'NO' },
+    wifi: { country: "NO" },
 });
 //# sourceMappingURL=mikro.config.js.map

package/dist/templates/wifi-fetch/mikro.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"mikro.config.js","sourceRoot":"","sources":["../../../src/templates/wifi-fetch/mikro.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEpC,eAAe,YAAY,CAAC;IAC1B,uEAAuE;IACvE,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;CACtB,CAAC,CAAA"}
+{"version":3,"file":"mikro.config.js","sourceRoot":"","sources":["../../../src/templates/wifi-fetch/mikro.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,yEAAyE;AACzE,eAAe,YAAY,CAAC;IAC1B,uEAAuE;IACvE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CACxB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mikrojs",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Create a new Mikro.js project",
   "keywords": [
     "esp32",
@@ -41,7 +41,11 @@
   },
   "devDependencies": {
     "@types/node": "^24.12.2",
-    "typescript": "^6.0.3"
+    "eslint": "^10.2.1",
+    "prettier": "^3.4.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.0",
+    "@mikrojs/eslint-plugin": "0.7.0"
   },
   "engines": {
     "node": ">=24.0.0"

package/src/templates/_common/dependencies.ts

@@ -5,6 +5,7 @@ export const dependencies = {
 } satisfies PackageJson['dependencies']
 
 export const devDependencies = {
+  prettier: '^3.4.0',
   typescript: '^6.0.3',
 } satisfies PackageJson['devDependencies']
 

package/src/templates/_common/eslint-config.ts

@@ -1,11 +1,17 @@
 export const eslintConfig = `\
-import js from '@eslint/js'
-import mikrojs from '@mikrojs/eslint-plugin'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import mikrojs from "@mikrojs/eslint-plugin";
+import tseslint from "typescript-eslint";
 
 export default [
   js.configs.recommended,
   ...tseslint.configs.recommended,
+  {
+    files: ["**/*.ts", "**/*.tsx"],
+    languageOptions: {
+      parserOptions: { projectService: true },
+    },
+  },
   ...mikrojs.configs.recommended,
-]
+];
 `

package/src/templates/_common/mikro-config.ts

@@ -0,0 +1,5 @@
+export const mikroConfig = `import { defineConfig } from "mikrojs";
+
+// Project configuration. See https://mikrojs.dev/config for all options.
+export default defineConfig({});
+`

package/src/templates/_common/package-json.ts

@@ -5,12 +5,9 @@ export function packageJson(
   {
     devDependencies,
     dependencies,
-    typescript,
   }: {
     dependencies?: PackageJson['devDependencies']
     devDependencies?: PackageJson['dependencies']
-    /** Include the tsc predeploy hook. */
-    typescript?: boolean
   } = {},
 ) {
   return {
@@ -19,22 +16,16 @@ export function packageJson(
     private: true,
     type: 'module',
     main: './app/main.ts',
-    ...(typescript
-      ? {
-          scripts: {
-            lint: 'eslint .',
-            typecheck: 'tsc --noEmit --pretty',
-          },
-        }
-      : {}),
+    scripts: {
+      format: 'prettier --write .',
+      'format:check': 'prettier --check .',
+      lint: 'eslint .',
+      typecheck: 'tsc --noEmit --pretty',
+    },
     dependencies: dependencies as {},
     devDependencies: devDependencies as {},
-    ...(typescript
-      ? {
-          mikrojs: {
-            predeploy: ['tsc --noEmit --pretty'],
-          },
-        }
-      : {}),
+    mikrojs: {
+      predeploy: ['tsc --noEmit --pretty'],
+    },
   } satisfies PackageJson
 }

package/src/templates/_common/prettier-config.ts

@@ -0,0 +1,4 @@
+export const prettierConfig = `{
+  "printWidth": 100
+}
+`

package/src/templates/_common/tsconfig.ts

@@ -1,27 +1,33 @@
-import type {TsConfigJson} from 'type-fest'
+export function tsconfigJson(extraIncludes: readonly string[] = []): string {
+  const includes = [...extraIncludes, 'mikro.config.ts', 'app/**/*']
+  return `{
+  "include": ${inlineStringArray(includes)},
+  "compilerOptions": {
+    "module": "nodenext",
+    "target": "es2024",
+    "lib": ${inlineStringArray(['es2024'])},
+    "noEmit": true,
+    "types": ${inlineStringArray(['mikrojs/runtime'])},
+    "sourceMap": true,
+    "noUncheckedIndexedAccess": true,
+    "allowUnreachableCode": false,
+    "erasableSyntaxOnly": true,
+    "strict": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "noUncheckedSideEffectImports": true,
+    "moduleDetection": "force",
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true
+  }
+}
+`
+}
 
-export const tsconfig: TsConfigJson = {
-  include: ['app/**/*'],
-  compilerOptions: {
-    module: 'nodenext',
-    target: 'es2024',
-    lib: ['es2024'],
-    noEmit: true,
-    types: ['mikrojs/runtime'],
-    sourceMap: true,
-    noUncheckedIndexedAccess: true,
-    allowUnreachableCode: false,
-    erasableSyntaxOnly: true,
-    strict: true,
-    verbatimModuleSyntax: true,
-    isolatedModules: true,
-    noUncheckedSideEffectImports: true,
-    moduleDetection: 'force',
-    jsx: 'preserve',
-    skipLibCheck: true,
-    noFallthroughCasesInSwitch: true,
-    noUnusedLocals: true,
-    forceConsistentCasingInFileNames: true,
-    resolveJsonModule: true,
-  },
+function inlineStringArray(items: readonly string[]): string {
+  return `[${items.map((s) => JSON.stringify(s)).join(', ')}]`
 }

package/src/templates/blank/app/main.ts

@@ -1,3 +1,3 @@
-import {board, version} from 'mikrojs/sys'
+import { board, version } from "mikrojs/sys";
 
-console.log(`Hello World from MikroJS v${version} (${board.name}@${board.chip}@${board.revision})`)
+console.log(`Hello World from MikroJS v${version} (${board.name}@${board.chip}@${board.revision})`);

package/src/templates/blinky/app/main.ts

@@ -1,18 +1,18 @@
-import {digitalWrite, pinMode} from 'mikrojs/pin'
-import {sleep} from 'mikrojs/sleep'
+import { digitalWrite, pinMode } from "mikrojs/pin";
+import { sleep } from "mikrojs/sleep";
 
-let value: 0 | 1 = 0
+let value: 0 | 1 = 0;
 // GPIO 15 is the built-in LED on XIAO ESP32C6. Replace with your board's LED pin.
-const PIN = 15
+const PIN = 15;
 
-pinMode(PIN, 'OUTPUT').orPanic('Failed to configure LED pin')
+pinMode(PIN, "OUTPUT").orPanic("Failed to configure LED pin");
 
 while (true) {
-  value = value === 0 ? 1 : 0
-  const writeResult = digitalWrite(PIN, value)
+  value = value === 0 ? 1 : 0;
+  const writeResult = digitalWrite(PIN, value);
   if (!writeResult.ok) {
-    console.error('Write pin failed: %s', writeResult.error.name)
+    console.error("Write pin failed: %s", writeResult.error.name);
   }
 
-  await sleep(1000)
+  await sleep(1000);
 }

package/src/templates/neopixel/app/color.ts

@@ -1,23 +1,23 @@
 /** Convert HSV (h: 0–360, s: 0–1, v: 0–1) to RGB tuple */
 export function hsv(h: number, s: number, v: number): [r: number, g: number, b: number] {
-  h = h % 360
-  const max = v * 255
-  const min = max * (1 - s)
-  const sector = Math.floor(h / 60)
-  const adj = ((max - min) * (h % 60)) / 60
+  h = h % 360;
+  const max = v * 255;
+  const min = max * (1 - s);
+  const sector = Math.floor(h / 60);
+  const adj = ((max - min) * (h % 60)) / 60;
 
   switch (sector) {
     case 0:
-      return [max, min + adj, min]
+      return [max, min + adj, min];
     case 1:
-      return [max - adj, max, min]
+      return [max - adj, max, min];
     case 2:
-      return [min, max, min + adj]
+      return [min, max, min + adj];
     case 3:
-      return [min, max - adj, max]
+      return [min, max - adj, max];
     case 4:
-      return [min + adj, min, max]
+      return [min + adj, min, max];
     default:
-      return [max, min, max - adj]
+      return [max, min, max - adj];
   }
 }

package/src/templates/neopixel/app/main.ts

@@ -1,24 +1,24 @@
-import {NeoPixel} from 'mikrojs/neopixel'
+import { NeoPixel } from "mikrojs/neopixel";
 
-import {breathe} from './patterns/breathe.js'
-import {colorWipe} from './patterns/color-wipe.js'
-import {comet} from './patterns/comet.js'
-import {rainbow} from './patterns/rainbow.js'
-import {sparkle} from './patterns/sparkle.js'
+import { breathe } from "./patterns/breathe.js";
+import { colorWipe } from "./patterns/color-wipe.js";
+import { comet } from "./patterns/comet.js";
+import { rainbow } from "./patterns/rainbow.js";
+import { sparkle } from "./patterns/sparkle.js";
 
-const PIN = 8
-const NUM_LEDS = 24
-const BRIGHTNESS = 1
-const PATTERN_DURATION = 8000
+const PIN = 8;
+const NUM_LEDS = 24;
+const BRIGHTNESS = 1;
+const PATTERN_DURATION = 8000;
 
-const pixels = new NeoPixel(PIN, {count: NUM_LEDS})
+const pixels = new NeoPixel(PIN, { count: NUM_LEDS });
 
-const patterns = [rainbow, comet, breathe, sparkle, colorWipe]
+const patterns = [rainbow, comet, breathe, sparkle, colorWipe];
 
 while (true) {
   for (const pattern of patterns) {
-    ;(await pattern(pixels, NUM_LEDS, BRIGHTNESS, PATTERN_DURATION)).orPanic(
+    (await pattern(pixels, NUM_LEDS, BRIGHTNESS, PATTERN_DURATION)).orPanic(
       `NeoPixel pattern ${pattern.name} failed`,
-    )
+    );
   }
 }

package/src/templates/neopixel/app/patterns/breathe.ts

@@ -1,22 +1,22 @@
-import type {NeoPixel} from 'mikrojs/neopixel'
-import {ok} from 'mikrojs/result'
-import {sleep} from 'mikrojs/sleep'
+import type { NeoPixel } from "mikrojs/neopixel";
+import { ok } from "mikrojs/result";
+import { sleep } from "mikrojs/sleep";
 
-import {hsv} from '../color.js'
+import { hsv } from "../color.js";
 
 /** Breathe: all LEDs pulse a single color in and out */
 export async function breathe(pixels: NeoPixel, numLeds: number, brightness: number, ms: number) {
-  const end = Date.now() + ms
-  let t = 0
+  const end = Date.now() + ms;
+  let t = 0;
   while (Date.now() < end) {
-    const v = ((Math.sin(t) + 1) / 2) * brightness
-    const [r, g, b] = hsv(30, 1, v)
-    const fillResult = pixels.fill(r, g, b)
-    if (!fillResult.ok) return fillResult
-    const showResult = pixels.show()
-    if (!showResult.ok) return showResult
-    t += 0.06
-    await sleep(20)
+    const v = ((Math.sin(t) + 1) / 2) * brightness;
+    const [r, g, b] = hsv(30, 1, v);
+    const fillResult = pixels.fill(r, g, b);
+    if (!fillResult.ok) return fillResult;
+    const showResult = pixels.show();
+    if (!showResult.ok) return showResult;
+    t += 0.06;
+    await sleep(20);
   }
-  return ok(undefined)
+  return ok(undefined);
 }

package/src/templates/neopixel/app/patterns/color-wipe.ts

@@ -1,8 +1,8 @@
-import type {NeoPixel} from 'mikrojs/neopixel'
-import {ok} from 'mikrojs/result'
-import {sleep} from 'mikrojs/sleep'
+import type { NeoPixel } from "mikrojs/neopixel";
+import { ok } from "mikrojs/result";
+import { sleep } from "mikrojs/sleep";
 
-import {hsv} from '../color.js'
+import { hsv } from "../color.js";
 
 /** Color wipe: fill pixels one by one, then clear one by one */
 export async function colorWipe(pixels: NeoPixel, numLeds: number, brightness: number, ms: number) {
@@ -10,26 +10,26 @@ export async function colorWipe(pixels: NeoPixel, numLeds: number, brightness: n
     hsv(0, 1, brightness),
     hsv(120, 1, brightness),
     hsv(240, 1, brightness),
-  ]
-  const end = Date.now() + ms
-  let ci = 0
+  ];
+  const end = Date.now() + ms;
+  let ci = 0;
   while (Date.now() < end) {
-    const [r, g, b] = colors[ci % colors.length]!
+    const [r, g, b] = colors[ci % colors.length]!;
     for (let i = 0; i < numLeds; i++) {
-      const pixelResult = pixels.setPixel(i, r, g, b)
-      if (!pixelResult.ok) return pixelResult
-      const showResult = pixels.show()
-      if (!showResult.ok) return showResult
-      await sleep(25)
+      const pixelResult = pixels.setPixel(i, r, g, b);
+      if (!pixelResult.ok) return pixelResult;
+      const showResult = pixels.show();
+      if (!showResult.ok) return showResult;
+      await sleep(25);
     }
     for (let i = 0; i < numLeds; i++) {
-      const pixelResult = pixels.setPixel(i, 0, 0, 0)
-      if (!pixelResult.ok) return pixelResult
-      const showResult = pixels.show()
-      if (!showResult.ok) return showResult
-      await sleep(25)
+      const pixelResult = pixels.setPixel(i, 0, 0, 0);
+      if (!pixelResult.ok) return pixelResult;
+      const showResult = pixels.show();
+      if (!showResult.ok) return showResult;
+      await sleep(25);
     }
-    ci++
+    ci++;
   }
-  return ok(undefined)
+  return ok(undefined);
 }

package/src/templates/neopixel/app/patterns/comet.ts

@@ -1,29 +1,29 @@
-import type {NeoPixel} from 'mikrojs/neopixel'
-import {ok} from 'mikrojs/result'
-import {sleep} from 'mikrojs/sleep'
+import type { NeoPixel } from "mikrojs/neopixel";
+import { ok } from "mikrojs/result";
+import { sleep } from "mikrojs/sleep";
 
-import {hsv} from '../color.js'
+import { hsv } from "../color.js";
 
 /** Comet: a bright head with a fading tail orbits the ring */
 export async function comet(pixels: NeoPixel, numLeds: number, brightness: number, ms: number) {
-  const TAIL_LEN = 8
-  const end = Date.now() + ms
-  let pos = 0
+  const TAIL_LEN = 8;
+  const end = Date.now() + ms;
+  let pos = 0;
   while (Date.now() < end) {
-    const fillResult = pixels.fill(0, 0, 0)
-    if (!fillResult.ok) return fillResult
+    const fillResult = pixels.fill(0, 0, 0);
+    if (!fillResult.ok) return fillResult;
     for (let i = 0; i < TAIL_LEN; i++) {
-      const idx = (pos - i + numLeds) % numLeds
-      const fade = 1 - i / TAIL_LEN
-      const v = fade * fade * brightness
-      const [r, g, b] = hsv(200, 1, v)
-      const pixelResult = pixels.setPixel(idx, r, g, b)
-      if (!pixelResult.ok) return pixelResult
+      const idx = (pos - i + numLeds) % numLeds;
+      const fade = 1 - i / TAIL_LEN;
+      const v = fade * fade * brightness;
+      const [r, g, b] = hsv(200, 1, v);
+      const pixelResult = pixels.setPixel(idx, r, g, b);
+      if (!pixelResult.ok) return pixelResult;
     }
-    const showResult = pixels.show()
-    if (!showResult.ok) return showResult
-    pos = (pos + 1) % numLeds
-    await sleep(40)
+    const showResult = pixels.show();
+    if (!showResult.ok) return showResult;
+    pos = (pos + 1) % numLeds;
+    await sleep(40);
   }
-  return ok(undefined)
+  return ok(undefined);
 }