mcnerdius / tailblazor-templates Goto Github PK
View Code? Open in Web Editor NEW.NET project templates for Blazor+Tailwind 3
Home Page: https://templates.tailblazor.dev
License: BSD Zero Clause License
.NET project templates for Blazor+Tailwind 3
Home Page: https://templates.tailblazor.dev
License: BSD Zero Clause License
and get to the bottom of #5 :D
Trying to follow along with the steps, and probably got something wrong along the way.
Running "npm run build" throws the following error:
> [email protected] build
> npx tailwindcss --config tailwind.config.js --postcss postcss.config.js -i site.css -o ./wwwroot/site.min.css
C:\Users\User\source\repos\CarpeDatumPortal\CarpeDatumPortal\Client\node_modules\postcss-import\lib\resolve-id.js:35
throw new Error(
^
Error: Failed to find './obj/scopedcss/bundle/site.styles.css'
in [
C:\Users\User\source\repos\CarpeDatumPortal\CarpeDatumPortal\Client
]
at C:\Users\User\source\repos\CarpeDatumPortal\CarpeDatumPortal\Client\node_modules\postcss-import\lib\resolve-id.js:35:13
at async LazyResult.runAsync (C:\Users\User\source\repos\CarpeDatumPortal\CarpeDatumPortal\Client\node_modules\tailwindcss\peers\index.js:5153:15)
Node.js v17.3.0
Pointers appreciated :)
seems like the only functional difference will be taking advantage of the new progress properties.
don't merge until november !
tailblazor.dev
issue 129 a new more descriptive name.Informative text in Index.razor
gets mangled otherwise: "What is TailBlazor?" becomes "What is Project1?" sort of thing.
prior repo was using GH Packages, shouldn't be too far off
it won't be a 'runnable template' anymore but much simpler to maintain.
.vscode
folder and watch.ps1
scripts.
tailblazor.dev
issue 129 a common, more descriptive name.settings.json
are up to date: things like explorer.fileNesting
, terminal.integrated.autoReplies
, etc.just make it a (complete) "what's in the box" & link to tailblazor.dev
The regex seems to work for every flavour except ECMAScript (which unfortunately VSCode uses), where in the example you can see that it no longer assigns groupings compared to the other flavours.
The regex is divided into two parts by the | character which means Alternate match. The part before | catches the Windows filepath and the latter part captures macOS/Linux. Using either of those parts on their own allows VSCode to correctly report the problem in the Problems pane with a link to the source code file, line and character - this can be tested by throwing some garbage characters into app.css
Short term solution could be to use the platform conditional in the template installation and insert the platform specific string, but it definitely isn't the right solution.
There is a second area to investigate which is how to reference the groups from the tasks.json file - but it seems to be a basic int reference.
tasks,json snippet so far:
{
"label": "build & start tailwind jit/watch",
"type": "shell",
"command": "dotnet build -property TailwindBuild=false && npm run watch",
"isBackground": true,
"problemMatcher": {
"owner": "external",
"fileLocation": "absolute",
"pattern": {
"regexp": "([A-Z]:[^:]*):(\\d+):(\\d+):(.*)|(\\/[^:]*):(\\d+):(\\d+):(.*)",
"file": 1,
"line": 2,
"column": 3,
"message": 4
},
"background": {
"activeOnStart": true,
"beginsPattern": "Rebuilding\\.\\.\\.$",
"endsPattern": "Done in \\d+ms\\.$"
}
},
This is work in progress, but just wanted to capture the actual regex in an issue in case others may have some ideas on how to make it work properly cross platform.
ok so this repo is meant to be runnable dotnet templates, not visual studio templates, but if little noise is added to the "runnable" aspect to improve things, no problem. This won't happen.
Find a solution or switch from somewhat arbitrary awesomeface to something that isn't ugly when inverted.
They "just worked" ... with a couple caveats so i didn't want to include them in the nuget package.
.vscode
folder. Referencewatch.ps1
scripts while i'm at it.I was integrating a TailBlazor WASM template into my application. Noticed hot reload wasnt working when I launch it from a .Net Core hosted project that also contains the REST API. Only when I run the individual TailBlazor project does hot reload work.
(MAUI TBD)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.