): JSX.Element {
10 | const { Pagination } = useHatchifyPresentation()
11 | return
12 | }
13 |
14 | export default HatchifyPagination
15 |
--------------------------------------------------------------------------------
/packages/react-ui/src/components/HatchifyPagination/index.ts:
--------------------------------------------------------------------------------
1 | export { default as HatchifyPagination } from "./HatchifyPagination.js"
2 |
--------------------------------------------------------------------------------
/packages/react-ui/src/components/HatchifyPresentationProvider/DefaultDisplayComponents/index.ts:
--------------------------------------------------------------------------------
1 | export {
2 | String,
3 | StringList,
4 | Number,
5 | NumberList,
6 | Boolean,
7 | BooleanList,
8 | Date,
9 | DateList,
10 | Relationship,
11 | RelationshipList,
12 | } from "./DefaultDisplayComponents.js"
13 |
--------------------------------------------------------------------------------
/packages/react-ui/src/components/HatchifyPresentationProvider/DefaultFieldComponents/index.ts:
--------------------------------------------------------------------------------
1 | export {
2 | String,
3 | Number,
4 | Boolean,
5 | Date,
6 | Relationship,
7 | } from "./DefaultFieldComponents.js"
8 |
--------------------------------------------------------------------------------
/packages/react-ui/src/components/HatchifyPresentationProvider/index.ts:
--------------------------------------------------------------------------------
1 | export {
2 | useHatchifyPresentation,
3 | HatchifyPresentationDefaultDisplayComponents,
4 | HatchifyPresentationDefaultFieldComponents,
5 | HatchifyPresentationProvider,
6 | } from "./HatchifyPresentationProvider.js"
7 | export type {
8 | DefaultDisplayComponentsTypes,
9 | DefaultFieldComponentsTypes,
10 | } from "./HatchifyPresentationProvider.js"
11 |
--------------------------------------------------------------------------------
/packages/react-ui/src/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./HatchifyDataGrid/index.js"
2 | export * from "./HatchifyPresentationProvider/index.js"
3 | export * from "./HatchifyEmpty/index.js"
4 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hatchifyReact/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./hatchifyReact.js"
2 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/index.ts:
--------------------------------------------------------------------------------
1 | export { default as useDataGridState } from "./useDataGridState.js"
2 | export { default as useCompoundComponents } from "./useCompoundComponents/useCompoundComponents.js"
3 | export { default as usePage } from "./usePage.js"
4 | export { default as useSelected } from "./useSelected.js"
5 | export { default as useSort } from "./useSort.js"
6 | export type { HatchifyColumn } from "./useCompoundComponents/useCompoundComponents.js"
7 | export type { DataGridState } from "./useDataGridState.js"
8 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/useCompoundComponents/helpers/getEmptyList.test.tsx:
--------------------------------------------------------------------------------
1 | import { describe, it, expect } from "vitest"
2 | import { getEmptyList } from "./index.js"
3 |
4 | describe("hooks/useCompoundComponents/helpers/getEmptyList", () => {
5 | it.todo("works when valid children are passed", () => {
6 | // When using `HatchifyEmpty` in this test, it is filtered out because in
7 | // the test environment its name property is resolving to `HatchifyEmpty`
8 | // and not `Empty`. This is not an issue when running outside of a test
9 | // environment.
10 | })
11 |
12 | it("falls back to default EmptyList", () => {
13 | const EmptyList = getEmptyList([])
14 |
15 | expect(EmptyList).toBeInstanceOf(Function)
16 | expect(EmptyList()).toMatchInlineSnapshot(`
17 |
18 | No records found
19 |
20 | `)
21 | })
22 | })
23 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/useCompoundComponents/helpers/getEmptyList.tsx:
--------------------------------------------------------------------------------
1 | export function getEmptyList(childArray: JSX.Element[]): () => JSX.Element {
2 | const emptyComponent = childArray.find(
3 | (c) => c.type.name === "Empty" || c.type.displayName === "Empty",
4 | )
5 | const emptyDisplay: JSX.Element = emptyComponent?.props.children || undefined
6 |
7 | const EmptyList = () => emptyDisplay || No records found
8 |
9 | return EmptyList
10 | }
11 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/useCompoundComponents/helpers/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./getColumn.js"
2 | export * from "./getColumns.js"
3 | export * from "./getColumnsFromSchema.js"
4 | export * from "./getDefaultDataRender.js"
5 | export * from "./getEmptyList.js"
6 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/useFilter.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from "vitest"
2 | import { renderHook, waitFor } from "@testing-library/react"
3 | import useFilter from "./useFilter.js"
4 |
5 | describe("usePage", () => {
6 | it("works", async () => {
7 | const { result } = renderHook(() => useFilter())
8 |
9 | expect(result.current.filter).toEqual(undefined)
10 |
11 | await waitFor(() => {
12 | result.current.setFilter([
13 | { field: "name", value: "Walk the dog", operator: "$eq" },
14 | ])
15 | })
16 |
17 | expect(result.current.filter).toEqual([
18 | { field: "name", value: "Walk the dog", operator: "$eq" },
19 | ])
20 | })
21 | })
22 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/useFilter.ts:
--------------------------------------------------------------------------------
1 | import { useState } from "react"
2 | import type { Filters } from "@hatchifyjs/rest-client"
3 | import type { HatchifyDataGridFilters } from "../presentation/index.js"
4 |
5 | export default function useFilter(): HatchifyDataGridFilters {
6 | const [filter, setFilter] = useState(undefined)
7 |
8 | return {
9 | filter,
10 | setFilter,
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/usePage.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from "vitest"
2 | import { renderHook, waitFor } from "@testing-library/react"
3 | import usePage from "./usePage.js"
4 |
5 | describe("usePage", () => {
6 | it("works", async () => {
7 | const { result } = renderHook(() => usePage())
8 |
9 | expect(result.current.page).toEqual({
10 | size: 10,
11 | number: 1,
12 | })
13 |
14 | await waitFor(() => {
15 | result.current.setPage({ size: 10, number: 2 })
16 | })
17 |
18 | expect(result.current.page).toEqual({
19 | size: 10,
20 | number: 2,
21 | })
22 |
23 | await waitFor(() => {
24 | result.current.setPage({ size: 15, number: 12 })
25 | })
26 |
27 | expect(result.current.page).toEqual({
28 | size: 15,
29 | number: 12,
30 | })
31 | })
32 | })
33 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/usePage.ts:
--------------------------------------------------------------------------------
1 | import { useState } from "react"
2 | import type {
3 | HatchifyDataGridPage,
4 | PageCountObject,
5 | } from "../presentation/index.js"
6 | import type { PaginationObject } from "@hatchifyjs/rest-client"
7 |
8 | // todo (future): customizable pagination.size?
9 | // todo (future): page number can come from query string
10 | export default function usePage(
11 | defaultPage?: PaginationObject,
12 | ): HatchifyDataGridPage {
13 | const [page, setPage] = useState(
14 | defaultPage ?? {
15 | number: 1,
16 | size: 10,
17 | },
18 | )
19 |
20 | return {
21 | page,
22 | setPage,
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/packages/react-ui/src/hooks/useSelected.ts:
--------------------------------------------------------------------------------
1 | import { useState } from "react"
2 | import type {
3 | HatchifyDataGridSelected,
4 | HatchifyDataGridSelectedState,
5 | } from "../presentation/index.js"
6 |
7 | export default function useSelected(
8 | defaultSelected?: HatchifyDataGridSelectedState,
9 | onSelectedChange?: (selected: HatchifyDataGridSelectedState) => void,
10 | ): HatchifyDataGridSelected {
11 | const [selected, setSelected] = useState(
12 | defaultSelected || { all: false, ids: [] },
13 | )
14 |
15 | const setSelectedWrapper: (
16 | selected: HatchifyDataGridSelectedState,
17 | ) => void = (selected) => {
18 | setSelected(selected)
19 | if (onSelectedChange) {
20 | onSelectedChange(selected)
21 | }
22 | }
23 |
24 | return {
25 | selected,
26 | setSelected: setSelectedWrapper,
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/react-ui/src/presentation/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./interfaces.js"
2 |
--------------------------------------------------------------------------------
/packages/react-ui/src/react-ui.ts:
--------------------------------------------------------------------------------
1 | import { hatchifyReact } from "./hatchifyReact/index.js"
2 |
3 | export type {
4 | CreateType,
5 | FlatCreateType,
6 | FlatUpdateType,
7 | RecordType,
8 | UpdateType,
9 | } from "@hatchifyjs/rest-client"
10 |
11 | export type { HatchifyApp } from "./hatchifyReact/index.js"
12 |
13 | export * from "./components/index.js"
14 | export * from "./presentation/index.js"
15 | export * from "./hooks/index.js"
16 |
17 | export default hatchifyReact
18 |
--------------------------------------------------------------------------------
/packages/react-ui/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "jsx": "react-jsx",
4 | },
5 | "extends": "../../tsconfig.json",
6 | "include": ["src"]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react-ui/vite.config.ts:
--------------------------------------------------------------------------------
1 | ///
2 | import { defineConfig } from "vite"
3 | import dts from "vite-plugin-dts"
4 | import react from "@vitejs/plugin-react"
5 | import nodeExternals from "rollup-plugin-node-externals"
6 |
7 | // https://vitejs.dev/config/
8 | export default defineConfig({
9 | build: {
10 | lib: {
11 | entry: "src/react-ui.ts",
12 | formats: ["es"],
13 | },
14 | },
15 | plugins: [{ ...nodeExternals(), enforce: "pre" }, dts(), react()],
16 | test: {
17 | globals: true,
18 | environment: "jsdom",
19 | },
20 | })
21 |
--------------------------------------------------------------------------------
/packages/react/.depcheckrc:
--------------------------------------------------------------------------------
1 | ignores: ["@types/react", "@vitest/coverage-c8"]
2 |
--------------------------------------------------------------------------------
/packages/react/README.md:
--------------------------------------------------------------------------------
1 | # @hatchifyjs/react
2 |
3 | `@hatchifyjs/react` is part of the [Hatchify](https://github.com/bitovi/hatchify) toolkit and provides data models and low-code like Components for React.
4 |
5 | For more information, see [`@hatchifyjs/react`'s documentation page](https://github.com/bitovi/hatchify/blob/main/docs/react/README.md)
6 |
--------------------------------------------------------------------------------
/packages/react/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@hatchifyjs/react",
3 | "version": "0.2.3",
4 | "type": "module",
5 | "exports": "./dist/react.js",
6 | "types": "./dist/react.d.ts",
7 | "scripts": {
8 | "prepublish": "npm run clean && npm run build",
9 | "typecheck": "tsc --noEmit",
10 | "lint": "eslint src",
11 | "depcheck": "depcheck .",
12 | "test": "vitest run",
13 | "test:dev": "vitest",
14 | "test:coverage": "vitest run --coverage",
15 | "clean": "rm -rf tsconfig.tsbuildinfo dist",
16 | "build": "tsc"
17 | },
18 | "dependencies": {
19 | "@hatchifyjs/design-mui": "^0.2.2",
20 | "@hatchifyjs/react-ui": "^0.2.2",
21 | "@hatchifyjs/rest-client-jsonapi": "^0.1.41"
22 | },
23 | "devDependencies": {
24 | "@types/react": "^18.2.0",
25 | "jsdom": "^21.1.1",
26 | "vitest": "^0.30.1"
27 | },
28 | "peerDependencies": {
29 | "@hatchifyjs/core": "^0.4.x",
30 | "react": "^18.2.0",
31 | "react-dom": "^18.2.0"
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/packages/react/src/react.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from "vitest"
2 |
3 | describe("react", () => it("todo", () => expect(true).toBe(true)))
4 |
--------------------------------------------------------------------------------
/packages/react/src/react.tsx:
--------------------------------------------------------------------------------
1 | export type { PartialSchema } from "@hatchifyjs/core"
2 | export { default as hatchifyReact } from "@hatchifyjs/react-ui"
3 | export type {
4 | DataGridState,
5 | FlatCreateType as CreateType,
6 | FlatUpdateType as UpdateType,
7 | HatchifyApp,
8 | RecordType,
9 | } from "@hatchifyjs/react-ui"
10 | export {
11 | default as HatchifyProvider,
12 | List,
13 | Pagination,
14 | Filters,
15 | DataGrid,
16 | } from "@hatchifyjs/design-mui"
17 | export {
18 | convertToHatchifyResources,
19 | default as createJsonapiClient,
20 | } from "@hatchifyjs/rest-client-jsonapi"
21 |
--------------------------------------------------------------------------------
/packages/react/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "jsx": "react-jsx",
4 | "rootDir": "src",
5 | "outDir": "dist"
6 | },
7 | "extends": "../../tsconfig.json",
8 | "include": ["src"]
9 | }
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/.depcheckrc:
--------------------------------------------------------------------------------
1 | ignores: ["@vitest/coverage-c8"]
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/README.md:
--------------------------------------------------------------------------------
1 | # @hatchifyjs/rest-client-jsonapi
2 |
3 | Responsible for making network requests to a JSON:API-compliant backend.
4 |
5 | This isn't used directly. Use [`@hatchifyjs/react-jsonapi`](https://github.com/bitovi/hatchify/blob/main/docs/react-jsonapi/README.md) instead.
6 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/mocks/server.ts:
--------------------------------------------------------------------------------
1 | import { setupServer } from "msw/node"
2 | import { handlers } from "./handlers.js"
3 |
4 | export const server = setupServer(...handlers)
5 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/rest-client-jsonapi.ts:
--------------------------------------------------------------------------------
1 | import { jsonapi } from "./services/index.js"
2 |
3 | export {
4 | convertToHatchifyResources,
5 | createOne,
6 | findAll,
7 | findOne,
8 | updateOne,
9 | } from "./services/index.js"
10 | export default jsonapi
11 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/createOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./createOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/deleteOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./deleteOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/findAll/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./findAll.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/findOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./findOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./createOne/index.js"
2 | export * from "./deleteOne/index.js"
3 | export * from "./findAll/index.js"
4 | export * from "./findOne/index.js"
5 | export * from "./jsonapi/index.js"
6 | export * from "./updateOne/index.js"
7 | export * from "./utils/index.js"
8 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/jsonapi/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./jsonapi.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/updateOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./updateOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/utils/fetch/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./fetch.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./fetch/index.js"
2 | export * from "./resources/index.js"
3 | export * from "./query/index.js"
4 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/utils/query/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./query.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/services/utils/resources/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./resources.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
--------------------------------------------------------------------------------
/packages/rest-client-jsonapi/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "include": ["src"],
4 | "compilerOptions": {
5 | "rootDir": "src",
6 | "outDir": "dist"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/rest-client/.depcheckrc:
--------------------------------------------------------------------------------
1 | ignores: ["@vitest/coverage-c8"]
2 |
--------------------------------------------------------------------------------
/packages/rest-client/README.md:
--------------------------------------------------------------------------------
1 | # @hatchifyjs/rest-client
2 |
3 | Data-fetching functions that are not framework-specific.
4 |
5 | This isn't used directly. Use [`@hatchifyjs/react-jsonapi`](https://github.com/bitovi/hatchify/blob/main/docs/react-jsonapi/README.md) instead.
6 |
--------------------------------------------------------------------------------
/packages/rest-client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@hatchifyjs/rest-client",
3 | "version": "0.1.29",
4 | "type": "module",
5 | "exports": "./dist/rest-client.js",
6 | "types": "./dist/rest-client.d.ts",
7 | "scripts": {
8 | "prepublish": "npm run clean && npm run build",
9 | "typecheck": "tsc --noEmit",
10 | "lint": "eslint src",
11 | "depcheck": "depcheck .",
12 | "test": "vitest run",
13 | "test:dev": "vitest",
14 | "test:coverage": "vitest run --coverage",
15 | "clean": "rm -rf tsconfig.tsbuildinfo dist",
16 | "build": "tsc"
17 | },
18 | "devDependencies": {
19 | "@types/lodash.isempty": "^4.4.9",
20 | "@vitest/coverage-c8": "^0.32.2",
21 | "vitest": "^0.30.1"
22 | },
23 | "peerDependencies": {
24 | "@hatchifyjs/core": "^0.4.x"
25 | },
26 | "dependencies": {
27 | "lodash.isempty": "^4.4.0"
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./promise/index.js"
2 | export * from "./store/index.js"
3 | export * from "./subscribe/index.js"
4 | export * from "./types/index.js"
5 | export * from "./utils/index.js"
6 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/promise/createOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./createOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/promise/deleteOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./deleteOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/promise/findAll/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./findAll.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/promise/findOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./findOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/promise/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./createOne/index.js"
2 | export * from "./deleteOne/index.js"
3 | export * from "./findAll/index.js"
4 | export * from "./findOne/index.js"
5 | export * from "./updateOne/index.js"
6 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/promise/updateOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./updateOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/store/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./store.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/subscribe/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./subscribeToAll/index.js"
2 | export * from "./subscribeToOne/index.js"
3 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/subscribe/subscribeToAll/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./subscribeToAll.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/subscribe/subscribeToAll/subscribeToAll.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, it, expect, vi } from "vitest"
2 | import { createStore } from "../../store/index.js"
3 | import { subscribeToAll } from "./subscribeToAll.js"
4 |
5 | describe("rest-client/services/subscribe/subscribeToAll", () => {
6 | it("callback should be called from store subscribers", () => {
7 | const store = createStore(["articles"])
8 | const spy = vi.fn()
9 |
10 | subscribeToAll("articles", undefined, spy)
11 | store.articles.subscribers.forEach((fn) => fn([]))
12 |
13 | expect(spy).toHaveBeenCalledTimes(1)
14 | })
15 | })
16 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/subscribe/subscribeToOne/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./subscribeToOne.js"
2 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/subscribe/subscribeToOne/subscribeToOne.ts:
--------------------------------------------------------------------------------
1 | import { getStore } from "../../store/index.js"
2 | import type { Record, Unsubscribe } from "../../types/index.js"
3 |
4 | /**
5 | * Adds a subscriber to the store for a given schema and id. Will only notify
6 | * the subscriber when the record with the given id is updated.
7 | */
8 | export const subscribeToOne = (
9 | resource: string,
10 | id: string,
11 | onChange: (data: Record) => void,
12 | ): Unsubscribe => {
13 | const store = getStore(resource)
14 |
15 | function notify(data: Record[]) {
16 | const record = data.find((record) => record.id === id)
17 | if (record) {
18 | onChange(record)
19 | }
20 | }
21 |
22 | store.subscribers.push(notify)
23 |
24 | return () => {
25 | store.subscribers = store.subscribers.filter((fn) => fn !== notify)
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/types/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./data.js"
2 | export * from "./meta.js"
3 | export * from "./query.js"
4 | export * from "./schema.js"
5 | export * from "./rest-client.js"
6 | export * from "./subscribe.js"
7 | export * from "./utility.js"
8 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/types/subscribe.ts:
--------------------------------------------------------------------------------
1 | import type { PartialSchema } from "@hatchifyjs/core"
2 | import type { GetSchemaFromName, GetSchemaNames, RecordType } from "./index.js"
3 |
4 | export type Unsubscribe = () => void
5 |
6 | export type Subscription = <
7 | const TSchemas extends Record,
8 | const TSchemaName extends GetSchemaNames,
9 | >(
10 | data: Array>>,
11 | ) => void
12 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/types/utility.ts:
--------------------------------------------------------------------------------
1 | export type WithRequiredProperty = Type & {
2 | [Property in Key]-?: Type[Property]
3 | }
4 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./meta.js"
2 | export * from "./records.js"
3 | export * from "./request.js"
4 | export * from "./response.js"
5 | export * from "./schema.js"
6 | export * from "./selector.js"
7 | export * from "./unflatten.js"
8 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/utils/notify.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bitovi/hatchify/a47ddb72bf2c0d93931eafa90d996546adf20f83/packages/rest-client/src/services/utils/notify.ts
--------------------------------------------------------------------------------
/packages/rest-client/src/services/utils/schema.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from "vitest"
2 | import { schemaNameIsString } from "./schema.js"
3 |
4 | describe("rest-client/services/utils/schema", () => {
5 | describe("scehmaNameIsString", () => {
6 | it("works", () => {
7 | expect(schemaNameIsString("Foo")).toBe(true)
8 | expect(schemaNameIsString("Bar")).toBe(true)
9 | expect(schemaNameIsString(5)).toBe(false)
10 | expect(schemaNameIsString(true)).toBe(false)
11 | })
12 | })
13 | })
14 |
--------------------------------------------------------------------------------
/packages/rest-client/src/services/utils/schema.ts:
--------------------------------------------------------------------------------
1 | export function schemaNameIsString(schemaName: unknown): schemaName is string {
2 | return typeof schemaName === "string"
3 | }
4 |
5 | export class SchemaNameNotStringError extends Error {
6 | constructor(schemaName: unknown) {
7 | super(`Expected schemaName to be a string, received ${typeof schemaName}`)
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/packages/rest-client/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "include": ["src"],
4 | "compilerOptions": {
5 | "allowJs": true,
6 | "rootDir": "src",
7 | "outDir": "dist"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/scripts/check-packages.ts:
--------------------------------------------------------------------------------
1 | import semver from "semver"
2 |
3 | import packages from "./lib/packages"
4 |
5 | for (const pkg of Object.values(packages)) {
6 | if (!semver.valid(pkg.version)) {
7 | console.error(`${pkg.name} - Invalid version: ${pkg.version}`)
8 | }
9 |
10 | if ("private" in pkg) {
11 | console.error(`${pkg.name} - Package should not be private.`)
12 | }
13 |
14 | if (pkg.dependencies) {
15 | for (const [name, range] of Object.entries(pkg.dependencies)) {
16 | if (packages[name]) {
17 | if (!semver.satisfies(packages[name].version, range)) {
18 | console.error(`${pkg.name} - Unsatisfied package: ${name}@${range}`)
19 | }
20 | }
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/scripts/lib/packages.ts:
--------------------------------------------------------------------------------
1 | import fs from "fs"
2 | import path from "path"
3 |
4 | interface Package {
5 | name: string
6 | private?: boolean
7 | version: string
8 | dependencies?: Record
9 | devDependencies?: Record
10 | }
11 |
12 | const packagesPath = path.join(__dirname, "..", "..", "packages")
13 |
14 | const list = fs
15 | .readdirSync(packagesPath)
16 | .map((name) => path.join(packagesPath, name, "package.json"))
17 | .filter((pkg) => fs.existsSync(pkg))
18 | .map((pkg) => JSON.parse(fs.readFileSync(pkg, "utf-8")) as Package)
19 |
20 | const packages: Record = {}
21 | export default packages
22 |
23 | for (const pkg of list) {
24 | packages[pkg.name] = pkg
25 | }
26 |
--------------------------------------------------------------------------------
/scripts/pree2e.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | cd e2e;
3 | rm -rf hatchify-app;
4 | node ../packages/create/index.js hatchify-app \
5 | --frontend ${npm_config_frontend} \
6 | --backend ${npm_config_backend} \
7 | --database ${npm_config_database} \
8 | --path ../../packages;
9 | cp schemas.txt hatchify-app/schemas.ts;
10 | cp App.txt hatchify-app/frontend/App.tsx;
11 | cp main.txt hatchify-app/main.tsx;
12 |
--------------------------------------------------------------------------------
/scripts/updategs.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | cd example;
3 | rm -rf getting-started;
4 | node ../packages/create/index.js getting-started \
5 | --frontend=react \
6 | --backend=koa \
7 | --database=sqlite://localhost/:memory
8 |
--------------------------------------------------------------------------------