Forem: Cojiroooo

DI Container on CakePHP4.3 upper

Cojiroooo — Mon, 16 Dec 2024 03:27:55 +0000

Motivation

I want to inject Service to Command and Controller by DI container.
In addition, Service uses Repository injected.
The document doesn't mention this case like nested injection.

Document

https://book.cakephp.org/4/en/development/dependency-injection.html

How to implement

Service and Repository

interface SomeRepository {
  public getAll(): array;
}

class SomeRepositoryImpl implements SomeRepository
{
    public function getAll(): array
    {
        print('getAll()');
        return [];
    }
}

class SomeService
{
    private $someRepository;

    public function __construct(SomeRepository $someRepository)
    {
        $this->someRepository = $someRepository;
    }

    public function doSomething(): void
    {
        $this->someRepository->getAll();
    }
}

Comamnd

use Cake\Command\Command;
use Cake\Console\Arguments;
use Cake\Console\ConsoleIo;
use Cake\Console\ConsoleOptionParser;

class SomeCommand extends Command
{
    private SomeService $service;

    public function __construct(SomeService $service)
    {
        parent::__construct();
        $this->service = $service;
    }

    public static function getDescription(): string
    {
        return 'Inject service through provider';
    }

    public function buildOptionParser(ConsoleOptionParser $parser): ConsoleOptionParser
    {
        $parser = parent::buildOptionParser($parser);
        return $parser;
    }

    public function execute(Arguments $args, ConsoleIo $io)
    {
        $this->service->doSomething();
    }
}

use Cake\Core\ContainerInterface;
use Cake\Core\ServiceProvider;

class CommandServiceProvider extends ServiceProvider
{
    protected $provides = [
        SomeCommand::class,
    ];

    public function services(ContainerInterface $container): void
    {
        $container
            ->add(SomeCommand::class)
            ->addArgument(SomeService::class);
    }
}

Controller

use Cake\Controller\Controller;

class SomeController extends Controller
{
    public function index(SomeService $service)
    {
        $service->doSomething();
        print('index()');
    }
}

Register to DI container

use Cake\Core\ContainerInterface;
use Cake\Core\ServiceProvider;

class SomeServiceProvider extends ServiceProvider
{
    protected $provides = [
        SomeService::class,
    ];

    public function services(ContainerInterface $container): void
    {
        $container
            ->add(SomeRepository::class, SomeRepositoryImpl::class);
        $container
            ->add(SomeService::class)
            ->addArgument(SomeRepository::class);
    }
}

// Application.php
class Application extends BaseApplication
{
    // ...
    public function services(ContainerInterface $container): void
    {
        $container->addServiceProvider(new SomeServiceProvider());
        $container->addServiceProvider(new ControllerServiceProvider());
    }
    // ...

MCP using node on asdf

Cojiroooo — Thu, 12 Dec 2024 07:35:18 +0000

What happend?

I tried this tutorial( 👉https://modelcontextprotocol.io/quickstart ) , and encountered following error in MCP log when I started the Claude Desktop App.

2024-12-12T07:24:00.201Z [error] Could not start MCP server weather: Error: spawn node ENOENT
    at ChildProcess._handle.onexit (node:internal/child_process:286:19)
    at onErrorNT (node:internal/child_process:484:16)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'spawn node',
  path: 'node',
  spawnargs: [Array]
}

Environment

macOS 14.3.1(Sonoma)
asdf v0.13.1
node v20.11.0

% which node
/Users/user_name/.asdf/shims/node

Solution

My claude_desktop_config.json has problems.
I changed laude_desktop_config.json like "after" and restarted the Claude Desktop App.

before

{
    "mcpServers": {
        "weather": {
            "command": "node",
            "args": [
                "/Users/user_name/develop/mcp/tutorial/weather-server/build/index.js"
            ]
        }
    }
}

after

{
  "mcpServers": {
    "weather": {
      "command": "node",
      "args": ["/Users/user_name/develop/mcp/tutorial/weather-server/build/index.js"],
      "env": {
        "PATH": "/Users/user_name/.asdf/shims:/usr/bin:/bin",
        "ASDF_DIR": "/opt/homebrew/opt/asdf/libexec",
        "ASDF_DATA_DIR": "/Users/user_name/.asdf",
        "ASDF_NODEJS_VERSION": "20.11.0"
      }
    }
  }
}

I add "env" key.
ASDF_DIR is set this(↓) value.

% echo $ASDF_DIR                             
/opt/homebrew/opt/asdf/libexec

supabase.from().select() finished unexpectedly and doesn't occur any errors

Cojiroooo — Tue, 10 Sep 2024 03:01:03 +0000

Problem

I write the below, but it doesn't occur any errors and the process terminated prematurely.
At the first time after the server started, that was successful, but that happen after the reload browser.

supabase.auth.onAuthStateChange(async (event, session) => {
  // ...
  const { data, error } = await supabase.from("table_name").select(); // the process finished
  // ...
});

Causes

I found the answer to this problem in the document.

Do not use other Supabase functions in the callback function. If you must, dispatch the functions once the callback has finished executing. Use this as a quick way to achieve this:

https://supabase.com/docs/reference/javascript/auth-onauthstatechange

Solution

I wanted to fetch the user information when users authentication was successful.

const afterSignedIn = async () => {
  const { data, error } = await supabase.from("users").select();
};

supabase.auth.onAuthStateChange((event, session) => {
  // ...
  setTimeout(() => {
    afterSignedIn();
  }, 0);
});

How does Form submit as a default event?

Cojiroooo — Sat, 01 Jun 2024 13:24:31 +0000

Use a trigger provided react-hook-form and call this in custom submit method.
This approach is using basic JavaScript.

const formSchema = z.object({
  name: z.string(),
});
const Form = () => {
  const { register, trigger } = useForm<z.infer<typeof formSchema>>({
    resolver: zodResolver(formSchema),
  });

  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
    const isValid = await trigger();
    if (!isValid) {
      e.preventDefault();
      return;
    }
    // if you want to add something to the form, you can write it here.
  };

  return (
    <form onSubmit={onSubmit}>
      <input {...register('name')} />
      <button type="submit">Submit</button>
    </form>
  );
};

I develop the react application on MPA, so I needed to send a form by not ajax.