coderplanets / coderplanets_web Goto Github PK

digest 字段目前只提取了文字信息，如果只是图片会报错。

解决思路： 如果只有图片，则伪装提取成 [图片] [图片] 等。。

SEO is important for forum-like site, need better SEO for all pages.

related repo
https://github.com/garmeeh/next-seo

在 Python 节点，选择“闲聊”话题，发布帖子，编辑，预览，发布，报错：

据不少用户反映， 在宽屏显示器下文章的浏览组件从右侧滑出会增加颈椎病风险，看起来很不舒服。现在初步考虑以下折中办法：

1. 笔记本 15 寸以下保持默认风格不变。
2. 中等大小尺寸的屏幕参考 https://feedly.com 的响应式设计
3. 宽屏则以 模态框的形式屏幕正**弹出

期待各位朋友的意见反馈.

The dependency react-resize-detector was updated from 3.1.2 to 3.1.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-resize-detector is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

The dependency draft-js-mention-plugin was updated from 3.1.2 to 3.1.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

draft-js-mention-plugin is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

refs:

https://www.styled-components.com/docs/advanced#media-templates
https://jsramblings.com/2018/02/04/styled-components-media-queries.html
https://github.com/morajabi/styled-media-query

warning in console:
[React Intl] Missing locale data for locale: "zh". Using default locale: "en" as fallback.

currently all stores is placed in stores dir:

stores/
├── AccountEditorStore
│   ├── index.js
│   └── test
│       └── index.test.js
├── AccountStore
│   ├── index.js
│   └── test
│       └── index.test.js
├── AccountViewerStore
│   ├── index.js
│   └── test
│       └── index.test.js
.......

i am think move each store to it's own container, so the container dir looks like:

containers/Banner/
├── ActivitiesRootBanner.js
├── CheatsheetRootBanner.js
├── CommunityBanner.js
├── index.js
├── lang.js
├── logic.js
├── schema.js
├── store.js
├── styles
│   ├── activities_root_banner.js
│   ├── cheatsheet_root_banner.js
│   ├── community_banner.js
│   └── index.js
└── tests
    └── index.test.js
    └── store.test.js

the top stores dir will only contains rootStore, storeIndex and store creator

Pros and Cons

1. container's all functionality now locate in one place
2. switch file inside container style/logic/store ... now make sense

Cons

need refactor the code and boilerplate generator, that's a lot of work..

details

1. rename storeIndex -> index.js
2. rename index.js -> init.js
3. rename all xxx-store in logic -> store

The devDependency @commitlint/cli was updated from 7.1.2 to 7.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@commitlint/cli is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

see some examples

http://joelb.me/blog/2011/code-snippet-accessing-clipboard-images-with-javascript/
https://www.yuxifan.com/2017/09/07/paste-image-by-using-html5-clipboard-api/
https://ourcodeworld.com/articles/read/491/how-to-retrieve-images-from-the-clipboard-with-javascript-in-the-browser

when this.stop$ been called, the takeUtil operator not cancel the ajax request as expected.

see details in source file

    this.mutate$ = this.mutateInput$.pipe(
      debounce(() => timer(300)),
      switchMap(q =>
        mutatePromise(q).pipe(
          timeoutWith(TIMEOUT_THRESHOLD, TimoutObservable),
          takeUntil(this.stop$)
        )
      )
    )

If you do not find your city in the same city section, you are welcome to apply in the comments section below. Any suggestions and feedback about the City section are also welcome in the comments section.

I look forward to your valuable comments.

translate:

如果你在同城版块没有找到你所在的城市，欢迎在下方评论区申请创建。有关同城版块的任何建议与反馈也欢迎在评论区讨论。

期待各位热心朋友的意见。

has no mail alert when mention users in create and reply comment

Version 1.7.0 of babel-plugin-styled-components was just published.

This version is covered by your current version range and after updating it in your project the build failed.

babel-plugin-styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

{
  "plugins": [
    ["babel-plugin-styled-components", { "pure": true }]
  ]
}

Your Greenkeeper Bot 🌴

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.

1. children componentDidMount fired BEFORE parent componentDidMount
2. children componentWillMount fired AFTER parent componentWillMount
3. componentWillMount will be deprecated in future

in complex containers like Typewriter, the order will cause chaos || bugs

see discuss in facebook/react#5737

The dependency apollo-link-error was updated from 1.1.0 to 1.1.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

apollo-link-error is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

您好, 這個框架使用的是 react-intl 的多語系套件
請問如何在一開始進入時, 就設定語系呢？

現在看預設都是中文, 必須進入後才切換語系

非常感谢你对 coderplanets 的关注！

在你发现 coderplanets 的任何问题并决定提交 issue 前，请务必遵守开源社区惯例，使用英文提交，以方便不同文化背景的开发者之间的相互交流，

