{"id":21703574,"url":"https://github.com/codemonument/deno_fresh_openprops","last_synced_at":"2026-04-16T12:03:02.097Z","repository":{"id":106378965,"uuid":"608431178","full_name":"codemonument/deno_fresh_openprops","owner":"codemonument","description":"A Deno library by @codemonument to help integrating openprops with Deno's web framework 'fresh'.","archived":false,"fork":false,"pushed_at":"2023-09-21T20:46:53.000Z","size":793,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T07:33:40.998Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fresh-openprops.deno.dev/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codemonument.png","metadata":{"files":{"readme":"Readme.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-03-02T02:02:08.000Z","updated_at":"2023-09-21T20:45:01.000Z","dependencies_parsed_at":"2023-09-22T05:36:35.058Z","dependency_job_id":null,"html_url":"https://github.com/codemonument/deno_fresh_openprops","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":"codemonument/deno_module_template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemonument%2Fdeno_fresh_openprops","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemonument%2Fdeno_fresh_openprops/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemonument%2Fdeno_fresh_openprops/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemonument%2Fdeno_fresh_openprops/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codemonument","download_url":"https://codeload.github.com/codemonument/deno_fresh_openprops/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244656444,"owners_count":20488638,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-25T21:33:38.686Z","updated_at":"2026-04-16T12:02:57.075Z","avatar_url":"https://github.com/codemonument.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Readme\n\n![](./assets/banner.png)\n\nA Deno library by @codemonument to help integrating openprops with Deno's web\nframework 'fresh'.\n\n## Links\n\n[GitHub](https://github.com/codemonument/deno_fresh_openprops) |\n[Deno.Land/x](https://deno.land/x/fresh_openprops) |\n[Example Deployment](https://fresh-openprops.deno.dev/)\n\n## Usage\n\n1. Create a folder called `css` on the top level of your repo, for all your css\n   files which should have openprops available\n2. Download the necessary openprops css files via\n   `https://deno.land/x/fresh_openprops/download-openprops-cli.ts`\n   1. The latest version will be downloaded by default. For a special version,\n      pass it as the first argument, for example 1.5.8\n   2. Optional: You can adjust the output folder for this script via the\n      `--outPath` option\n   3. This will create the folder `css_deps/open-props` (if you did not use the\n      --outPath option)\n3. Import the plugin via\n\n   ```ts\n   // In main.ts\n   import { FreshOpenProps } from \"https://deno.land/x/fresh_openprops\";\n\n   await start(manifest, {\n     plugins: [\n       await FreshOpenProps({\n         // OPTIONAL, default false\n         isProd: false,\n\n         // OPTIONAL, default true: When doPrefillCssCache is true, the plugin will crawl the cssInputPath and process and cache all css files it can find.\n         doPrefillCssCache: true,\n\n         // OPTIONAL, default 'css: Where to find your input css files which use the openprop variables\n         // If you named your top-level folder something else than '/css' or placed it somewhere different, adjust here!\n         cssInputPath: \"example/css\",\n\n         // OPTIONAL, default 'css_deps': The folder where your source openprops css files are located (probably downloaded via download-openprops-cli)\n         // If you used the `--outPath` option when downloading openprops, pass it here!\n         postcssModuleDirs: [\"example/css_deps\"],\n       }),\n     ],\n   });\n   ```\n\n4. Use the new route from the plugin in any of your pages (for example in\n   index.tsx):\n   ```tsx\n   \u003cHead\u003e\n     \u003ctitle\u003eOpenProps in Deno Fresh\u003c/title\u003e\n     \u003clink rel=\"stylesheet\" href=\"/postcss/global.css\" /\u003e\n   \u003c/Head\u003e;\n   ```\n   Note: The path after `/postcss/` will directly map into your `css/` directory\n   when configured with standard values as described above\n\n## Any Issues?\n\nPlease report all of your issues at GitHub here:\nhttps://github.com/codemonument/deno_fresh_openprops/issues\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodemonument%2Fdeno_fresh_openprops","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodemonument%2Fdeno_fresh_openprops","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodemonument%2Fdeno_fresh_openprops/lists"}