Onder Posts - Answer Overflow

Onder

Explore posts from servers

•Created by harsh-harlequin on 8/29/2024 in #ask-any-question

Pass custom value to Form.Item from a component

Hello, I have a ImageSelectorModal component which shows images in the modal fetched from API, it's selectable and fires onSelect event on clicking OK in the modal. I want to set the parameters passed to onSelect event to the edit form how can i do that

21 replies

RRefine

•Created by correct-apricot on 8/28/2024 in #ask-any-question

Axios interceptor, authProvider onError still throws error

i implemented axios as authProvider, but i also added interceptor to refresh access token, i do refresh the token set the new token in the error.config but new problem is onError throws an error now on the screen saying that TypeError: Cannot destructure property 'data' of '(intermediate value)' as it is undefined. at Object.deleteOne (provider.ts:150:13)

7 replies

RRefine

•Created by like-gold on 8/26/2024 in #ask-any-question

List, consist of cards

Hello, instead of table and columns i want to use cards, i will show file list. How can i achieve this with Ant Design?

10 replies

RRefine

•Created by correct-apricot on 8/24/2024 in #ask-any-question

Infinite websocket call on custom liveProvider implementation with socket.io

import { LiveProvider } from "@refinedev/core";
import { Socket } from "socket.io-client";

type ListenerType = {
  type: string;
  payload: { ids: string[] };
  date: Date;
  channel: string;
};

const liveProvider: (socket: Socket) => LiveProvider = (socket) => ({
  subscribe({ channel, types, params, callback }) {
    const eventName = generateEventName(channel, types);

    const listener = (data: ListenerType) => {
      if (types.includes("*") || types.includes(data.type)) {
        if (
          data.type !== "created" &&
          params?.ids !== undefined &&
          data.payload?.ids !== undefined
        ) {
          if (
            params.ids.filter((value) =>
              data.payload.ids.includes(value as string)
            ).length > 0
          ) {
            callback(data);
          }
        } else {
          callback(data);
        }
      }
    };
    socket.on(eventName, listener);
    return { eventName, listener };
  },
  unsubscribe({
    eventName,
    listener,
  }: {
    eventName: string;
    listener: () => void;
  }) {
    console.log("ubsub");
    socket.off(eventName, listener);
  },
  publish(event) {
    // socket.emit(generateEventName(event.channel, event.type), event.payload);
  },
});

const generateEventName = (channel: string, type: string | string[]) => {
  const channelName = channel.replace("resources/", "");
  return `database.table.${channelName}.${type}`;
};

export default liveProvider;

import { LiveProvider } from "@refinedev/core";
import { Socket } from "socket.io-client";

type ListenerType = {
  type: string;
  payload: { ids: string[] };
  date: Date;
  channel: string;
};

const liveProvider: (socket: Socket) => LiveProvider = (socket) => ({
  subscribe({ channel, types, params, callback }) {
    const eventName = generateEventName(channel, types);

    const listener = (data: ListenerType) => {
      if (types.includes("*") || types.includes(data.type)) {
        if (
          data.type !== "created" &&
          params?.ids !== undefined &&
          data.payload?.ids !== undefined
        ) {
          if (
            params.ids.filter((value) =>
              data.payload.ids.includes(value as string)
            ).length > 0
          ) {
            callback(data);
          }
        } else {
          callback(data);
        }
      }
    };
    socket.on(eventName, listener);
    return { eventName, listener };
  },
  unsubscribe({
    eventName,
    listener,
  }: {
    eventName: string;
    listener: () => void;
  }) {
    console.log("ubsub");
    socket.off(eventName, listener);
  },
  publish(event) {
    // socket.emit(generateEventName(event.channel, event.type), event.payload);
  },
});

const generateEventName = (channel: string, type: string | string[]) => {
  const channelName = channel.replace("resources/", "");
  return `database.table.${channelName}.${type}`;
};

export default liveProvider;

and server returns this data created:

{
  channel: eventName,
  type: 'created',
  payload: { ids: [event.entity.id] },
  date: new Date()
}

{
  channel: eventName,
  type: 'created',
  payload: { ids: [event.entity.id] },
  date: new Date()
}

deleted:

{
  channel: eventName,
  type: 'deleted',
  payload: { ids: [event.entityId] },
  date: new Date()
}

{
  channel: eventName,
  type: 'deleted',
  payload: { ids: [event.entityId] },
  date: new Date()
}

updatec:

{
  channel: eventName,
  type: 'updated',
  payload: { ids: [event.entity?.id] },
  date: new Date()
}

{
  channel: eventName,
  type: 'updated',
  payload: { ids: [event.entity?.id] },
  date: new Date()
}

query:

{
  channel: eventName,
  type: '*',
  payload: { success: event.success },
  date: new Date()
}

{
  channel: eventName,
  type: '*',
  payload: { success: event.success },
  date: new Date()
}

10 replies

RRefine

•Created by foreign-sapphire on 8/24/2024 in #ask-any-question

Create or Edit components passes empty object {} for relations if their value is not provided

<Form.Item
  label={"Category"}
  name={["category", "id"]}
  initialValue={formProps.initialValues?.category?.id}
>
  <Select {...categorySelectProps} />
</Form.Item>
<Form.Item
  label={"Brand"}
  name={["brand", "id"]}
  initialValue={formProps.initialValues?.category?.id}
>
  <Select {...brandSelectProps} />
</Form.Item>

<Form.Item
  label={"Category"}
  name={["category", "id"]}
  initialValue={formProps.initialValues?.category?.id}
>
  <Select {...categorySelectProps} />
</Form.Item>
<Form.Item
  label={"Brand"}
  name={["brand", "id"]}
  initialValue={formProps.initialValues?.category?.id}
>
  <Select {...brandSelectProps} />
</Form.Item>

With this code, it posts below data

{
    "title": "test1",
    "sku": "TEST123",
    "price": 45,
    "description": "asd",
    "category": {},
    "brand": {}
}

{
    "title": "test1",
    "sku": "TEST123",
    "price": 45,
    "description": "asd",
    "category": {},
    "brand": {}
}

TypeORM is not able to process empty objects when they are lack of id property for create and edit

10 replies

RRefine

•Created by like-gold on 8/23/2024 in #ask-any-question

Single join does not work with nestjsx/crud

Hello, Nestjsx crud request builder generates join query like "join[0]" or "join[1]" for multiple joins, but nextjsx-crud is not able to process that. It's only able to process "join" only. and it can accept multiple joins. Did anyone bumbed into this?

30 replies

RRefine

•Created by stormy-gold on 8/22/2024 in #ask-any-question

Can't redirect to login in authProvider because of async/await

If you use async/await in authProvider methods, it doesn't take redirectTo into account. is there any solve?

6 replies

RRefine

•Created by ugly-tan on 8/21/2024 in #ask-any-question

A Package or implementation example for NestJS

Hello, I want to adopt the simple rest and I want to modify my API to comply with the simple-rest data provider. Do you know any package in JavaScript that implements json-server querying standards to TypeORM

10 replies

RRefine

•Created by absent-sapphire on 7/31/2024 in #ask-any-question

Indirect relational data on Appwrite adapter in Refine

I currently want to add an indirect relation to a resource in Refine. I have two database and they have their own collections. But in each database there are some collections that they have indirect relationship. For example in Catalog database I have Product collection. And on the Commerce database I have OrderItems collection. OrderItems collection should have the ProductId but since Appwrite doesn't let us have a relationship or does not return related data on the query result, we need to find a way to get those indirect related data to the Refine table. Does anyone know how t accomplish this?

12 replies

Gaming

Programming