53 |
54 | selectTab(tabs[v])}>
55 |
56 |
57 |
58 |
59 |
60 | {stories && (tab === 'shared' ?
61 | stories.map(({ username, drafts }) => (
62 |
63 |
64 |
65 | {username} drafts
66 |
67 |
68 | {renderStories(drafts)}
69 |
70 | ))
71 | : renderStories(stories)
72 | )}
73 |
74 | )
75 | }
76 | )
--------------------------------------------------------------------------------
/src/utils/array-extensions.js:
--------------------------------------------------------------------------------
1 | import _ from 'lodash'
2 |
3 | /*eslint no-extend-native: */
4 | const extensions = [
5 | [
6 | 'last_',
7 | function() {
8 | return this.length > 0 ? this[this.length - 1] : undefined
9 | }
10 | ],
11 | [
12 | 'take_',
13 | function(property) {
14 | return this.map(el => el[property])
15 | }
16 | ],
17 | [
18 | 'some_',
19 | function(method, ...args) {
20 | return this.some(el => el[method](...args))
21 | }
22 | ],
23 | [
24 | 'every_',
25 | function(method, ...args) {
26 | return this.every(el => el[method](...args))
27 | }
28 | ],
29 | [
30 | 'map_',
31 | function(method, ...args) {
32 | return this.map(el => el[method](...args))
33 | }
34 | ],
35 | [
36 | 'find_',
37 | function(method, ...args) {
38 | return this.find(el => el[method](...args))
39 | }
40 | ],
41 | [
42 | 'without_',
43 | function(...args) {
44 | return this.reduce(
45 | (acc, el) => (args.includes(el) ? acc : [...acc, el]),
46 | []
47 | )
48 | }
49 | ],
50 | [
51 | 'flatten_',
52 | function() {
53 | return this.reduce((acc, el) => [...acc, ...el], [])
54 | }
55 | ],
56 | [
57 | 'sum_',
58 | function() {
59 | return this.reduce((acc, el) => acc + el, 0)
60 | }
61 | ],
62 | [
63 | 'empty_',
64 | function() {
65 | return this.length === 0
66 | }
67 | ],
68 | [
69 | 'withoutLast_',
70 | function() {
71 | return this.slice(0, this.length - 1)
72 | }
73 | ],
74 | [
75 | 'previous_',
76 | function(item) {
77 | if (this.length < 2) return
78 |
79 | const index = this.indexOf(item)
80 | if (index < 0) return
81 |
82 | return index === 0 ? this.last_() : this[index - 1]
83 | }
84 | ],
85 | [
86 | 'next_',
87 | function(item) {
88 | if (this.length < 2) return
89 |
90 | const index = this.indexOf(item)
91 | if (index < 0) return
92 |
93 | return index === this.length - 1 ? this[0] : this[index + 1]
94 | }
95 | ],
96 | [
97 | 'sameAs_',
98 | function(other) {
99 | return _.isEqual(this.sort(), other.sort())
100 | }
101 | ],
102 | [
103 | 'pushIf_',
104 | function(condition, item) {
105 | return condition ? [...this, item] : this
106 | }
107 | ],
108 | [
109 | 'orderBy_',
110 | function(prop) {
111 | return _.orderBy(this, [prop], ['ask'])
112 | }
113 | ],
114 | [
115 | 'uniq_',
116 | function() {
117 | return _.uniq(this)
118 | }
119 | ],
120 | [
121 | 'reverse_',
122 | function() {
123 | return this.reduce((acc, item) => [item, ...acc], [])
124 | }
125 | ],
126 | [
127 | 'withoutOnce_',
128 | function(element) {
129 | const index = this.indexOf(element)
130 | return [...this.slice(0, index), ...this.slice(index + 1)]
131 | }
132 | ],
133 | [
134 | 'replace_',
135 | function(oldElement, newElement) {
136 | return this.map(
137 | element => (element === oldElement ? newElement : element)
138 | )
139 | }
140 | ],
141 | [
142 | 'replaceAtIndex_',
143 | function(index, element) {
144 | return [...this.slice(0, index), element, ...this.slice(index + 1)]
145 | }
146 | ],
147 | [
148 | 'removeAtIndex_',
149 | function(index) {
150 | return [...this.slice(0, index), ...this.slice(index + 1)]
151 | }
152 | ],
153 | [
154 | 'withoutUndef_',
155 | function() {
156 | return this.filter(el => el !== undefined)
157 | }
158 | ],
159 | [
160 | 'sameAs_',
161 | function(other) {
162 | return _.isEqual(this.sort(), other.sort())
163 | }
164 | ],
165 | [
166 | 'allTrue_',
167 | function() {
168 | return this.every(v => v)
169 | }
170 | ]
171 | ]
172 | for (const [name, func] of extensions) {
173 | Array.prototype[name] = func
174 | }
175 |
176 | export default {}
177 |
--------------------------------------------------------------------------------
/src/sagas/generic.js:
--------------------------------------------------------------------------------
1 | import { select, put, call, take, spawn } from 'redux-saga/effects'
2 | import { delay, eventChannel } from 'redux-saga';
3 |
4 | import { TICK } from '../constants/generic'
5 | import { tick as tickAction, toggleSnackbar } from '../actions/generic';
6 | import { SAVE_PERIOD } from '../constants/editor';
7 | import { save, clear as clearEditor, updateStory } from '../actions/editor';
8 | import { clear as clearYourStories } from '../actions/your-stories'
9 | import { receiveStory } from '../actions/story'
10 | import { receiveStories } from '../actions/stories'
11 | import { selectTab } from '../actions/your-stories';
12 | import { callWith401Handle } from './api'
13 | import { get } from '../utils/api'
14 | import { STORY_DETAIL, STORIES } from '../constants/api';
15 | import { removeStateReceivedFrom } from '../actions/cache';
16 | import * as signalR from '@aspnet/signalr'
17 |
18 |
19 | const enters = {
20 | yourStories: function*(state) {
21 | yield put(selectTab(state.yourStories.tab))
22 | },
23 | story: function*(state) {
24 | const storyId = state.navigation.storyId
25 | const story = yield callWith401Handle(get, STORY_DETAIL(storyId))
26 | yield put(receiveStory(story))
27 | },
28 | stories: function*(state) {
29 | const { stories } = yield callWith401Handle(get, STORIES)
30 | yield put(receiveStories(stories))
31 | }
32 | }
33 |
34 | export function* enterPage() {
35 | const state = yield select()
36 | const pageName = state.navigation.page
37 | const entersFunc = enters[pageName]
38 | if (entersFunc) yield entersFunc(state)
39 | }
40 |
41 | function* listenNotifications() {
42 | const connection = new signalR.HubConnectionBuilder()
43 | .withUrl("http://localhost:5000/notifications", { accessTokenFactory: () => localStorage.token })
44 | .build()
45 |
46 | let attempt = 0
47 | let connected = false
48 | while(attempt < 10 && !connected) {
49 | attempt++
50 | connected = true
51 | try {
52 | yield call(() => connection.start())
53 | console.info('SignalR: successfully connected')
54 | } catch(err) {
55 | console.info(`SignalR: attempt ${attempt}: failed to connect`)
56 | yield call(delay, 1000)
57 | connected = false
58 | }
59 | }
60 |
61 | if (connected) {
62 | const getEventChannel = connection => eventChannel(emit => {
63 | const handler = data => { emit(data) }
64 | connection.on('notification', handler)
65 | return () => { connection.off() }
66 | })
67 |
68 | const channel = yield call(getEventChannel, connection)
69 | while(true) {
70 | const { notificationType, payload } = yield take(channel)
71 | if (['LIKE', 'UNLIKE'].includes(notificationType)) {
72 | const message = `${payload.username} ${notificationType.toLowerCase()}d "${payload.storyTitle}"`
73 | yield put(toggleSnackbar(message))
74 | } else if (notificationType === 'SHARE') {
75 | const message = `${payload.username} invited you to edit his story: "${payload.storyTitle}"`
76 | yield put(toggleSnackbar(message))
77 | } else if (notificationType === 'STORY_EDIT') {
78 | const { navigation, editor } = yield select()
79 | if (navigation.page === 'editor' && editor.storyId === payload.id) {
80 | yield put(updateStory(payload))
81 | }
82 | }
83 | }
84 | }
85 | }
86 |
87 | export function* startApp() {
88 | window.history.pushState({}, '', '')
89 |
90 | yield spawn(listenNotifications)
91 |
92 | function* ticking() {
93 | yield put(tickAction())
94 | yield call(delay, TICK)
95 | yield* ticking()
96 | }
97 | yield* ticking()
98 | }
99 |
100 | const exits = {
101 | editor: function* () {
102 | yield put(clearEditor())
103 | },
104 | yourStories: function* () {
105 | yield put(clearYourStories())
106 | },
107 | story: function* () {
108 | yield put(removeStateReceivedFrom('story'))
109 | }
110 | }
111 |
112 | export function* exitPage({ payload }) {
113 | const state = yield select()
114 |
115 | const exitsFunc = exits[payload]
116 | if (exitsFunc) yield exitsFunc(state)
117 | }
118 |
119 | export function* tick() {
120 | const { navigation: { page } } = yield select()
121 | if (page === 'editor') {
122 | const { editor: { lastSave, lastEdit, saving } } = yield select()
123 | if (!saving && lastEdit && lastEdit > lastSave && Date.now() - lastSave > SAVE_PERIOD) {
124 | yield put(save())
125 | }
126 | }
127 | }
128 |
--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
1 | // In production, we register a service worker to serve assets from local cache.
2 |
3 | // This lets the app load faster on subsequent visits in production, and gives
4 | // it offline capabilities. However, it also means that developers (and users)
5 | // will only see deployed updates on the "N+1" visit to a page, since previously
6 | // cached resources are updated in the background.
7 |
8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
9 | // This link also includes instructions on opting out of this behavior.
10 |
11 | const isLocalhost = Boolean(
12 | window.location.hostname === 'localhost' ||
13 | // [::1] is the IPv6 localhost address.
14 | window.location.hostname === '[::1]' ||
15 | // 127.0.0.1/8 is considered localhost for IPv4.
16 | window.location.hostname.match(
17 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
18 | )
19 | );
20 |
21 | export default function register() {
22 | if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
23 | // The URL constructor is available in all browsers that support SW.
24 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
25 | if (publicUrl.origin !== window.location.origin) {
26 | // Our service worker won't work if PUBLIC_URL is on a different origin
27 | // from what our page is served on. This might happen if a CDN is used to
28 | // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
29 | return;
30 | }
31 |
32 | window.addEventListener('load', () => {
33 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
34 |
35 | if (isLocalhost) {
36 | // This is running on localhost. Lets check if a service worker still exists or not.
37 | checkValidServiceWorker(swUrl);
38 |
39 | // Add some additional logging to localhost, pointing developers to the
40 | // service worker/PWA documentation.
41 | navigator.serviceWorker.ready.then(() => {
42 | console.log(
43 | 'This web app is being served cache-first by a service ' +
44 | 'worker. To learn more, visit https://goo.gl/SC7cgQ'
45 | );
46 | });
47 | } else {
48 | // Is not local host. Just register service worker
49 | registerValidSW(swUrl);
50 | }
51 | });
52 | }
53 | }
54 |
55 | function registerValidSW(swUrl) {
56 | navigator.serviceWorker
57 | .register(swUrl)
58 | .then(registration => {
59 | registration.onupdatefound = () => {
60 | const installingWorker = registration.installing;
61 | installingWorker.onstatechange = () => {
62 | if (installingWorker.state === 'installed') {
63 | if (navigator.serviceWorker.controller) {
64 | // At this point, the old content will have been purged and
65 | // the fresh content will have been added to the cache.
66 | // It's the perfect time to display a "New content is
67 | // available; please refresh." message in your web app.
68 | console.log('New content is available; please refresh.');
69 | } else {
70 | // At this point, everything has been precached.
71 | // It's the perfect time to display a
72 | // "Content is cached for offline use." message.
73 | console.log('Content is cached for offline use.');
74 | }
75 | }
76 | };
77 | };
78 | })
79 | .catch(error => {
80 | console.error('Error during service worker registration:', error);
81 | });
82 | }
83 |
84 | function checkValidServiceWorker(swUrl) {
85 | // Check if the service worker can be found. If it can't reload the page.
86 | fetch(swUrl)
87 | .then(response => {
88 | // Ensure service worker exists, and that we really are getting a JS file.
89 | if (
90 | response.status === 404 ||
91 | response.headers.get('content-type').indexOf('javascript') === -1
92 | ) {
93 | // No service worker found. Probably a different app. Reload the page.
94 | navigator.serviceWorker.ready.then(registration => {
95 | registration.unregister().then(() => {
96 | window.location.reload();
97 | });
98 | });
99 | } else {
100 | // Service worker found. Proceed as normal.
101 | registerValidSW(swUrl);
102 | }
103 | })
104 | .catch(() => {
105 | console.log(
106 | 'No internet connection found. App is running in offline mode.'
107 | );
108 | });
109 | }
110 |
111 | export function unregister() {
112 | if ('serviceWorker' in navigator) {
113 | navigator.serviceWorker.ready.then(registration => {
114 | registration.unregister();
115 | });
116 | }
117 | }
118 |
--------------------------------------------------------------------------------
/src/mocks/state.js:
--------------------------------------------------------------------------------
1 | import { Value } from 'slate'
2 |
3 | export const MOCK_STATE = {
4 | navigation: {
5 | page: 'editor'
6 | },
7 | editor: {
8 | "title": "Increaser mindset: Reflecting",
9 | "content": Value.fromJSON({"object":"value","document":{"object":"document","data":{},"nodes":[{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"This is part of the series about “","marks":[]}]},{"object":"inline","type":"link","data":{"href":"https://medium.com/@geekrodion/increaser-mindset-dc828a2bcd4d"},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Increaser mindset","marks":[]}]}]},{"object":"text","leaves":[{"object":"leaf","text":"”.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"image","data":{"src":"https://cdn-images-1.medium.com/max/2000/1*q-kzL5NfuZCZG3Pvdi_dwg.jpeg"},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"In this article, I will talk about how the evening practice of thinking can help you to be more relaxed and productive.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"One time I began to notice that by the end of the day I become tired. My thoughts were always intertwined. The process of falling asleep become longer. At morning I was fighting with myself to wake up, but lose this battle most of the time. It was a hard time: work, university, and Increaser took all my time. In one of those evenings, I decided to take a walk. I went to the stadium near my home and began to pass a circle after a circle. While walking, I think about each of my activity separately from others. After that walk, I fell asleep without chaotic thinking in the head.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"From that evening I started practicing it every evening. And now the process look this way.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"heading-two","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Rethink the day","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"First I am going through my day. I give attention to my actions, habits and human interactions during the day and learn lessons from them. During this evening session, I can understand in which moments I went wrong and what was a better way to deal with it. By doing rethinking about the day — I free myself from thinking about my problems and actions during the day. Since I don’t need to bother myself — I will analyze them at evening anyway. And this is very important for your productivity during the day since you can’t be focused while having chaotic thinking about problems in the background of your mind.","marks":[]}]}]},{"object":"block","type":"heading-two","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"heading-two","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Think about life projects","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Next part is thinking about my projects. Projects are the main activities in your life that matter. At this part, I separate each project from the others. And analyze what I have done in this project. It easy to forget about the activity that matters. Or spend fewer efforts on it in comparison to other ones, that matter less.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"heading-two","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Planning next day","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"The last part of the routing is planning your next day. Without a plan, you are lost in tomorrow. ","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"For example, if you don’t know for sure will you run tomorrow or go to the swimming pool this uncertainty will increase the probability that you will not follow your morning routine by turning off your alarm.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"heading-two","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Conclusion","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Being busy is not the same as being productive and being busy doesn’t mean that you follow the path of self-improvement. When you don’t give yourself time to think you can easily get lost on your road. Your mind becomes fixed on activities, you do most of the time, and you do not see all the possibilities around you. You can go through the same faults over and over again without understanding it.","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"","marks":[]}]}]},{"object":"block","type":"paragraph","data":{},"nodes":[{"object":"text","leaves":[{"object":"leaf","text":"Clap if you enjoy 😎","marks":[{"object":"mark","type":"bold","data":{}}]}]}]}]}}),
10 | "lastSave": 1538326402041,
11 | "lastEdit": 1538326401879,
12 | "changesSaved": true,
13 | "link": "",
14 | "tags": ["Productivity", "Increaser", "Mindset", "Meditation"],
15 | "tagsMenuOpen": true,
16 | "editingTag": ""
17 | }
18 | }
--------------------------------------------------------------------------------
/src/reducers/editor.js:
--------------------------------------------------------------------------------
1 | import { createReducer } from 'redux-act'
2 | import { Value } from 'slate'
3 |
4 | import * as a from '../actions/editor'
5 | import { tick } from '../actions/generic'
6 | import { MAX_TITLE_LENGTH, MARKS, BLOCKS } from '../constants/editor';
7 |
8 | export const allStories = ({ drafts, published, shared }) => [drafts, published, shared ? shared.map(s => s.drafts).flatten_() : undefined].withoutUndef_().flatten_()
9 |
10 | const getDefaultState = () => ({
11 | title: '',
12 | content: Value.fromJSON({
13 | document: {
14 | nodes: [
15 | {
16 | object: 'block',
17 | type: 'paragraph',
18 | },
19 | ],
20 | },
21 | }),
22 | storyId: undefined,
23 | lastSave: Date.now(),
24 | lastEdit: undefined,
25 | changesSaved: true,
26 | linkPrompt: undefined,
27 | link: '',
28 | tags: [],
29 | tagsMenuOpen: false,
30 | shareDialogOpen: false,
31 | userToShareName: '',
32 | editingTag: '',
33 | saving: false,
34 | owner: true
35 | })
36 |
37 | const updateLastEdit = (oldState, newState) => {
38 | const sameContent = JSON.stringify(oldState.content) === JSON.stringify(newState.content)
39 | const sameTags = oldState.tags.sameAs_(newState.tags)
40 | const sameTitle = oldState.title === newState.title
41 | return {
42 | ...newState,
43 | lastEdit: [sameContent, sameTags, sameTitle].allTrue_() ? oldState.lastEdit : Date.now()
44 | }
45 | }
46 |
47 | const willUpdateLastEdit = func => (oldState, payload) => {
48 | const newState = func(oldState, payload)
49 | return updateLastEdit(oldState, newState)
50 | }
51 |
52 | const hasLink = value => value.inlines.some(inline => inline.type === BLOCKS.LINK)
53 | const unwrapLink = change => change.unwrapInline(BLOCKS.LINK)
54 | const wrapLink = (change, href) => change.wrapInline({
55 | type: BLOCKS.LINK,
56 | data: { href }
57 | })
58 |
59 | const insertImage = (change, src) => change.insertBlock({
60 | type: BLOCKS.IMAGE,
61 | data: { src }
62 | })
63 |
64 | export default () => createReducer(
65 | {
66 | [a.changeTitle]: willUpdateLastEdit((state, title) => ({
67 | ...state,
68 | title: title.slice(0, MAX_TITLE_LENGTH),
69 | })),
70 | [a.changeContent]: willUpdateLastEdit((state, content) => ({
71 | ...state,
72 | content
73 | })),
74 | [a.save]: (state) => ({
75 | ...state,
76 | saving: true
77 | }),
78 | [a.successfulSave]: (state) => ({
79 | ...state,
80 | lastSave: Date.now(),
81 | saving: false
82 | }),
83 | [a.successfulCreation]: (state, storyId) => ({
84 | ...state,
85 | storyId,
86 | saving: false
87 | }),
88 | [tick]: (state) => ({
89 | ...state,
90 | changesSaved: !state.lastEdit || state.lastSave > state.lastEdit
91 | }),
92 | [a.toggleEffect]: (state, type) => {
93 | try {
94 | const value = state.content
95 | const change = value.change()
96 | const { document } = value
97 | const hasBlock = type => value.blocks.some(node => node.type === type)
98 | const isList = hasBlock('list-item')
99 |
100 | if (type === BLOCKS.LINK) {
101 |
102 | if (hasLink(value)) {
103 | change.call(unwrapLink)
104 | return updateLastEdit(state, { ...state, content: change.value })
105 | }
106 | // no way to create link when nothing is selected
107 | if (!value.selection.isExpanded) return state
108 | return updateLastEdit(state, { ...state, content: change.value, linkPrompt: BLOCKS.LINK })
109 | }
110 | if (type === BLOCKS.IMAGE) {
111 | return updateLastEdit(state, { ...state, content: change.value, linkPrompt: BLOCKS.IMAGE })
112 | }
113 | if (Object.values(MARKS).includes(type)) {
114 | return updateLastEdit(
115 | state,
116 | { ...state, content: change.toggleMark(type).value }
117 | )
118 | } else {
119 | if (!['bulleted-list', 'numbered-list'].includes(type)) {
120 | const isActive = hasBlock(type)
121 |
122 | if (isList) {
123 | change
124 | .setBlocks(isActive ? 'paragraph' : type)
125 | .unwrapBlock('bulleted-list')
126 | .unwrapBlock('numbered-list')
127 | } else {
128 | change.setBlocks(isActive ? 'paragraph' : type)
129 | }
130 | } else {
131 | // Handle the extra wrapping required for list buttons.
132 | const isType = value.blocks.some(block => !!document.getClosest(block.key, parent => parent.type === type))
133 |
134 | if (isList && isType) {
135 | change
136 | .setBlocks('paragraph')
137 | .unwrapBlock('bulleted-list')
138 | .unwrapBlock('numbered-list')
139 | } else if (isList) {
140 | change
141 | .unwrapBlock(
142 | type === 'bulleted-list' ? 'numbered-list' : 'bulleted-list'
143 | )
144 | .wrapBlock(type)
145 | } else {
146 | change.setBlocks('list-item').wrapBlock(type)
147 | }
148 | }
149 |
150 | return updateLastEdit(state, { ...state, content: change.value })
151 | }
152 | } catch(err) {
153 | console.info('fail to execute effect')
154 | return state
155 | }
156 | },
157 | [a.exitLinkPrompt]: state => ({ ...state, linkPrompt: undefined, link: '' }),
158 | [a.changeLink]: (state, link) => ({ ...state, link }),
159 | [a.submitLink]: state => {
160 | if (!state.link) return ({ ...state, linkPrompt: undefined })
161 |
162 | const change = state.content.change()
163 | change.call(state.linkPrompt === BLOCKS.LINK ? wrapLink : insertImage, state.link)
164 | return updateLastEdit(state, { ...state, content: change.value, linkPrompt: undefined, link: '', })
165 | },
166 | [a.toggleTagsMenu]: state => ({
167 | ...state,
168 | tagsMenuOpen: !state.tagsMenuOpen
169 | }),
170 | [a.editTag]: (state, editingTag) => ({
171 | ...state,
172 | editingTag
173 | }),
174 | [a.submitTag]: willUpdateLastEdit(state => ({
175 | ...state,
176 | tags: (state.editingTag ? [ ...state.tags, state.editingTag] : state.tags).uniq_(),
177 | editingTag: '',
178 | })),
179 | [a.deleteTag]: willUpdateLastEdit((state, tag) => ({
180 | ...state,
181 | tags: state.tags.without_(tag)
182 | })),
183 | [a.receiveStoryForEdit]: (state, story) => ({
184 | ...getDefaultState(),
185 | storyId: story.id,
186 | title: story.title,
187 | content: Value.fromJSON(JSON.parse(story.content)),
188 | tags: story.tags,
189 | lastSave: Date.now(),
190 | owner: story.owner
191 | }),
192 | [a.updateStory]: (state, { title, tags, lastEditTime, content }) => ({
193 | ...state,
194 | title,
195 | tags,
196 | lastSave: lastEditTime * 1000,
197 | content: Value.fromJSON(JSON.parse(content)),
198 | }),
199 | [a.clear]: () => getDefaultState(),
200 | [a.toggleShareDialog]: state => ({
201 | ...state,
202 | shareDialogOpen: !state.shareDialogOpen
203 | }),
204 | [a.share]: state => ({
205 | ...state,
206 | shareDialogOpen: false
207 | }),
208 | [a.changeUserToShareName]: (state, userToShareName) => ({
209 | ...state,
210 | userToShareName
211 | })
212 | },
213 | getDefaultState()
214 | )
--------------------------------------------------------------------------------