Feat: biome

.vscode/settings.json

@@ -4,8 +4,10 @@
  "editor.defaultFormatter": "svelte.svelte-vscode"
  },
  "[typescript][typescriptreact][typescriptangular]": {
- "editor.defaultFormatter": "esbenp.prettier-vscode"
+ "editor.defaultFormatter": "biomejs.biome"
  },
- "eslint.workingDirectories": ["apps", "packages"],
- "prettier.enable": true
+ "editor.codeActionsOnSave": {
+ "quickfix.biome": "explicit",
+ "source.organizeImports.biome": "explicit"
+ }
 }

README.md

@@ -48,8 +48,7 @@ Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
 This turborepo has some additional tools already setup for you:
 
 - [TypeScript](https://www.typescriptlang.org/) for static type checking
-- [ESLint](https://eslint.org/) for code linting
-- [Prettier](https://prettier.io) for code formatting
+- [Biome]
 
 ## Useful Links
 

apps/angular-example/abby.config.ts

@@ -1,26 +1,26 @@
-import { defineConfig } from "@tryabby/angular";
-import { environment } from "src/environments/environment";
+import { defineConfig } from '@tryabby/angular';
+import { environment } from 'src/environments/environment';
 
 export default defineConfig(
  {
  projectId: environment.ABBY_PROJECT_ID,
- currentEnvironment: "test",
- apiUrl: "http://localhost:3000/",
+ currentEnvironment: 'test',
+ apiUrl: 'http://localhost:3000/',
  debug: true,
  },
  {
- environments: ["test", "prod"],
+ environments: ['test', 'prod'],
  tests: {
  AngularTest: {
- variants: ["A", "B", "C", "D"],
+ variants: ['A', 'B', 'C', 'D'],
  },
  NotExistingTest: {
- variants: ["A", "B"],
+ variants: ['A', 'B'],
  },
  },
- flags: ["AngularFlag", "AngularFlag2", "NotExistingFlag"],
+ flags: ['AngularFlag', 'AngularFlag2', 'NotExistingFlag'],
  remoteConfig: {
- angularRemoteConfig: "String",
+ angularRemoteConfig: 'String',
  },
- }
+ },
 );

apps/angular-example/server.ts

@@ -21,7 +21,7 @@ export function app(): express.Express {
  'html',
  ngExpressEngine({
  bootstrap: AppServerModule,
- })
+ }),
  );
 
  server.set('view engine', 'html');
@@ -34,7 +34,7 @@ export function app(): express.Express {
  '*.*',
  express.static(distFolder, {
  maxAge: '1y',
- })
+ }),
  );
 
  // All regular routes use the Universal engine

apps/angular-example/src/app/abby.ts

@@ -1,16 +1,16 @@
-import { Injectable } from "@angular/core";
+import { Injectable } from '@angular/core';
 import {
  AbbyService,
  InferFlagNames,
  InferRemoteConfig,
  InferRemoteConfigName,
  InferTestNames,
  InferTests,
-} from "abby";
-import abby from "../../abby.config";
+} from 'abby';
+import abby from '../../abby.config';
 
 @Injectable({
- providedIn: "root",
+ providedIn: 'root',
  useExisting: AbbyService,
 })
 export class Abby extends AbbyService<

apps/angular-example/src/app/app-routing.module.ts