相应的，我的回复也尽量会使用英文，这无关英文水平的好坏和意识形态的差异, 只是出于对世界各地开源贡献者之间的惯例的尊重。如果你实在不知道用英文怎么写，可以先用母语描述出问题，然后借助一些随手可得的工具转换成英文即可，谢谢合作。

但同时，虽然现阶段网站的用户大多数在大陆，但在 coderplanets 上创作的内容、分享等等并不局限于简体中文，世界很大，我们同时欢迎各种语种来源的信息。这也是 coderplanets 在一开始就没有采用国内流行的自带局域网特效的 xxx china / xxx 的拼音等作为域名的原因之一。

感谢你的理解和支持, 祝好。

see next.js issue #4411 #3876 1189

The dependency graphql-tag was updated from 2.9.2 to 2.10.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

graphql-tag is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Hi mastani,

Thanks for include an insight.io link to your README.md, I just want to point out that we have badge you can use to directly include in your md file:

Here are some examples of other repositories using our badge:
https://github.com/kaonashi-tyc/zi2zi
https://github.com/tesseract-ocr/tesseract

ErrorBox handles global NETWORK / TIMEOUT / GRAPHQL error

GRAPHQL has further 3 types of errors:

• changeset error: message -> array[object]
  
• custom error message -> string
  
• GraphQL schema parse error -> array[string]
  

see reference

Version 3.8.2 of react-tooltip was just published.

This version is covered by your current version range and after updating it in your project the build failed.

react-tooltip is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

warning in the console

'React Hot Loader: this component is not accepted by Hot Loader. \n' + 'Please check is it extracted as a top level class, a function or a variable. \n' + 'Click below to reveal the source location: '

current site text-logo looks chaos in different browsers, mainly because the font-family: cursive is not working in all browsers?

chrome on mac

my firefox on mac

someone's firefox on mac

someone's firefox on window

so, a new look-same-in-all-place logo is needed, and because the logo should adopt for all themes(light, dark, ...), the logo must create in SVG format so i can change color by code.

关于团队(或者叫机构、公司等)主入口的设计草图

目前计划在网站主要功能稳定一段时间后开发并推出

一些想法

1. 暂时命名为 "团队"， 个人觉得这个名字比机构、公司什么的更纯粹一些
2. 团队几乎和现有的社区在实现层面上保持一致，也分帖子、招聘、订阅等等版块，按需开通即可。
3. 开通团队需要基本的团队信息认证，且仅限高级用户，以保证高质量。
4. 如果用户订阅某团队，Sidebar 的订阅列表需出现 “团队”的 tab 选项，以便于和订阅的 "社区", "专栏" 等区分开来。
5. 团队的主要成员即等同于社区的编辑概念, 在 UI 上需作出一定的区分。
6. 团队和 "专栏" 的差异主要是团队面向一群人，而专栏一般面向个人。
7. 其他。。

关于团队的想法，期待各位朋友的宝贵意见。

see example : g2 map

details

the world-geo json is too big (95kb gzip), we should tools like custom geo map data to build a custom one (currently the format seems not right), bottom line --- reduce it by manually ...

as for china-cities, see the example

in production, should use pwa to store the json in browser-side, just load city-user-count from server side

args

  var chart = new G2.Chart({
          id: 'c1',
          width: 750,
          height: 500,
          plotCfg: {
            margin: [10, 105],
            border:{
              fill:'rgba(68, 79, 93, 0.9)'
            }
          }
        });
        chart.legend(false);
        chart.coord('map', {
          projection: 'albers',
          // 指定投影方法的基本参数，[λ0, φ0, φ1, φ2] 分别表示**经度、坐标起始纬度、第一标准纬度、第二标准纬度
          basic: [112, 0, 25, 46], 
          max: [16.573, -13.613], // 指定投影后最大的坐标点
          min: [-27.187, -49.739] // 指定投影后最小的坐标点
        });

g2 API

Currently pages/index.js include all the logic, it should be split into multi pages as follows:

• index.js
• community
• comunities
• cheatsheets
• meetups
• account
• user
• post
• job
• meetup
• ...

There have been updates to the babel7 monorepo:

• • The devDependency @babel/plugin-proposal-decorators was updated from 7.1.2 to 7.1.6.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.

babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

need to switch all the static SVGs (filter icon, thread prompt icons, setting icon... etc) to svgr for better SSR support

see tanem/react-svg#183 for more details

The current ErrorBox is presented in the form of Modal. In order to facilitate the developer to debug in advance, the content displayed is relatively raw.

If you have better ideas or suggestions, please leave comments below.

translate

当前 ErrorBox 以 Modal 的形式呈现，为方便开发者前期调试，展现的内容比较原始。
如果你有更好的想法或建议，欢迎在评论区提出。

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.

giving a GraphQL-schema like this:

const createCommunity = gql`
  mutation(
    $title: String!
    $desc: String!
  ) {
    createCommunity(
      title: $title
      desc: $desc
    ) {
      id
    }
  }
`

if you query with required field missing :

