fabricjs / fabricjs.github.io Goto Github PK

https://www.gatsbyjs.com/plugins/gatsby-transformer-documentationjs/
https://typedoc.org/

Hey there;

Would it be possible to enable Sponsors on this repo? I just starting sponsoring the library repo, and I'd like to do the same here as well, unless it's simpler to just double-down on my other sponsorship.

Thanks!

This task would roughly involve cloning of the FabricJs library repo into a directory!

For generating the API documentation, it could have been cloned temporarily during build-time as part of CI workflow but need to check if the same code-base is required at run-time by the customize-build functionality to work!

Also, in the development environment, we might work with only a small subset of data from the cloned repo to speed up dev iterations

Setup the build process so that on fabricjs-website.github.io we can see the current status of master built.

We need to have some files to be served statically, eventually in the current path where we are doing it today, so that we do not break current demos and fiddle over the internet.

Hi @asturur , am receiving the following error when I navigate the demos using the previous and next post links (which are at the bottom of each demo page)

Implement content types as plugins!
It'd help keep the associated content transform (frontmatter properties etc) distinct!

For eg' Docs content frontmatter could have properties portraying info about sub-level / nested docs while that of Demo content could be simpler

Setup the pages (and structure) for guide docs.

Based off the current website write out content for each of the demo pages.
Directories for the demo pages are under src/pages/demos directory and one can even refer some content which is already there 🤗 before writing out another demo page

In the markdown, include the title, description and the thumbnail as front-matter

Use ESLint in Gatsby to enforce standards

https://www.gatsbyjs.com/plugins/gatsby-plugin-sitemap/
https://www.gatsbyjs.com/plugins/gatsby-plugin-google-analytics/

Setting up Jest with Gatsby guide covers the basic implementation

https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/

https://fabricjs.github.io/demo/custom-controls/ contains old wrong prototype mutation

  fabric.Object.prototype.transparentCorners = false;
  fabric.Object.prototype.cornerColor = 'blue';
  fabric.Object.prototype.cornerStyle = 'circle';

Transition from using MD to using MDX for content articles 😊

Those one

(forgot the name)

Right now the MD content lives within the src/pages directory which is by default used by Gatsby to house page files!

Moving the MD content files into a separate directory (src/content) will help segregate content for dynamically creating pages and statically created pages!

This would also work well if in case we decide to migrate to using MDX 😊

Upload basic Gatsby setup with a package.json file that allow for:

npm install
npm build

And that generates whatever simple page the basic Gatsby comes bundled with.

Having files in the repo will make easier for me to start do things too.

Setup basic fields in project.json like project name and version, author.

Alternatively, if you already have something that is more than the basic setup, make an initial commit with what you have.

Do we need a footer?
Do we have a couple of links to add there with some disclaimer or not enough to justify a footer?

This task would mainly involve putting in place a basic structure for the 🏠 home page which cud progressively be populated with actual content ✏️

This task would cover the design and subsequent component development of the visual aspects for the website to better reflect FarbicJS product while also carving a unique visual language and associativity for the same 😎🎨

Setup a basic directory structure adhering to the intended information-architecture as per Gatsby requirements.

Information segmentation

We should improve contrast a bit, the text seems to me blurry and low contrast.

I need textbox and Itext kerning for select text in fabric js,
if I use style like {0:{0:{characterspacing : 2},1:{characterspacing : 2},2:{characterspacing : 2},2:{characterspacing : 2}}} not working

var canvas = new fabric.Canvas('canvas');

// Creating a text object
var text = new fabric.IText('Hello, world!', {
left: 100,
top: 100,
fontFamily: 'Arial',
fontSize: 20,
selectable: true // enabling text selection
});

canvas.add(text);

Implement the PrismJS plugin in Gatsby

Need to set up a access token as documented on Gatsby guide for gh-pages node package to be able to deploy to fabricjs.github.io repo

@asturur ,would you please kindly set this up 😇

Needs to solve this thing here.
There must be a way to exclude it.

Create a component that let us:

Display the add
Display the reminder if the ad is blocked

The ad should find a place in the top right corner, possibly in all pages.