Can-Connect Data Middleware

import { connect, dataUrl, constructor } from 'can-connect';

// Mock global fetch for demonstration purposes
global.fetch = async (url, options) => {
  console.log(`Mock fetch: ${options?.method || 'GET'} ${url}`);
  if (url === '/api/todos' && options?.method === 'GET') {
    return {
      json: async () => ([
        { _id: '1', title: 'Buy milk' },
        { _id: '2', title: 'Walk dog' }
      ]),
      status: 200
    };
  }
  if (url.startsWith('/api/todos/') && options?.method === 'GET') {
    const id = url.split('/').pop();
    return {
      json: async () => ({ _id: id, title: `Todo ${id}` }),
      status: 200
    };
  }
  return { json: async () => ({}), status: 200 };
};

const TodoConnection = connect([
  dataUrl('/api/todos'), // Defines how to fetch data from a URL
  constructor(),         // Provides methods for creating, updating, deleting instances
  {
    name: 'todos',
    // Custom behaviors or overrides can be added here
    getListData() {
      console.log('Custom getListData called...');
      return this._super(); // Call the base dataUrl behavior's getListData
    },
    getData(id) {
      console.log(`Custom getData for ID: ${id} called...`);
      return this._super(id); // Call the base dataUrl behavior's getData
    }
  }
], {
  // Connection options
  idProp: '_id' // Specify the ID property, default is 'id'
});

async function run() {
  try {
    console.log('Fetching all todos...');
    const todos = await TodoConnection.getList({});
    console.log('Retrieved Todos:', todos);

    console.log('\nFetching todo with ID 1...');
    const todo1 = await TodoConnection.get('1');
    console.log('Retrieved Todo 1:', todo1);

  } catch (error) {
    console.error('Operation failed:', error.message);
  }
}

run();