test: add rule tests

examples/nextjs/pages/index.tsx

@@ -132,7 +132,7 @@ export default function Example() {
  <Text>ms</Text>
  </Flex>
  ) : (
- ""
+ "-"
  )}
  </Block>
  </Card>
@@ -149,7 +149,7 @@ export default function Example() {
  <Text>ms</Text>
  </Flex>
  ) : (
- ""
+ "-"
  )}
  </Block>
  </Card>

packages/sdk/package.json

@@ -23,7 +23,7 @@
  "author": "Andreas Thomas <[email protected]>",
  "scripts": {
  "build": "tsup",
- "test": "jest"
+ "test": "jest --collect-coverage"
  },
  "devDependencies": {
  "@faker-js/faker": "^7.6.0",

packages/sdk/src/client.ts

@@ -1,45 +1,5 @@
 import { useState } from "react";
 
-export type EdgeFlagsConfig = {
- /**
- * The full to the edge function.
- * TODO:
- * @default "/api/edge-flags"
- */
- url?: string;
-};
-
-// export class EdgeFlagsServerComponent {
-// private url: URL;
-// constructor(config?: EdgeFlagsConfig) {
-// const host = process.env.VERCEL_URL ?? process.env.NEXT_PUBLIC_VERCEL_URL
-
-// const baseUrl = host ? `https://${host}` : "http://localhost:3000"
-// this.url = new URL("/api/edge-flags", baseUrl)
-// }
-
-// private async eval(flagName: string): Promise<boolean> {
-// const url = new URL(this.url)
-// params.set("flag", flagName)
-// console.log({url})
-// const res = await fetch(url)
-// if (res.status !== 200) {
-// throw new Error(await res.text())
-// }
-// const { value } = await res.json() as { value: boolean }
-// return value
-
-// }
-
-// /**
-// * Check if a boolean feature flag is enabled or not
-// */
-// public async isEnabled(flagName: string): Promise<boolean> {
-
-// return await this.eval(flagName);
-// }
-// }
-
 export type UseFlag = {
  isLoading: boolean;
  error: string | null;
@@ -64,7 +24,7 @@ export type UseFlag = {
  };
 };
 
-export function useFlag(flag: string, attributes?: Record<string, string>): UseFlag {
+export function useFlag(flag: string, attributes?: Record<string, string | number | boolean>): UseFlag {
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const [isEnabled, setIsEnabled] = useState<boolean | null>(null);
@@ -88,17 +48,15 @@ export function useFlag(flag: string, attributes?: Record<string, string>): UseF
  attributes["_flag"] = flag;
  if (attributes) {
  for (const [k, v] of Object.entries(attributes)) {
- params.set(k, v);
+ params.set(k, v.toString());
  }
  }
  const res = await fetch(`/api/edge-flags?${params.toString()}`);
  if (!res.ok) {
  setError(await res.text());
  return;
  }
- console.log(res.headers);
  const json = (await res.json()) as { value: boolean };
- console.log({ json });
  setVercelCacheHit(res.headers.get("X-Vercel-Cache"));
  setMemoryCacheHit(res.headers.get("X-Edge-Flags-Cache"));
  setRedisLatency(parseInt(res.headers.get("X-Redis-Latency") ?? "-1"));

packages/sdk/src/evaluation.ts

@@ -14,10 +14,9 @@ export function evaluate(flag: Flag, userPercentage: number, req: EvalRequest, d
  if (debug) console.log(JSON.stringify({ evalRequest: req.eval }, null, 2));
 
  for (const rule of flag.rules) {
- const hit = new Rule(rule).evaluate(req);
- if (debug) {
- console.log("evaluating rule", rule, { hit });
- }
+ const hit = new Rule(rule).match(req);
+ if (debug) console.log("matching rule", rule, { hit });
+
  if (hit) {
  if (debug) console.log("Returning", rule.value);
 

packages/sdk/src/flag.ts

@@ -4,7 +4,7 @@ import { rule } from "./rules";
 export const flag = z.object({
  // The name must be unique per tenant but is shared across environments
  name: z.string(),
- version: z.string(),
+ version: z.enum(["v1"]),
  enabled: z.boolean(),
  rules: z.array(rule),
  environment: z.enum(["development", "preview", "production"]),