twreporter / keystone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from keystonejs/keystone-classic

5.0 5.0 12.0 143.37 MB

node.js cms and web app framework

Home Page: http://www.keystonejs.com

License: MIT License

JavaScript 60.59% CSS 31.64% HTML 0.01% Less 6.33% Pug 1.43%

keystone's People

Contributors

Stargazers

Watchers

Forkers

nickhsine hsunpei skywayoo hcchien mirror-media han3zeng yucj taylrj babygoat duidae aylie-chou liruchen32

keystone's Issues

add npm publish to CI

currently need to $ npm publish manually

automated bump version https://medium.com/swlh/bump-bump-bump-d0dab616e83
automated npm publish https://circleci.com/blog/publishing-npm-packages-using-circleci-2-0/

https://pjchender.dev/devops/devops-publish-npm-2/

react-select predictive search bug

issue:
- react-select不論是single/multiple select的predictive search都有bug
ver:
- 1.0.0-beta14
solution:
- 試試升級到release版?

keystone-classic的升級脈絡: 1.0.0-beta14 -> 1.0.0-rc.1 -> 1.0.0-rc.10 -> 1.2.1

Is this fork functional?

I'm running an old project that's built on Keystone and really don't want to port it all over to the new graphQL stuff. Is this fork working?

My currently deployed app has recently died, due to the MongoDB API changing and no longer working with my ancient app.

ImageDiff Block can not be aligned.

as Title.

upgrade react-article-component in keystone

blank option in multiple select

2022-04-14.4.50.32.mov

issue:
- react-select的multiple select按清除後會殘留一個空白選項(一個空格字元)
cause:
- 應該是為了讓<form> submit時可以在那個欄位推一個空的值出去，用以洗掉原有值的workaround，空白選項會讓<Select>產生<input type="hidden" value=' '>
solution:
- 用sandbox看看v1.0.0在清空時<form>的submit行為是否正確

extra character in article

https://www.twreporter.org/a/kunyu-landfill-site-longsheng-village-people

蛇窿透𧊅窟

keystone editor顯示是對的，但hidden input不對，所以存到db的東西也不對

found issues:

為什麼abbr裡的文字會重複?
為什麼𧊅會造成亂碼?

keystone/fields/types/html/HtmlField.js, valueStr

Spec of API response for article page.

Three Plain Objects in DB

Currently, we will store three JSON objects, Draft EditorState, HTML(transferred from Draft EditorState) and React State(transferred from Draft EditorState) into MongoDB.

Draft EditorState

It is used in Draft editorial tool.

HTML

It is used for RSS feed.

React State

It is the raw data for our revamp article page.
The React State will be an array of Block Level blocks.
Each block will contain these properties:

id: Unique id as key of React component.
type: Block type, could be one of Block Level.
alignment: Be one of left, right, center and expand. Default is center.
content: raw data mixed with inline style html tag.
styles: an array of classname.

Block Level

image
slideshow
imagediff
embedded
header-one
header-two
ordered-list
unordered-list
code
quote
paragraph

Inline Style

bold
underline
Italic
monospace
link

React State Example

[
    {
        "id": "UNIQUE_ID_1",
        "type": "paragraph",
        "alignment": "center",
        "content": ["<p><strong>bold string</strong></p><p></p><p><a href=\"https://www.twreporter.org\">twreporter link</a></p><p></p><div>"],
        "styles": []
    },
    {
      "id": "UNIQUE_ID_2",
      "type": "imagediff",
      "alignment": "center",
      "content": [{
        "mobile": {
            "id": "IMAGE_UNIQUE_ID_1",
            "url": "https://storage.googleapis.com/twreporter-article.twreporter.org/galleries/20160407220629-9d9b158d70f8c26962e91dfd0397c131-mobile.png",
            "description": "this is description",
            "width": 800,
            "height": 298
        },
        "tablet": {
            "id": "IMAGE_UNIQUE_ID_1",
            "url": "https://storage.googleapis.com/twreporter-article.twreporter.org/galleries/20160407220629-9d9b158d70f8c26962e91dfd0397c131-tablet.png",
            "description": "this is description",
            "width": 940,
            "height": 350
        },
        "desktop": {
            "id": "IMAGE_UNIQUE_ID_1",
            "url": "https://storage.googleapis.com/twreporter-article.twreporter.org/galleries/20160407220629-9d9b158d70f8c26962e91dfd0397c131-desktop.png",
            "description": "this is description",
            "width": 940,
            "height": 350
        }
      }, {
        "mobile": {
            "id": "IMAGE_UNIQUE_ID_2",
            "url": "https://storage.googleapis.com/twreporter-article.twreporter.org/galleries/20160407222313-5cb894ddf341227fead780401943256b-mobile.jpg",
            "description": "this is description",
            "width": 2000,
            "height": 1500
        },
        "tablet": {
            "id": "IMAGE_UNIQUE_ID_2",
            "url": "https://storage.googleapis.com/twreporter-article.twreporter.org/galleries/20160407222313-5cb894ddf341227fead780401943256b-tablet.jpg",
            "description": "this is description",
            "width": 1200,
            "height": 900
        },
        "desktop": {
            "id": "IMAGE_UNIQUE_ID_2",
            "url": "https://storage.googleapis.com/twreporter-article.twreporter.org/galleries/20160407222313-5cb894ddf341227fead780401943256b-desktop.jpg",
            "description": "this is description",
            "width": 800,
            "height": 600
        }
      }],
      "styles": []
  }
]

make 2FA option editable

can not click 2FA option in user panel

Bulk upload

The photographer want to be able to bluk upload.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.