Skip to content
This repository was archived by the owner on Jan 13, 2024. It is now read-only.

Commit 77b44f2

Browse files
calumkcalumk
committed
First Github Commit
0 parents  commit 77b44f2

20 files changed

+3938
-0
lines changed

‎.github/workflows/npm-publish.yml

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
name: Publish package to NPM
2+
3+
on:
4+
push:
5+
branches:
6+
- master
7+
8+
jobs:
9+
publish:
10+
runs-on: ubuntu-latest
11+
steps:
12+
- uses: actions/checkout@v2
13+
- uses: actions/setup-node@v1
14+
with:
15+
node-version: 12
16+
registry-url: https://registry.npmjs.org/
17+
- run: yarn
18+
- run: yarn build
19+
- run: yarn publish --access=public
20+
env:
21+
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
22+
notify:
23+
needs: publish
24+
runs-on: ubuntu-latest
25+
steps:
26+
- uses: actions/checkout@v2
27+
- name: Get package info
28+
id: package
29+
uses: codex-team/action-nodejs-package-info@v1
30+
- name: Send a message
31+
uses: codex-team/action-codexbot-notify@v1
32+
with:
33+
webhook: ${{ secrets.CODEX_BOT_NOTIFY_EDITORJS_PUBLIC_CHAT }}
34+
message: '📦 [${{ steps.package.outputs.name }}](${{ steps.package.outputs.npmjs-link }}) ${{ steps.package.outputs.version }} was published'
35+
parse_mode: 'markdown'
36+
disable_web_page_preview: true

‎.gitignore

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
node_modules/*
2+
npm-debug.log
3+
.idea/
4+
.DS_Store

‎.npmignore

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.idea/
2+
.vscode/
3+
src/
4+
webpack.config.js
5+
yarn.lock

‎.vscode/settings.json

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"workbench.colorCustomizations": {
3+
"activityBar.activeBackground": "#ff33d0",
4+
"activityBar.activeBorder": "#acdf00",
5+
"activityBar.background": "#ff33d0",
6+
"activityBar.foreground": "#15202b",
7+
"activityBar.inactiveForeground": "#15202b99",
8+
"activityBarBadge.background": "#acdf00",
9+
"activityBarBadge.foreground": "#15202b",
10+
"sash.hoverBorder": "#ff33d0",
11+
"statusBar.background": "#ff00c4",
12+
"statusBar.foreground": "#e7e7e7",
13+
"statusBarItem.hoverBackground": "#ff33d0",
14+
"statusBarItem.remoteBackground": "#ff00c4",
15+
"statusBarItem.remoteForeground": "#e7e7e7",
16+
"titleBar.activeBackground": "#ff00c4",
17+
"titleBar.activeForeground": "#e7e7e7",
18+
"titleBar.inactiveBackground": "#ff00c499",
19+
"titleBar.inactiveForeground": "#e7e7e799"
20+
},
21+
"peacock.color": "#FF00C4"
22+
}

‎assets/editorjs-codeflask-demo.mov

459 KB
Binary file not shown.

‎assets/editorjs-codeflask-demo.mp4

73.5 KB
Binary file not shown.

‎assets/editorjs-codeflask-screenshot.png

12.4 KB
Loading

‎dist/codeflask.bundle.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/codeflask.bundle.js.LICENSE.txt

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/**
2+
* EditorJsCodeFlask Block for the Editor.js.
3+
*
4+
* @author CK ([email protected])
5+
* @copyright Calum Knott
6+
* @license The MIT License (MIT)
7+
*/
8+
9+
/**
10+
* Prism: Lightweight, robust, elegant syntax highlighting
11+
*
12+
* @license MIT <https://opensource.org/licenses/MIT>
13+
* @author Lea Verou <https://lea.verou.me>
14+
* @namespace
15+
* @public
16+
*/

