useflyyer / create-flyyer-app Goto Github PK
View Code? Open in Web Editor NEWScaffold everything you need to create a https://flyyer.io template | Generate social media images and og:image
Home Page: https://flyyer.io
Scaffold everything you need to create a https://flyyer.io template | Generate social media images and og:image
Home Page: https://flyyer.io
There is an error with xo
when running yarn format
.
Error: Failed to load config "xo-typescript" to extend from.
Referenced from: BaseConfig
at configInvalidError ...
A workaround is manually installing the missing dependency ๐
yarn add --dev eslint-config-xo-typescript
Open thread to discuss the best default tailwind.config.js
for flayyer projects.
If you have this error with Tailwind csss:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/postcss
npm ERR! dev postcss@"^7" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer postcss@"^8.0.0" from @fullhuman/[email protected]
npm ERR! node_modules/@fullhuman/postcss-purgecss
npm ERR! dev @fullhuman/postcss-purgecss@"^4.0.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/lopezjurip/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/redacted/.npm/_logs/2021-07-16T17_20_25_893Z-debug.log
A possible solution is removing the explicit postcss
dependency in your package.json
- "postcss": "^7",
Then run npm install
Purging is not working. We should try to use https://www.npmjs.com/package/@fullhuman/postcss-purgecss to see if that works.
Here is the output when building a deck with created with the react-typescript-tailwind
template.
โจ Built in 3.28s.
.flayyer-dist/flayyer-main.ce7127e9.css โ ๏ธ 3 MB 22ms
.flayyer-dist/flayyer-main.a5590a07.js 290.53 KB 456ms
.flayyer-dist/background.bad75c3f.jpg 63.68 KB 17ms
.flayyer-dist/logo.c1e61a7b.svg 1.91 KB 17ms
.flayyer-dist/main.html 271 B 2.73s
๐ flayyer project successfully built!
Note the 3MB for css.
I have extended my tailwind.config.js
like this:
module.exports = {
purge: {
enabled: process.env.NODE_ENV === "production",
content: [
"./templates/**/*.ts",
"./templates/**/*.tsx",
"./templates/**/*.js",
"./templates/**/*.jsx",
"./components/**/*.ts",
"./components/**/*.tsx",
"./components/**/*.js",
"./components/**/*.jsx",
"./styles/**/*.css",
"./styles/**/*.scss",
"./styles/**/*.sass",
"./styles/**/*.less",
],
},
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
colors: {
secondary: "#071d49",
},
},
},
variants: {
extend: {},
},
plugins: [],
};
And if i hover in the class, is detected by Tailwind CSS Intellisense in a correct way
The problem is that is not being rendered in the browser
All the rest of the default classes works, but if i add a custom class it's like doesn't compile
Something changes are not immediately reflected, this may be caused by Parcel V1 (which is being deprecated). If you have this issue please:
$ flyyer start
).flyyer-*
directories: rm -rf .flyyer-*
$ flyyer start
We are planing to move to Vite or Parcel V2 in the next major release
EDIT:
PR in process: Use the next
version: useflyyer/flyyer-cli#17
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.