@mapcreator/api 5.0.0-alpha.84 → 5.0.0-alpha.85

package/src/README.md

@@ -1,126 +1,126 @@
-### Used type system
-
-We use type declarations for both the data coming over the wire and the data used by the application. In general, these types differ only in the presence of additional fields in the data arriving over the network (like `created_at`), and used naming convention. Data over the network uses the so-called snake case.
-
-All in all, we can use TypeScript's native mechanisms to convert one type to another and fully define just one type:
-
-```typescript
-import type { CamelCasedProperties } from 'type-fest';
-
-type ApiType =
-  | ({
-      data: {
-        prop: unknown;
-      } & ApiCommonData;
-    } & Omit<ApiSuccess, 'data'>)
-  | ApiError;
-
-type AppType = CamelCasedProperties<Omit<Exclude<ApiType, ApiError>['data'], keyof ApiCommonData>>;
-```
-
-or in reverse order:
-
-```typescript
-import type { SnakeCasedProperties } from 'type-fest';
-
-type AppType = {
-  prop: unknown;
-};
-
-type ApiType =
-  | ({
-      data: SnakeCasedProperties<AppType> & ApiCommonData;
-    } & Omit<ApiSuccess, 'data'>)
-  | ApiError;
-```
-
-But the decision was made not to do this, since it may be more difficult for the developer to make the conversion in their head than to see it in front of their eyes.
-
-### Using a `request()`
-
-The function has the following signature:
-
-```typescript
-async function request<I extends ApiCommon, O extends Record<string, unknown> | string>(
-  path: string,
-  body?: XMLHttpRequestBodyInit | Record<string | number, unknown> | null,
-  extraHeaders?: Record<string, string> | null,
-  extraOptions?: ExtraOptions<I, O>,
-): Promise<O | O[]> { /* ... */ }
-```
-
-Let's take it step by step.
-
-`I extends ApiCommon` - represents the type of data we receive over the network.
-
-`O extends Record<string, unknown> | string` - represents the data type that will be used in the application.
-
-Ideally you should describe and convey both types. This will help to check the data types in the arguments passed.
-See current data types for an example.
-
-`path: string` - the path to the resource, must include the API version, but must not include the schema or authority.
-Example: `/v1/jobs/12345`
-
-`body?: XMLHttpRequestBodyInit | Record<string | number, unknown> | null` - any meaningful body type. In general,
-the presence of an JSON object is assumed (or the absence of one for methods that only request data), but you can
-also pass `Blob`, `FormData`, `URLSearchParams` or just `ArrayBuffer`. The required content type will be added to
-the headers automatically.
-
-`extraHeaders?: Record<string, string> | null` - the object with additional headers.
-
-`extraOptions?: ExtraOptions<I, O>` - where `ExtraOptions<I, O>` is defined like this:
-
-```typescript
-interface ExtraOptions<I extends ApiCommon, O extends Record<string, unknown> | string> {
-  method?: 'GET' | 'HEAD' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
-  revivers?: O extends Record<string, unknown> ? Revivers<I, O> : never;
-  sendNull?: boolean;
-  withMeta?: boolean;
-}
-```
-
-Most fields are self-explanatory.
-
-`sendNull` can be used if you really want to pass `null` as body content.
-
-`revivers` is used to specify an object that can modify the behavior of the internal handler of data coming over
-the network. Let's take a closer look at this moment.
-
-#### Revivers
-
-By default, the `request()` function does the following things with data coming over the network:
-
-- It removes `created_at`, `updated_at`, `deleted_at` fields from the output objects.
-- It preserves all the remaining fields but converts their names into camelCase.
-
-When passing an object with revivers you can a couple of things:
-
-- You can list the fields that you want **to exclude** from the result object. To do this, the field must be assigned an
-`undefined` value.
-- You can **add** new fields or **modify** the type of existing ones. To do this, you need to pass a function as a field
-value, which will receive the original object as input.
-
-Example:
-
-```typescript
-const jobRevivers: Revivers<ApiJob, Job> = {
-  user_id: undefined,
-  description: undefined,
-  share_token: undefined,
-  autosave_preview_path: undefined,
-  job_folder_id: undefined,
-
-  jobTypeId: () => 9,
-  createdAt: (data: ApiJobData) => data.created_at as string,
-  previewPath: (data: ApiJobData) => data.autosave_preview_path ?? undefined,
-};
-```
-
-`user_id`, `description`, `share_token`, `autosave_preview_path`, `job_folder_id` fields will be excluded from the
-result object.
-
-`jobTypeId` will be always **9**.
-
-`createdAt` will be returned (please note that that field is excluded by default)
-
-`previewPath` - some actions will be performed with the source data.
+### Used type system
+
+We use type declarations for both the data coming over the wire and the data used by the application. In general, these types differ only in the presence of additional fields in the data arriving over the network (like `created_at`), and used naming convention. Data over the network uses the so-called snake case.
+
+All in all, we can use TypeScript's native mechanisms to convert one type to another and fully define just one type:
+
+```typescript
+import type { CamelCasedProperties } from 'type-fest';
+
+type ApiType =
+  | ({
+      data: {
+        prop: unknown;
+      } & ApiCommonData;
+    } & Omit<ApiSuccess, 'data'>)
+  | ApiError;
+
+type AppType = CamelCasedProperties<Omit<Exclude<ApiType, ApiError>['data'], keyof ApiCommonData>>;
+```
+
+or in reverse order:
+
+```typescript
+import type { SnakeCasedProperties } from 'type-fest';
+
+type AppType = {
+  prop: unknown;
+};
+
+type ApiType =
+  | ({
+      data: SnakeCasedProperties<AppType> & ApiCommonData;
+    } & Omit<ApiSuccess, 'data'>)
+  | ApiError;
+```
+
+But the decision was made not to do this, since it may be more difficult for the developer to make the conversion in their head than to see it in front of their eyes.
+
+### Using a `request()`
+
+The function has the following signature:
+
+```typescript
+async function request<I extends ApiCommon, O extends Record<string, unknown> | string>(
+  path: string,
+  body?: XMLHttpRequestBodyInit | Record<string | number, unknown> | null,
+  extraHeaders?: Record<string, string> | null,
+  extraOptions?: ExtraOptions<I, O>,
+): Promise<O | O[]> { /* ... */ }
+```
+
+Let's take it step by step.
+
+`I extends ApiCommon` - represents the type of data we receive over the network.
+
+`O extends Record<string, unknown> | string` - represents the data type that will be used in the application.
+
+Ideally you should describe and convey both types. This will help to check the data types in the arguments passed.
+See current data types for an example.
+
+`path: string` - the path to the resource, must include the API version, but must not include the schema or authority.
+Example: `/v1/jobs/12345`
+
+`body?: XMLHttpRequestBodyInit | Record<string | number, unknown> | null` - any meaningful body type. In general,
+the presence of an JSON object is assumed (or the absence of one for methods that only request data), but you can
+also pass `Blob`, `FormData`, `URLSearchParams` or just `ArrayBuffer`. The required content type will be added to
+the headers automatically.
+
+`extraHeaders?: Record<string, string> | null` - the object with additional headers.
+
+`extraOptions?: ExtraOptions<I, O>` - where `ExtraOptions<I, O>` is defined like this:
+
+```typescript
+interface ExtraOptions<I extends ApiCommon, O extends Record<string, unknown> | string> {
+  method?: 'GET' | 'HEAD' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+  revivers?: O extends Record<string, unknown> ? Revivers<I, O> : never;
+  sendNull?: boolean;
+  withMeta?: boolean;
+}
+```
+
+Most fields are self-explanatory.
+
+`sendNull` can be used if you really want to pass `null` as body content.
+
+`revivers` is used to specify an object that can modify the behavior of the internal handler of data coming over
+the network. Let's take a closer look at this moment.
+
+#### Revivers
+
+By default, the `request()` function does the following things with data coming over the network:
+
+- It removes `created_at`, `updated_at`, `deleted_at` fields from the output objects.
+- It preserves all the remaining fields but converts their names into camelCase.
+
+When passing an object with revivers you can a couple of things:
+
+- You can list the fields that you want **to exclude** from the result object. To do this, the field must be assigned an
+`undefined` value.
+- You can **add** new fields or **modify** the type of existing ones. To do this, you need to pass a function as a field
+value, which will receive the original object as input.
+
+Example:
+
+```typescript
+const jobRevivers: Revivers<ApiJob, Job> = {
+  user_id: undefined,
+  description: undefined,
+  share_token: undefined,
+  autosave_preview_path: undefined,
+  job_folder_id: undefined,
+
+  jobTypeId: () => 9,
+  createdAt: (data: ApiJobData) => data.created_at as string,
+  previewPath: (data: ApiJobData) => data.autosave_preview_path ?? undefined,
+};
+```
+
+`user_id`, `description`, `share_token`, `autosave_preview_path`, `job_folder_id` fields will be excluded from the
+result object.
+
+`jobTypeId` will be always **9**.
+
+`createdAt` will be returned (please note that that field is excluded by default)
+
+`previewPath` - some actions will be performed with the source data.