‎example/assets/demo.css

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
/**
2+
* Styles for the example page
3+
*/
4+
body {
5+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
6+
font-size: 14px;
7+
line-height: 1.5em;
8+
margin: 0;
9+
}
10+
11+
.ce-example {
12+
font-size: 16.2px;
13+
}
14+
15+
.ce-example__header {
16+
border-bottom: 1px solid #E8E8EB;
17+
height: 50px;
18+
line-height: 50px;
19+
display: flex;
20+
padding: 0 30px;
21+
margin-bottom: 30px;
22+
flex-wrap: wrap;
23+
}
24+
25+
.ce-example__header a {
26+
color: inherit;
27+
text-decoration: none;
28+
}
29+
30+
.ce-example__header-logo {
31+
font-weight: bold;
32+
}
33+
34+
.ce-example__header-menu {
35+
margin-left: auto;
36+
}
37+
38+
@media all and (max-width: 730px){
39+
.ce-example__header-menu {
40+
margin-left: 0;
41+
margin-top: 10px;
42+
flex-basis: 100%;
43+
font-size: 14px;
44+
}
45+
}
46+
47+
.ce-example__header-menu a {
48+
margin-left: 20px;
49+
}
50+
51+
@media all and (max-width: 730px){
52+
.ce-example__header-menu a {
53+
margin-left: 0;
54+
margin-right: 15px;
55+
}
56+
}
57+
58+
.ce-example__content {
59+
max-width: 1100px;
60+
margin: 0 auto;
61+
-webkit-font-smoothing: antialiased;
62+
-moz-osx-font-smoothing: grayscale;
63+
}
64+
65+
.ce-example__content--small {
66+
max-width: 500px;
67+
border-left: 1px solid #eee;
68+
border-right: 1px solid #eee;
69+
padding: 0 15px;
70+
}
71+
72+
.ce-example__content--with-bg {
73+
background: #f4f4f4;
74+
max-width: none;
75+
margin-top: -30px;
76+
}
77+
78+
.ce-example__output {
79+
background: #1B202B;
80+
overflow-x: auto;
81+
padding: 0 30px;
82+
}
83+
84+
.ce-example__output-content {
85+
max-width: 650px;
86+
margin: 30px auto;
87+
color: #ABADC3;
88+
font-family: 'PT Mono', Menlo, Monaco, Consolas, Courier New, monospace;
89+
font-size: 13.3px;
90+
}
91+
92+
.ce-example__output-content:empty {
93+
display: none;
94+
}
95+
96+
.ce-example__button {
97+
display: block;
98+
margin: 50px auto;
99+
max-width: 180px;
100+
background: #4A9DF8;
101+
padding: 17px 30px;
102+
box-shadow: 0 22px 18px -4px rgba(137, 207, 255, 0.77);
103+
transition: all 150ms ease;
104+
cursor: pointer;
105+
border-radius: 31px;
106+
color: #fff;
107+
font-family: 'PT Mono', Menlo, Monaco, Consolas, Courier New, monospace;
108+
text-align: center;
109+
}
110+
111+
.ce-example__button:hover {
112+
background: #3D8DE5;
113+
transform: translateY(2px);
114+
box-shadow: 0 20px 15px -4px rgba(137, 207, 255, 0.77);
115+
}
116+
117+
.ce-example__output-footer {
118+
padding: 30px 0;
119+
font-size: 14.2px;
120+
letter-spacing: 0.3px;
121+
text-align: center;
122+
}
123+
124+
.ce-example__output-footer a {
125+
color: #fff;
126+
text-decoration: none;
127+
}
128+
129+
.ce-example__statusbar {
130+
position: fixed;
131+
bottom: 10px;
132+
right: 10px;
133+
background: #fff;
134+
border-radius: 8px;
135+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
136+
font-size: 12px;
137+
padding: 8px 15px;
138+
z-index: 1;
139+
}
140+
141+
.ce-example__statusbar-button {
142+
display: inline-flex;
143+
margin-left: 10px;
144+
background: #4A9DF8;
145+
padding: 6px 12px;
146+
box-shadow: 0 7px 8px -4px rgba(137, 207, 255, 0.77);
147+
transition: all 150ms ease;
148+
cursor: pointer;
149+
border-radius: 31px;
150+
color: #fff;
151+
font-family: 'PT Mono', Menlo, Monaco, Consolas, Courier New, monospace;
152+
text-align: center;
153+
}
154+
155+
@media all and (max-width: 730px){
156+
.ce-example__header,
157+
.ce-example__content{
158+
padding: 0 20px;
159+
}
160+
}
161+
162+
/**
163+
* JSON highlighter
164+
*/
165+
.sc_attr {
166+
color: rgb(148, 162, 192);
167+
}
168+
.sc_key {
169+
color: rgb(190, 213, 255);
170+
}
171+
.sc_toolname {
172+
color: rgb(15, 205, 251);
173+
}
174+
.sc_tag {
175+
color: rgb(4, 131, 216);
176+
}
177+
.sc_bool {
178+
color: rgb(247, 60, 173);
179+
}
180+
181+
.ce-example .ce-block:first-of-type h2.ce-header{
182+
font-size: 50px;
183+
}
184+
185+
.ce-example h2.ce-header{
186+
font-size: 30px;
187+
}
188+
189+
.ce-example h3.ce-header {
190+
font-size: 24px;
191+
}
192+
193+
.ce-example h4.ce-header {
194+
font-size: 18px;
195+
}
196+
197+
.ce-example-multiple {
198+
display: grid;
199+
grid-template-columns: calc(50% - 15px) calc(50% - 15px);
200+
gap: 30px;
201+
padding: 30px;
202+
}
203+
204+
.ce-example-multiple > div {
205+
background: #fff;
206+
border-radius: 7px;
207+
padding: 30px;
208+
}

0 commit comments

Comments
 (0)