@@ -18,7 +18,10 @@ import { combineLatest } from 'rxjs';
  exports: [RouterModule],
 })
 export class AppRoutingModule {
- constructor(private abby: Abby, private router: Router) {
+ constructor(
+ private abby: Abby,
+ private router: Router,
+ ) {
  // we are using `combineLatest` here, as the devtools can dynamically
  // change the state of our feature flags during runtime.
  // In a live environment, where flags and variants are determined once,
@@ -30,8 +33,7 @@ export class AppRoutingModule {
  this.router.resetConfig([
  {
  path: 'lazy',
- loadChildren: () =>
- import('./lazy/lazy.module').then((m) => m.LazyModule),
+ loadChildren: () => import('./lazy/lazy.module').then((m) => m.LazyModule),
  outlet: 'lazy',
  },
  this.abby.getRouterVariant(angularTest, {

apps/angular-example/src/app/app.component.ts

@@ -1,18 +1,18 @@
-import { Component } from "@angular/core";
-import { FormControl } from "@angular/forms";
-import { map } from "rxjs";
-import { Abby } from "./abby";
+import { Component } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { map } from 'rxjs';
+import { Abby } from './abby';
 
 @Component({
- selector: "app-root",
- templateUrl: "./app.component.html",
- styleUrls: ["./app.component.css"],
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
- angularTest$ = this.abby.getVariant("AngularTest");
- angularFlag$ = this.abby.getFeatureFlagValue("AngularFlag");
+ angularTest$ = this.abby.getVariant('AngularTest');
+ angularFlag$ = this.abby.getFeatureFlagValue('AngularFlag');
 
- variantWithLookup$ = this.abby.getVariant("AngularTest", {
+ variantWithLookup$ = this.abby.getVariant('AngularTest', {
  A: 1,
  B: 2,
  C: 3,
@@ -21,7 +21,7 @@ export class AppComponent {
 
  headerColor$ = this.angularTest$.pipe(
  map((angularTest) => {
- switch(angularTest) {
+ switch (angularTest) {
  case 'A':
  return 'blue';
  case 'B':
@@ -33,14 +33,14 @@ export class AppComponent {
  default:
  return 'grey';
  }
- })
+ }),
  );
 
  dynamicFeatureFlag = new FormControl<string | null>(null);
 
  constructor(public readonly abby: Abby) {}
 
  public onAct(): void {
- this.abby.onAct("AngularTest");
+ this.abby.onAct('AngularTest');
  }
 }

apps/angular-example/src/app/app.module.ts

@@ -1,15 +1,15 @@
-import { APP_INITIALIZER, Injectable, NgModule } from "@angular/core";
-import { BrowserModule } from "@angular/platform-browser";
-import abbyConfig from "../../abby.config";
-import { AppRoutingModule } from "./app-routing.module";
-import { AppComponent } from "./app.component";
-import { AbbyModule, AbbyService } from "abby";
-import { ATestComponent } from "./test_components/a.component";
-import { BTestComponent } from "./test_components/b.component";
-import { CTestComponent } from "./test_components/c.component";
-import { DTestComponent } from "./test_components/d.component";
-import { FlagComponent } from "./test_components/flag.component";
-import { ReactiveFormsModule } from "@angular/forms";
+import { APP_INITIALIZER, Injectable, NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import abbyConfig from '../../abby.config';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { AbbyModule, AbbyService } from 'abby';
+import { ATestComponent } from './test_components/a.component';
+import { BTestComponent } from './test_components/b.component';
+import { CTestComponent } from './test_components/c.component';
+import { DTestComponent } from './test_components/d.component';
+import { FlagComponent } from './test_components/flag.component';
+import { ReactiveFormsModule } from '@angular/forms';
 
 @NgModule({
  declarations: [

apps/angular-example/src/app/lazy/lazy-routing.module.ts

@@ -2,9 +2,7 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { LazyComponent } from './lazy.component';
 
-const routes: Routes = [
- { path: '', component: LazyComponent, pathMatch: 'full' },
-];
+const routes: Routes = [{ path: '', component: LazyComponent, pathMatch: 'full' }];
 
 @NgModule({
  imports: [RouterModule.forChild(routes)],

apps/angular-example/src/environments/environment.development.ts

@@ -1,5 +1,4 @@
 export const environment = {
  production: false,
- ABBY_PROJECT_ID:
- process.env['ABBY_PROJECT_ID'] ?? 'clftg3tzd0004l7085yktpsov',
+ ABBY_PROJECT_ID: process.env['ABBY_PROJECT_ID'] ?? 'clftg3tzd0004l7085yktpsov',
 };

apps/angular-example/src/environments/environment.ts

@@ -1,5 +1,4 @@
 export const environment = {
  production: true,
- ABBY_PROJECT_ID:
- process.env['ABBY_PROJECT_ID'] ?? 'clftg3tzd0004l7085yktpsov',
+ ABBY_PROJECT_ID: process.env['ABBY_PROJECT_ID'] ?? 'clftg3tzd0004l7085yktpsov',
 };

apps/cdn/src/index.ts

@@ -1,64 +1,64 @@
-import { Hono } from "hono";
-import { ZoneCache } from "./lib/cache";
-import { ABBY_WINDOW_KEY, AbbyDataResponse } from "@tryabby/core";
+import { Hono } from 'hono';
+import { ZoneCache } from './lib/cache';
+import { ABBY_WINDOW_KEY, AbbyDataResponse } from '@tryabby/core';
 
-import { cors } from "hono/cors";
-import { timing } from "hono/timing";
-import { logger } from "hono/logger";
-import { ConfigService } from "./lib/config";
+import { cors } from 'hono/cors';
+import { timing } from 'hono/timing';
+import { logger } from 'hono/logger';
+import { ConfigService } from './lib/config';
 
 const cache = new ZoneCache<{
  config: AbbyDataResponse;
 }>({
- cloudflareApiKey: "",
- domain: "cache.tryabby.com",
+ cloudflareApiKey: '',
+ domain: 'cache.tryabby.com',
  fresh: 60 * 1000,
  stale: 60 * 1000,
- zoneId: "",
+ zoneId: '',
 });
 
 const configCache = new ConfigService(cache);
 
 const app = new Hono()
  .use(
- "*",
+ '*',
  cors({
- origin: "*",
+ origin: '*',
  maxAge: 60 * 60 * 24 * 30,
- })
+ }),
  )
- .use("*", timing())
- .use("*", logger())
- .get("/:projectId/:environment", async (c) => {
- const environment = c.req.param("environment");
- const projectId = c.req.param("projectId");
+ .use('*', timing())
+ .use('*', logger())
+ .get('/:projectId/:environment', async (c) => {
+ const environment = c.req.param('environment');
+ const projectId = c.req.param('projectId');
 
  const [data, , reason] = await configCache.retrieveConfig({
  c,
  environment,
  projectId,
  });
 
- c.header("x-abby-cache", reason);
+ c.header('x-abby-cache', reason);
  return c.json(data);
  })
- .get("/:projectId/:environment/script.js", async (c) => {
- const environment = c.req.param("environment");
- const projectId = c.req.param("projectId");
+ .get('/:projectId/:environment/script.js', async (c) => {
+ const environment = c.req.param('environment');
+ const projectId = c.req.param('projectId');
 
  const [data, , reason] = await configCache.retrieveConfig({
  c,
  environment,
  projectId,
  });
 
- c.header("x-abby-cache", reason);
+ c.header('x-abby-cache', reason);
 
  const script = `window.${ABBY_WINDOW_KEY} = ${JSON.stringify(data)};`;
 
  return c.text(script, {
  headers: {
- "Content-Type": "application/javascript",
+ 'Content-Type': 'application/javascript',
  },
  });
  });