feat: Add CI workflow and integrate with release process

.github/workflows/ci.yml

@@ -0,0 +1,135 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+  workflow_call:
+
+env:
+  CI: true
+
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: latest
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run lint
+        run: pnpm lint
+
+  build:
+    name: Build
+    needs: [lint]
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: latest
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run build
+        run: pnpm build
+
+  test:
+    name: Test
+    needs: [build]
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: latest
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run tests
+        run: pnpm test

.github/workflows/release.yaml

@@ -7,7 +7,11 @@ env:
   CI: true
   PNPM_CACHE_FOLDER: .pnpm-store
 jobs:
+  ci:
+    uses: ./.github/workflows/ci.yml
+
   version:
+    needs: [ci]
     timeout-minutes: 15
     runs-on: ubuntu-latest
     steps:

packages/effect-app/test/rpc.test.ts

@@ -20,5 +20,4 @@ export class Stats extends TaggedRequest<Stats>()("Stats", {}, {
   }
 }) {}
 
-declare const stats: typeof Stats.success.Type
-console.log(stats.usersActiveLastWeek)
+declare const _stats: typeof Stats.success.Type

packages/vue-components/src/components/OmegaForm/OmegaArray.vue

@@ -42,11 +42,9 @@
 <script
   setup
   lang="ts"
-  generic="
-  // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+  generic="// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>
-"
+  To extends Record<PropertyKey, any>"
 >
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
 import { computed, onMounted, provide } from "vue"

packages/vue-components/src/components/OmegaForm/OmegaAutoGen.vue

@@ -14,10 +14,8 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, string>,
-  To extends Record<PropertyKey, string>
-"
+  generic="From extends Record<PropertyKey, string>,
+  To extends Record<PropertyKey, string>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { Array as A, Order, pipe } from "effect-app"

packages/vue-components/src/components/OmegaForm/OmegaFormInput.vue

@@ -17,11 +17,9 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
+  generic="From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
-"
+  Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { inject } from "vue"

packages/vue-components/src/components/OmegaForm/OmegaWrapper.vue

@@ -12,12 +12,10 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
+  generic="From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
   K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>,
-  Props = DefaultInputProps<From>
-"
+  Props = DefaultInputProps<From>"
 >
 /**
  * Form component that wraps TanStack Form's useForm hook

packages/vue-components/src/components/OmegaForm/createUseFormWithCustomInput.ts

@@ -26,7 +26,7 @@ export const createUseFormWithCustomInput = (CustomInputComponent: Component) =>
             // Override the default slot that OmegaInternalInput provides
             default: <TName extends DeepKeys<From>>(inputProps: InputProps<From, TName>) => {
               // If we receive inputProps from OmegaInternalInput, use our custom component
-              if (inputProps && 'field' in inputProps) {
+              if (inputProps && "field" in inputProps) {
                 return h(CustomInputComponent, {
                   inputProps,
                   vuetifyValue: inputProps.field.state.value

packages/vue-components/stories/OmegaForm/CustomInput.vue

@@ -5,7 +5,7 @@
       :name="inputProps.name"
       :value="inputProps.field.state.value"
       @change="(e: any) => inputProps.field.handleChange(e.target.value)"
-    ></input>
+    >
   </div>
 </template>
 

packages/vue/test/stubs.ts

@@ -68,7 +68,10 @@ export const fakeIntlLayer = (messages: Record<string, string> | Record<string,
       return {
         locale,
         intl,
-        trans: (id, values) => intl.formatMessage({ id }, values)
+        trans: (id, values) => intl.formatMessage({ id }, values),
+        get formatMessage() {
+          return intl.formatMessage
+        }
       } as ReturnType<MakeIntlReturn<string>["useIntl"]>
     })
   )