{
  title: "title"
}

Apollo-client will not treat this as GraphQL parse error but a Network Error, because Apollo client treat web status > 300 as a Network error.

to work around this, we should currently change our query to:

{
  title: "title"
  desc: "",
}

this will raise GraphQL-Parse-Error as we expect.

related issue

update npm to latest. see uprade npm or this issue

这个同步 Github 按钮貌似无效，抓包也没看到请求

Apollo Client has the ability to cache query in client side:

export const client = new ApolloClient({
  link,
  /* cache: new InMemoryCache(), */
  cache: new InMemoryCache(),
  connectToDevTools: true,
  /* shouldBatch: false, */
  // defaultOptions,
})

the tricky part is to refresh cache when user do some mutate operation, like create post (post list should then be update)。

the official writeQuery solution mentioned in apollo doc is complex and adjectived.

need better solution.

There have been updates to the babel7 monorepo:

• • The devDependency @babel/plugin-proposal-decorators was updated from 7.1.0 to 7.1.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.

babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Architecture feels very good, but no documentation Do not know how to use the characteristics of this framework,
Are you considering adding files?

url

columns should focus on columns-name not author-name
cps/columns/xxx
or
cps/zhuanlan/xxx

details

1. user can add other users articles to his/her own columns
2. columns has many authors, and manager too
3. articles has field says: this article is collected by follow columns: ...
4. articles in columns has an original label

中文设置请参考: https://coderplanets.com/cps-support/post/46

when you want publish repo to some community, you should set your Github Api Token at first time.
once you get the token from your github account, paste it into input box:

then just copy the github repo url to sync the repo:

NOTE: we will not save your token in any form, the token will only stored in your browser side

各位好，目前 coderplanets 仅支持 github 作为第三方登录选项, 最初这么设计的原因是--我主观的认为作为一个面向开发者的论坛，github 提供的授权功能就已经够用(同时足够简单和纯粹), 但随着开发工作的推进，我发现仅提供 github 作为唯一的登录方式已经渐渐跟不上一些常见的需求，比如(但不限于):

• 在某些地区/时段，github 的鉴权请求可能会被社会主义特色价值观阻挡..
• 想发布招聘信息但没有 github 账号，比如人事/猎头朋友..
• 与水平无关，不少开发者并没有 github 账号 ..
• 设计师朋友，确实很少有 github 账号的 ..
• 一些我暂时没想到但又客观存在的场景 ..

所以我初步计划增加以下社交账号作为补充：

期待各位热心朋友的意见:

• 你是否觉得有必要增加其他的第三方登录选项 ?
• 如果有必要，上图中的第三方登录选项是否可以满足你的需求？

有些国内的社交账号集成起来手续相对繁琐一些，可能需要一些时间。

谢谢各位。

Baidu 不是搜索引擎，不解释。

About the design of the same city company

At present, there is only one tab in the same city. I plan to add a company Tab. Some ideas are as follows:

1. The company is displayed as a card and is still presented as a post after clicking.
2. The display content includes company introduction, main business and so on.
3. There can be recruitment information, but only in the form of a recruitment link, because there is a dedicated recruitment section.
4. Brain Hole: You can have a company's anonymous rating/comment/spit system, similar to FB's secret page.
5. Brain Hole: There can be an anonymous salary, similar to GlassDoor.
6. Some other interesting things.

Regarding the design of the same city company, I look forward to your valuable comments.

translate:

关于同城公司的设计

目前同城只有帖子一个Tab, 计划添加一栏公司(Company) 的Tab，一些想法如下:

1. 公司以卡片形式展示，点击后仍然以帖子的方式呈现。
2. 展示内容包括公司介绍，主要业务等。
3. 可以有招聘信息，但是只能以招聘链接的形式，因为有专门的招聘版块。
4. 脑洞：可以有公司的匿名评分/点评/吐槽系统，类似 FB 的 secret page。
5. 脑洞：可以有匿名的工资爆料，类似 GlassDoor。
6. 其他一些有意思的东西。

关于同城公司的设计， 期待各位热心朋友的宝贵意见。

see example

感谢你的关注 ！

如果在社区页里找不到你感兴趣的社区，麻烦在下方给我留言, 我会在第一时间内处理。

请确保你的请求符合以下要求

1. 你在社区页面找不到这个社区或类似主题的社区。
2. 你要创建的社区和IT 行业有一定关系, 包括但不限于: 编程语言/框架、 设计类、教程、工具、AI/区块链, 运维/产品, 科技/前沿 等等。
3. 可以是同城社区，如果你所在城市不在默认的同城社区之中。
4. 可以是这个群体普遍使用/感兴趣的主题，比如 "Github", "UI设计", "每日妹子" 等等。
5. 欢迎补充..

期待各位热心朋友的意见。

use article、footer、header、nav、section .. for better seo

The dependency pubsub-js was updated from 1.6.1 to 1.7.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

pubsub-js is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