Local package development and deps directory

Questions / Help
,
1

Hello everyone!

Im working on a library (similar to Petal, but the difference is that it also provides some js and css files.

So in my mix project I have the following code to let me decide when to work on the library

def palette_dep(true = _local) do
    [{:palette, path: "../palette"}]
  end

  def palette_dep(false) do
    [
      {:palette, git: "https://github.com/myorg/palette", tag: "0.1.3"}
    ]
  end

In the project package.json file I have

{
  "dependencies": {
    "palette": "file:../deps/palette"
  }
}

So then I can reference the css in the app.css doing @import "palette". So far so good…

The problem appears when I have to work locally, the reference "palette": "file:../deps/palette" is no longer valid because the library is not being compiled in the deps folder, so the css doesn’t load. I tried to change the package.json to

{
  "dependencies": {
    "palette": "file:../deps/palette"
  },
  "devDependencies": {
    "palette": "file:../../palette"
  }
}

And that works great, but it fails when I try to compile the assets in production since it seems that the esbuild/tailwing are also trying to compile devDependencies (which is odd?) and fails because "palette": "file:../../palette" doesn’t exists.

Step 20/21 : RUN mix assets.deploy
 ---> Running in 2513e72966ee
 
00:08:42.001 [debug] Downloading esbuild from https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.29.tgz
 
  ../priv/static/assets/app.js  825.7kb
 
:zap: Done in 169ms
 
  ../priv/static/assets/app.js               825.7kb  100.0%
   └ ../deps/palette/priv/static/palette.js  825.2kb   99.9%
 
00:08:42.573 [debug] Downloading tailwind from https://github.com/tailwindlabs/tailwindcss/releases/download/v3.1.8/tailwindcss-linux-x64
/snapshot/tailwindcss/node_modules/postcss-import/lib/resolve-id.js:35
      throw new Error(
            ^
 
Error: Failed to find 'palette'
  in [
    /app/assets/css
  ]
    at /snapshot/tailwindcss/node_modules/postcss-import/lib/resolve-id.js:35:13
    at async LazyResult.runAsync (/snapshot/tailwindcss/node_modules/postcss/lib/lazy-result.js:396:11)

So when working locally is there any to force to compile the library in the deps directory? Or is there any guide, doc, example of building this kind of resources?

Thanks a lot!

1 Like