keep_zen

keep_zen

Phoenix 1.8.0 gave us a new module ColocateHook, I try is today.
I set esbuild like this:

config :esbuild,
  version: "0.25.4",
  ex_cms: [
    args: ~w(
      js/app.js --bundle
      --target=es2022
      --outdir=../priv/static/assets/
      --external:/fonts/*
      --external:/images/*
      --public-path=/assets/
      --loader:.woff=copy
      --loader:.ttf=copy
      --loader:.eot=copy
      --loader:.woff2=copy
      --asset-names=fonts/[name]
      --loader:.css=copy
      --asset-names=css/[name]
      --alias:@=.),

And write the ColocatedHook like this:

 <div id="editor" phx-hook=".Editor" data-content={@post.content}>
  </div>
  <script :type={Phoenix.LiveView.ColocatedHook} name=".Editor">
        import { Crepe } from "@milkdown/crepe";
        export default {
          ......
        }
  </script>

I get an error: [ERROR] Could not resolve "@milikdown/crepe".

I guses this because the colocatedhook live the _dev/ and there do not have the node_modules and package.json.

Anyone can tell me how to use third part js in ColocatedHook?

Showing Posts 1 to 1

xir

xir

Sorry, I personally can’t answer your question yet, as I haven’t tried it myself. However, I noticed something else yesterday: if you make the phx-hook conditional, for example,

phx-hook={@use_editor && "Editor"}

it won’t be associated with the script containing a colocated hook. But, probably, it’s so by design.

— All posts loaded —

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
nseaSeb
Hello, I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
kpanic
Hi everyone, I am toying with the idea of building a “match maker” for giving personal help to people that wants to start coding. I sta...
New
brecabral
Documentation While reading the Scoped Routes section, I noticed that the documentation currently refers to a problem without explainin...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
asweet-confluent
I recently noticed that Elixir’s Logger defaults its primary log level to :debug when no :logger, :level application configuration is pre...
New
ryanwinchester
apply_graft/2 doesn’t rewrite an add_many sub-workflow’s deps on an add step. Grafted jobs cancel with “upstream job was deleted” Version...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New

Latest on Elixir Forum

Elixir Forum

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews