Tailwindcss 3.3.2 couldn't fetch when try running phx.server in freebsd 13.2

ariandanim · July 30, 2023, 8:37am

i have some error when try type mix phx.server ini freebsd 13.2 like this

[info] Running TestWeb.Endpoint with cowboy 2.10.0 at xxx.xxx.xxx.xxx:4000 (http)
[debug] Downloading tailwind from https://github.com/tailwindlabs/tailwindcss/releases/download/v3.3.2/tailwindcss-freebsd-x64
[info] Access TestWeb.Endpoint at http://localhost:4000
[watch] build finished, watching for changes...
[error] Task #PID<0.576.0> started from TestWeb.Endpoint terminating
** (RuntimeError) Couldn't fetch https://github.com/tailwindlabs/tailwindcss/releases/download/v3.3.2/tailwindcss-freebsd-x64: {:ok, {{'HTTP/1.1', 404, 'Not Found'}, [{'cache-control', 'no-cache'}, {'date', 'Sun, 30 Jul 2023 08:29:36 GMT'}, {'server', 'GitHub.com'}, {'vary', 'X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, Accept-Encoding, Accept, X-Requested-With'}, {'content-length', '222272'}, {'content-type', 'text/html; charset=utf-8'}, {'strict-transport-security', 'max-age=31536000; includeSubdomains; preload'}, {'x-frame-options', 'deny'}, {'x-content-type-options', 'nosniff'}, {'x-xss-protection', '0'}, {'referrer-policy', 'no-referrer-when-downgrade'}, {'content-security-policy', 'default-src \'none\'; base-uri \'self\'; child-src github.com/assets-cdn/worker/ gist.github.com/assets-cdn/worker/; connect-src \'self\' uploads.github.com objects-origin.githubusercontent.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com cdn.optimizely.com logx.optimizely.com/v1/events *.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ wss://*.actions.githubusercontent.com github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com; font-src github.githubassets.com; form-action \'self\' github.com gist.github.com objects-origin.githubusercontent.com; frame-ancestors \'none\'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src \'self\' data: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com objects-origin.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com *.githubusercontent.com; manifest-src \'self\'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com; script-src github.githubassets.com; style-src \'unsafe-inline\' github.githubassets.com; upgrade-insecure-requests; worker-src github.com/assets-cdn/worker/ gist.github.com/assets-cdn/worker/'}, {'x-github-request-id', '3712:18DA:B671659:B951244:64C61F70'}], "\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\" data-color-mode=\"auto\" data-light-theme=\"light\" data-dark-theme=\"dark\"  data-a11y-animated-images=\"system\">\n  <head>\n    <meta charset=\"utf-8\">\n  <link rel=\"dns-prefetch\" href=\"https://github.githubassets.com\">\n  <link rel=\"dns-prefetch\" href=\"https://avatars.githubusercontent.com\">\n  <link rel=\"dns-prefetch\" href=\"https://github-cloud.s3.amazonaws.com\">\n  <link rel=\"dns-prefetch\" href=\"https://user-images.githubusercontent.com/\">\n  <link rel=\"preconnect\" href=\"https://github.githubassets.com\" crossorigin>\n  <link rel=\"preconnect\" href=\"https://avatars.githubusercontent.com\">\n\n  \n\n  <link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/light-8cafbcbd78f4.css\" /><link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/dark-31dc14e38457.css\" /><link data-color-theme=\"dark_dimmed\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/dark_dimmed-71414d661fe2.css\" /><link data-color-theme=\"dark_high_contrast\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/dark_high_contrast-ba96c7f1d660.css\" /><link data-color-theme=\"dark_colorblind\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/dark_colorblind-7471c22cdb6a.css\" /><link data-color-theme=\"light_colorblind\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/light_colorblind-80180bed15ed.css\" /><link data-color-theme=\"light_high_contrast\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/light_high_contrast-e89b9cdecb75.css\" /><link data-color-theme=\"light_tritanopia\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/light_tritanopia-77f15e9154df.css\" /><link data-color-theme=\"dark_tritanopia\" crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" data-href=\"https://github.githubassets.com/assets/dark_tritanopia-f598f8dd18ae.css\" />\n  \n    <link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/primer-primitives-fb1d51d1ef66.css\" />\n    <link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/primer-05fec56eb582.css\" />\n    <link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/global-280e28c4e8be.css\" />\n    <link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/github-21dc4e5af19d.css\" />\n  <link crossorigin=\"anonymous\" media=\"all\" rel=\"stylesheet\" href=\"https://github.githubassets.com/assets/releases-0d88a43d8a93.css\" />\n\n  \n\n  <script type=\"application/json\" id=\"client-env\">{\"locale\":\"en\",\"featureFlags\":[\"failbot_handle_non_errors\",\"fix_react_title\",\"geojson_azure_maps\",\"image_metric_tracking\",\"turbo_experiment_risky\",\"use_scroll_restoration\"]}</script>\n<script crossorigin=\"anonymous\" defer=\"defer\" type=\"application/javascript\" src=\"https://github.githubassets.com/assets/wp-runtime-0f48a76eff4d.js\"></script>\n<script crossorigin=\"anonymous\" defer=\"defer\" type=\"application/javascript\" src=\"https://github.githubassets.com/assets/vendors-node_modules_dompurify_dist_purify_js-64d590970fa6.js\"></script>\n<script crossorigin=\"anonymous\" defer=\"defer\" type=\"application/javascript\" src=\"https://github.githubassets.com/assets/vendors-node_modules_stacktrace-parser_dist_stack-trace-parser_esm_js-node_modules_github_bro-a4c183-ae93d3fba59c.js\"></script>\n<script crossorigin=\"anonymous\" defer=\"defer\" type=\"application/javascript\" src=\"https://github.githubassets.com/assets/ui_packages_soft-nav_soft-nav_ts-db8b037dfa8f.js\"></script>\n<script crossorigin=\"anonymous\" defer=\"defer\" type=\"application/javascript\" src=\"https://github.githubassets.com/assets/environment-c2140938ffde.js\"></script>\n<script crossorigin=\"anonymous\" defer=\"defer\" type=\"application/java" <> ...}}

This typically means we cannot reach the source or you are behind a proxy.
You can try again later and, if that does not work, you might:

  1. If behind a proxy, ensure your proxy is configured and that
     your certificates are set via the cacerts_path configuration

  2. Manually download the executable from the URL above and
     place it inside "_build/tailwind-freebsd-x64"

  3. Install and use Tailwind from npmJS. See our module documentation
     to learn more: https://hexdocs.pm/tailwind

    (tailwind 0.2.1) lib/tailwind.ex:303: Tailwind.fetch_body!/1
    (tailwind 0.2.1) lib/tailwind.ex:224: Tailwind.install/1
    (tailwind 0.2.1) lib/tailwind.ex:205: Tailwind.install_and_run/2
    (phoenix 1.7.7) lib/phoenix/endpoint/watcher.ex:19: Phoenix.Endpoint.Watcher.watch/2
    (elix (truncated)
[debug] Downloading tailwind from https://github.com/tailwindlabs/tailwindcss/releases/download/v3.3.2/tailwindcss-freebsd-x64

perhaps you can help me where my false…
tks

ariandanim · July 30, 2023, 8:47am

i found the link download of tailwind for freebsd is not found or 404 … i don’t know to address it…

ariandanim · July 30, 2023, 9:41am

i found link to use tailwindcss for phoenix in freebsd 13.2 but i don’t know to use it in my vps

https://people.freebsd.org/~dch/pub/tailwind/v3.3.2/tailwindcss-freebsd-x64

ariandanim · July 30, 2023, 10:20am

ok i think i have solved this, here is my step
don’t forget to install gcc first (pkg install gcc)
after that :

pkg install postgresql15-server-15.3 postgresql15-client-15.3
pkg install erlang (will automatically the latest erlang but only in freebsd, the latest means not like in the debian)
pkg install elixir (also like erlang not the latest but the stable for freebsd perhaps)
make user in freebsd
make directory example app
type mix archive.install hex phx_new (for fresh installation)
in folder app, i type mix phx.new mynewapp
setting my postgresql username and password
go to mynewapp folder, then in mix.exs find

{:tailwind, “~> 0.2.0”, runtime: Mix.env() == :dev},

change it to

{:tailwind, git: "https://github.com/phoenixframework/tailwind", runtime: Mix.env() == :dev},

save it
type mix deps.get
type

mix tailwind.install https://people.freebsd.org/~dch/pub/tailwind/v3.3.2/tailwindcss-freebsd-x64

type mix phx.server
done…!

ostap · July 30, 2023, 6:22pm

@ariandanim it seems like the FreeBSD support has been added in v0.1.10?

github.com/phoenixframework/tailwind

Support FreeBSD with bespoke upstream build

phoenixframework:master ← skunkwerks:feature/add-freebsd-amd64

opened 06:48PM - 23 Dec 22 UTC

dch

+8 -0

We can't use upstream tailwind FreeBSD packages, because the vercel/pkg tool tha…t tailwind relies on builds in github actions, which don't support FreeBSD. Thus we build these externally, and need to make a few modifications to accommodate this. - https://github.com/phoenixframework/tailwind/issues/49 - https://github.com/tailwindlabs/tailwindcss/discussions/7826 This is in "Works on my machine" mode presently; we could make further changes from here if interested: - add checksum support via mix config - support arbitrary fetch URLs https://github.com/phoenixframework/tailwind/issues/59 I will generate the build artifacts separately with verifiable checksum shortly, which should improve the trust factor a bit. Using https://builds.sr.ht/ and this manifest: - https://gist.githubusercontent.com/dch/50431afa070772b6668132f739450e69/raw/62dea8184e28d9b0760896b0e77d536c565055b7/build.yml - after about an hour we end up with https://builds.sr.ht/~dch/job/910662 - and [this artefact](https://patchouli.sr.ht/builds.sr.ht/artifacts/~dch/910662/0223ad33fd6373fe/tailwindcss-freebsd-x64) This is now the artefact at https://people.freebsd.org/~dch/pub/tailwind/v3.2.4/tailwindcss-freebsd-x64 at least for the moment. ``` $ curl -#LO https://patchouli.sr.ht/builds.sr.ht/artifacts/~dch/910662/0223ad33fd6373fe/tailwindcss-freebsd-x64 ############################################################################## 100.0% $ l total 4192 -rw-r--r-- 1 dch devel 44M Dec 23 21:15 tailwindcss-freebsd-x64 $ sha256 * SHA256 (tailwindcss-freebsd-x64) = d71d4b4c8bf0e4d4bb590e286c892d3d7209640bac3c8c3cfb11aadc7b897694 $ sha512 * SHA512 (tailwindcss-freebsd-x64) = a5a38f13cf405776f06164af4dbcf8bef9a3d8c256b8d3f90ae6a80ee9a2f0a13931138e86db083e7900664239c844124fc811f2f30ed98e69123905b6136693 ``` Alternative approaches welcomed.

Upd: sorry, looks like it still depends on an external URL and I misunderstood it.