dailydotdev / docs Goto Github PK
View Code? Open in Web Editor NEWThe official product docs of daily.dev
Home Page: https://docs.daily.dev
License: GNU Affero General Public License v3.0
The official product docs of daily.dev
Home Page: https://docs.daily.dev
License: GNU Affero General Public License v3.0
I know it is not mandatory but it would be good if we add two sections of Thanks to all Contributors and Support.
The homepage keeps crashing when trying to deploy or run from localhost for inspection.
There's an error with hooks been improperly used or an old version of react.
Expected to show homepage or viewpage
1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See the error
No response
No response
windows 10
No response
No response
No response
Uncaught runtime errors:
×
ERROR
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
at resolveDispatcher (webpack-internal:///./node_modules/react/cjs/react.development.js?1b7e1:1476:13)
at useEffect (webpack-internal:///./node_modules/react/cjs/react.development.js?1b7e1:1519:20)
at useKeyboardNavigation (webpack-internal:///./node_modules/@docusaurus/theme-common/lib/hooks/useKeyboardNavigation.js:22:85)
at Layout (webpack-internal:///./node_modules/@docusaurus/theme-classic/lib/theme/Layout/index.js:25:115)
at renderWithHooks (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:14985:18)
at mountIndeterminateComponent (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:17811:13)
at beginWork (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:19049:16)
at HTMLUnknownElement.callCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:3945:14)
at Object.invokeGuardedCallbackDev (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:3994:16)
at invokeGuardedCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:4056:31)
ERROR
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
at resolveDispatcher (webpack-internal:///./node_modules/react/cjs/react.development.js?1b7e1:1476:13)
at useEffect (webpack-internal:///./node_modules/react/cjs/react.development.js?1b7e1:1519:20)
at useKeyboardNavigation (webpack-internal:///./node_modules/@docusaurus/theme-common/lib/hooks/useKeyboardNavigation.js:22:85)
at Layout (webpack-internal:///./node_modules/@docusaurus/theme-classic/lib/theme/Layout/index.js:25:115)
at renderWithHooks (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:14985:18)
at mountIndeterminateComponent (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:17811:13)
at beginWork (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:19049:16)
at HTMLUnknownElement.callCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:3945:14)
at Object.invokeGuardedCallbackDev (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:3994:16)
at invokeGuardedCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js?ac890:4056:31)
The footer links at the bottom of the pages are red, not sure if it's in line with the daily.dev branding.
Page used as example:
https://docs.daily.dev/docs/how-does-daily-dev-work/reputation
Issue template ideas
https://github.com/EddieHubCommunity/LinkFree/tree/main/.github/ISSUE_TEMPLATE
https://docs.daily.dev/docs/key-features/default-feeds#popular-feed
The very first statement under this small heading,
Most popular articles a listed first.
should be Most popular articles are listed first.
I think.
And then the thrid bullet point right after that,
The freshness of the article (e.g., when as it published)
should be The freshness of the article (e.g., when it was published)
or to correct the typo, The freshness of the article (e.g., when was it published?)
(So sorry in advance for the (many) issues I'm raising when they could just be PRs 😂 Maybe these could be tagged as good first issues
since they are fairly easy to handle, and could be good for people contributing for the very first time 👍 .)
I guess it would be great if we add CONTRIBUTING.md & CODE_OF_CONDUCT.md in this Project for first-timers as they will look after this two in this project. I know there is already CONTRIBUTING.md & CODE_OF_CONDUCT.md in .github this repository.
https://docs.daily.dev/docs/settingyourfeed/filtering-content-feed#choose-tags
a) Point 3 talks about searching tags. A phrase there reads Didn't find the tag you were looking for, use the search to find...
b) The info
quote card just after point 3 mentioned above has text along the lines of Wondering how does daily.dev classify articles? Learn more about...
for a) After Didn't find the tag you were looking for
I think there should be a question mark before continuing with use the search to find...
That way, the phrase can read as Didn't find the tag you were looking for? Use the search to find...
for b) Suggesting that the aforementioned be rephrased to Wondering how daily.dev classifies articles? Learn more about...
In the progressive web app section, (here specifically https://docs.daily.dev/docs/getting-started/pwa#how-can-i-add-dailydev-to-my-mobile-home-screen-on-ios) there are two following phrases.
For iOS users, you can add a website icon to your iPhone Home Screen!
You can add a website icon to your iPhone Home Screen for quick access to that site.
They both almost read the same, and I think merging the two would sort of make it read better. Something along the lines of,
For iOS users, you can add a website icon to your iPhone Home screen for quick access to that site.
FIX LINKS: The links seem to broken. I keep getting "404 Error" when I tried navigating through them.
Within content-guidelines it states "❌ It is a personal blog (global thought-leaders excluded)."
Does this mean that every blog written by yourself will be rejected, or is a personal blog more narrow in its definition?
Scenario 1: I write a blog about my thoughts about ChatGPT (I am NOT a global thought-leader), this will be rejected
Scenario 2: I write a blog about how to use ChatGPT for writing python code, is this a personal blog?
Scenario 3: I scout a blog of someone's (I do not know) thoughts about ChatGPT, will this be a personal blog?
Summary questions:
I there a scenario where I can share a blog/article I wrote myself on daily.dev?
Are all opinion pieces of none global thought-leaders automatically rejected?
No response
No response
Add the PNPM command explicitly in README.md to tell people who use PNPM that this repository is PNPM-friendly and easier for them to copy-paste the code.
No response
No response
On the docs website, when dark mode is turned on, all the links have a gray color with a black background. This makes for a bad contrast between the text and it is bad for accessibility for people with low vision.
I checked it on the dev tools and here's what I got:
The contrast fails on both the recommended WCAG levels: AA and AAA. The contrast ratio is significantly low at 3.9.
The minimum acceptable ratio comes as 5.72:
And to pass both the levels we need it to be around 7.11:
I tried to dig into the codebase to change the color code myself but it seems that it uses the default prism-react-renderer
theme as described in the docusaurus.config.js file:
const darkCodeTheme = require('prism-react-renderer/themes/dracula');
I don't know how to change it then because I guess the color: hsl(1deg 1% 63%);
property is coming from that package only.
Please fix it so that the accessibility improves and it's better to read.
With a PR or issue template, it's easier for contributors to provide structured issues and pull requests. That way, we know what they are fixing, where they are fixing it, screenshots and all the like.
In settings, whenever I try to change the filter from "Last Year" to any other year, it crashes.
I would like to help in fixing the issue.
Just let me know about the steps to follow.
I want to improve the docs website by making the YT videos played by the users on the same page without leaving the page.
Name | About | Labels | Assignees |
---|---|---|---|
🐛 Bug | Report an issue to help improve the project. | 🛠 goal: fix |
Description A brief description of the question or issue, also include what you tried and what didn't work <textarea class="issue-form-textarea form-control js-structured-issue-textarea-expander js-session-resumable" required="required" disabled="disabled" aria-describedby="description-description" data-test-selector="issue-form-textarea-element" name="issue_form[description]" id="issue_form_description" style="box-sizing: border-box; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 14px; line-height: 1.5; font-family: inherit; margin: 0px 5px 0px 0px; overflow: auto; padding: 8px 12px; color: var(--color-primer-fg-disabled); vertical-align: middle; background-color: var(--color-canvas-inset); background-repeat: no-repeat; background-position: right 8px center; border-color: var(--color-border-default); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 6px; box-shadow: var(--color-primer-shadow-inset); transition: color 80ms cubic-bezier(0.33, 1, 0.68, 1) 0s, background-color, box-shadow, border-color; height: 200px; min-height: 200px; -webkit-text-fill-color: var(--color-primer-fg-disabled); opacity: 1; width: 1134px; max-width: 100%;"></textarea> Screenshots Please add screenshots if applicable <textarea class="issue-form-textarea form-control js-structured-issue-textarea-expander js-session-resumable" disabled="disabled" aria-describedby="description-screenshots" data-test-selector="issue-form-textarea-element" name="issue_form[screenshots]" id="issue_form_screenshots" style="box-sizing: border-box; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 14px; line-height: 1.5; font-family: inherit; margin: 0px 5px 0px 0px; overflow: auto; padding: 8px 12px; color: var(--color-primer-fg-disabled); vertical-align: middle; background-color: var(--color-canvas-inset); background-repeat: no-repeat; background-position: right 8px center; border-color: var(--color-border-default); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 6px; box-shadow: var(--color-primer-shadow-inset); transition: color 80ms cubic-bezier(0.33, 1, 0.68, 1) 0s, background-color, box-shadow, border-color; height: 200px; min-height: 200px; -webkit-text-fill-color: var(--color-primer-fg-disabled); opacity: 1; width: 1134px; max-width: 100%;"></textarea> Additional information Is there anything else we should know about this bug? |
Right over here, https://docs.daily.dev/docs/getting-started/browser-extension-installation#enabling-chromes-most-visited-sites-and-custom-shortcuts
Just below the first screenshot, you have, Once you clicked, you will see the following options
. Suggesting that the word clicked
be changed to click
or that the phrase be changed to Once you've clicked, you will see the following options
Improve the cards by adding box-shadows to them
No response
No response
i'm 1st timer learning to contrinbute
Assign this issue to me
I think it will be useful to run the build
command on every change to check the project still works
Example GitHub for the pull request .github/workflows/build.yml
name: Build
on:
push:
pull_request:
jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v2
with:
node-version: '16'
- name: install dependencies
run: npm ci
- name: run build
run: npm run build
Right over here, https://docs.daily.dev/docs/getting-started/browser-extension-installation#enabling-chromes-most-visited-sites-and-custom-shortcuts
Just below the first screenshot, you have, Once you clicked, you will see the following options
. Suggesting that the word clicked
be changed to click
or that the phrase be changed to Once you've clicked, you will see the following options
The current footer need to be updated as it's very plain and simple
If mentainer found this issue relevant then they may provide me the relevant design i would love to work on it
Daily.dev extension isn't available on the safari platform, I am requesting a Feature request for a safari extension. An Unofficial Free Extension will also work.
No response
No response
In key feature block there is a star , but to change the color from black to yellow it would look great.
No response
No response
The banner image doesn't have an alt so it is affecting the SEO and acccessibility.
https://docs.daily.dev/docs/settingyourfeed/advanced-filtering-options#available-content-categories
On the table, in the second column, under the description of Non-editorial content
, it says "Show user-generated posts that we're created on external blogging platforms"
The word we're should be changed to were to fit the context, so that phrase reads as "Show user-generated posts that were created on external blogging platforms"
https://docs.daily.dev/docs/settingyourfeed/blocking-tags-sources#how-does-blocking-works
Heading reads as How does blocking works?
The s
at the end can be gotten rid of. This way the topic becomes How does blocking work?
, which sounds a lot better.
Is it deployed?
Run the build command on a github action
Automate the Algolia Crawler
https://www.algolia.com/doc/tools/crawler/apis/configuration/schedule/
No response
No response
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.