package/src/api/choropleth.ts

@@ -1,14 +1,6 @@
-import { type ApiError, type ApiSuccess, type Flatten, type Revivers, getSearchParams, request } from '../utils.js';
-
-import type { RequireAtLeastOne } from 'type-fest';
+import { type ApiError, type ApiSuccess, Flatten, Revivers, getSearchParams, request } from '../utils.js';
 import type { Polygon } from 'geojson';
-
-export const boundingBoxRevivers: Revivers<
-  { data: { bounding_box: string } } & Omit<ApiSuccess, 'data'> | ApiError,
-  { boundingBox: Polygon }
-> = {
-  boundingBox: (data: { bounding_box: string }) => JSON.parse(data.bounding_box) as Polygon,
-};
+import { RequireAtLeastOne } from 'type-fest';
 
 export type ApiSearchPoint = {
   lat: number;
@@ -22,6 +14,23 @@ export type ApiSearchBounds = {
   max_lng: number;
 };
 
+type ApiSingleOrGroupedArea = {
+  id: number;
+  title: string;
+  subtitle: string;
+  svg_preview: string;
+  bounding_box: string;
+  is_group: boolean;
+  vector_source: string | null;
+  source_layer: string | null;
+  feature_id: number | null;
+  properties: Record<string, string> | null;
+};
+
+type ApiSingleOrGroupedAreaArray = {
+  data: ApiSingleOrGroupedArea[];
+} & Omit<ApiSuccess, 'data'> | ApiError;
+
 type SingleOrGroupedAreaBase = {
   id: number;
   title: string;
@@ -38,51 +47,14 @@ export type GroupedArea = SingleOrGroupedAreaBase & {
 // TODO don't export this once search on click is out
 export type SingleArea = SingleOrGroupedAreaBase & {
   isGroup: false;
-  properties: Record<string, string>;
   vectorSource: string;
   sourceLayer: string;
   featureId: number;
+  properties: Record<string, string>;
 };
 
-export type SingleOrGroupedArea = {
-  id: number;
-  title: string;
-  subtitle: string;
-  svgPreview: string;
-  boundingBox: Polygon;
-  isGroup: boolean;
-  properties: Record<string, string> | null;
-  vectorSource: string | null;
-  sourceLayer: string | null;
-  featureId: number | null;
-};
-
-export type ApiSingleOrGroupedArea = {
-  data: {
-    id: number;
-    title: string;
-    subtitle: string;
-    svg_preview: string;
-    bounding_box: string;
-    is_group: boolean;
-    properties: string | null;
-    vector_source: string | null;
-    source_layer: string | null;
-    feature_id: number | null;
-  };
-} & Omit<ApiSuccess, 'data'> | ApiError;
-
-export type ApiSingleOrGroupedAreaData = Flatten<Exclude<ApiSingleOrGroupedArea, ApiError>['data']>;
-
-export const singleOrGroupedAreaRevivers: Revivers<ApiSingleOrGroupedArea, SingleOrGroupedArea> = {
-  ...boundingBoxRevivers,
-  properties: (data: ApiSingleOrGroupedAreaData) =>
-    (data.properties != null ? JSON.parse(data.properties) as Record<string, string> : null),
-};
+export type SingleOrGroupedArea = SingleArea | GroupedArea;
 
-/**
- * TODO When SAGA search on click is implemented, remove mode and make searchBounds required
- */
 export async function searchSingleOrGroupedAreas(
   language: string,
   search: RequireAtLeastOne<{
@@ -92,22 +64,29 @@ export async function searchSingleOrGroupedAreas(
   }>,
   mode: 'polygon' | 'group' | 'both' = 'both',
 ): Promise<SingleOrGroupedArea[]> {
-  const pathname = '/v1/choropleth/polygons/search';
-  const query = getSearchParams({
-    language,
-    ...search.searchBounds,
-    ...(search.query && { query: search.query }),
-    ...(search.searchPoint && { point: search.searchPoint }),
-    mode,
+  /**
+   * TODO When SAGA search on click is implemented, remove mode and make searchBounds required
+   */
+  return request<ApiSingleOrGroupedAreaArray, SingleOrGroupedArea>(
+    `/v1/choropleth/polygons/search?${getSearchParams({
+      language,
+      ...search.searchBounds,
+      ...(search.query && { query: search.query }),
+      ...(search.searchPoint && { point: search.searchPoint }),
+      mode,
+    })}`,
+  ).then(result => {
+    result.forEach(
+      elem => {
+        elem.boundingBox = JSON.parse(elem.boundingBox as unknown as string) as Polygon;
+        if (!elem.isGroup) {
+          elem.properties = JSON.parse(elem.properties as unknown as string) as Record<string, string>;
+        }
+      },
+    );
+
+    return result;
   });
-  const path = `${pathname}?${query}`;
-  const options = { revivers: singleOrGroupedAreaRevivers };
-
-  type ApiSingleOrGroupedAreaArray = {
-    data: ApiSingleOrGroupedAreaData[];
-  } & Omit<ApiSuccess, 'data'> | ApiError;
-
-  return request<ApiSingleOrGroupedAreaArray, SingleOrGroupedArea>(path, null, null, options);
 }
 
 export type GroupedAreaChild = {
@@ -135,7 +114,7 @@ type ApiGroupedAreaChild = {
 export type ApiGroupedAreaChildData = Flatten<Exclude<ApiGroupedAreaChild, ApiError>['data']>;
 
 export const groupedAreaChildRevivers: Revivers<ApiGroupedAreaChild, GroupedAreaChild> = {
-  ...boundingBoxRevivers,
+  boundingBox: (data: ApiGroupedAreaChildData) => JSON.parse(data.bounding_box) as Polygon,
   properties: (data: ApiGroupedAreaChildData) => JSON.parse(data.properties) as Record<string, string>,
 };
 
@@ -151,78 +130,3 @@ export async function groupedAreaChildren(groupId: number, language: string): Pr
 
   return request<ApiApiGroupedAreaChildArray, GroupedAreaChild>(path, null, null, options);
 }
-
-export type MatchedGroup = {
-  id: number;
-  sml: number;
-  childrenCount: number;
-  matchField: string;
-  boundingBox: Polygon;
-  property: string;
-  name: string;
-};
-
-export type ApiMatchedGroup = {
-  data: {
-    id: number;
-    sml: number;
-    children_count: number;
-    match_field: string;
-    bounding_box: string;
-    property: string;
-    name: string;
-  };
-} & Omit<ApiSuccess, 'data'> | ApiError;
-
-export type ApiMatchedGroupData = Flatten<Exclude<ApiMatchedGroup, ApiError>['data']>;
-
-export async function getGroupsByDataSample(
-  sample: Record<string, string[]>,
-  language: string,
-  rowCount: number,
-): Promise<MatchedGroup[]> {
-  const path = `/v1/choropleth/groups/sample`;
-  const options = { revivers: boundingBoxRevivers };
-
-  type ApiMatchedGroupArray = {
-    data: ApiMatchedGroupData[];
-  } & Omit<ApiSuccess, 'data'> | ApiError;
-
-  return request<ApiMatchedGroupArray, MatchedGroup>(path, { sample, language, row_count: rowCount }, null, options);
-}
-
-export type BoundPolygon = {
-  index: number;
-  inputName: string;
-  id: number;
-  sml: number;
-  name: string;
-};
-
-export type ApiBoundPolygon = {
-  data: {
-    index: number;
-    input_name: string;
-    id: number;
-    sml: number;
-    name: string;
-  };
-} & Omit<ApiSuccess, 'data'> | ApiError;
-
-export type ApiBoundPolygonData = Flatten<Exclude<ApiBoundPolygon, ApiError>['data']>;
-
-export async function getBoundPolygons(
-  groupId: number,
-  property: string,
-  data: string[],
-  language: string,
-): Promise<BoundPolygon[]> {
-  const path = `/v1/choropleth/groups/bind`;
-  const body = { group_id: groupId, property, data, language };
-
-  type ApiBoundPolygonArray = {
-    data: ApiBoundPolygonData[];
-  } & Omit<ApiSuccess, 'data'> | ApiError;
-
-  return request<ApiBoundPolygonArray, BoundPolygon>(path, body);
-}

package/src/api/font.ts

@@ -5,6 +5,9 @@ export type Font = {
   fontFamilyId: number;
   name: string;
   label: string;
+  weight: number;
+  style: string;
+  stretch: string;
 };
 
 export type ApiFont = {
@@ -29,9 +32,6 @@ type FontSearchOptions = {
 };
 
 export const fontRevivers: Revivers<ApiFont, Font> = {
-  style: undefined,
-  stretch: undefined,
-  weight: undefined,
   order: undefined,
 };
 

package/src/api/resources.ts

@@ -1,6 +1,7 @@
 import { type ApiOrganisationData, type Organisation, organisationRevivers } from './organisation.js';
 import { type ApiDimensionSetData, type DimensionSet, dimensionSetRevivers } from './dimensionSet.js';
 import { type ApiMapstyleSetData, type MapstyleSet, mapstyleSetRevivers } from './mapstyleSet.js';
+import { type ApiFontFamilyData, type FontFamily, fontFamilyRevivers } from './fontFamily.js';
 import { type ApiDimensionData, type Dimension, dimensionRevivers } from './dimension.js';
 import { type ApiFeatureData, type Feature, featureRevivers } from './feature.js';
 import { type ApiJobTypeData, type JobType, jobTypeRevivers } from './jobType.js';
@@ -10,6 +11,7 @@ import { type ApiSvgSetData, type SvgSet, svgSetRevivers } from './svgSet.js';
 import { type ApiLayerData, type Layer, layerRevivers } from './layer.js';
 import { type ApiColorData, type Color, colorRevivers } from './color.js';
 import { type ApiUserData, type User, userRevivers } from './user.js';
+import { type ApiFontData, type Font, fontRevivers } from './font.js';
 import type { CamelCasedProperties } from 'type-fest';
 import {
   type ApiCommon,
@@ -62,6 +64,8 @@ export interface Resources {
   messages: Message[];
   svgSets: SvgSet[];
   layers: Layer[];
+  fonts: Font[];
+  fontFamilies: FontFamily[];
 }
 
 type ApiResources = {
@@ -82,6 +86,8 @@ type ApiResources = {
     job_types: ApiJobTypeData[];
     svg_sets: ApiSvgSetData[];
     layers: ApiLayerData[];
+    fonts: ApiFontData[];
+    font_families: ApiFontFamilyData[];
   } & ApiCommonData;
 } & Omit<ApiSuccess, 'data'> | ApiError;
 
@@ -129,6 +135,8 @@ export async function loadResources(): Promise<Resources> {
     messages: allMessages,
     layers: (raw.layers?.map(processData, getContext(layerRevivers)) ?? []) as Layer[],
     svgSets: (raw.svgSets?.map(processData, getContext(svgSetRevivers)) ?? []) as SvgSet[],
+    fonts: (raw.fonts?.map(processData, getContext(fontRevivers)) ?? []) as Font[],
+    fontFamilies: (raw.fontFamilies?.map(processData, getContext(fontFamilyRevivers)) ?? []) as FontFamily[],
   };
 }