occam-styles 4.0.92 → 4.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +35 -2
  2. package/bin/main.js +15 -0
  3. package/example.js +30304 -0
  4. package/index.html +47 -0
  5. package/lib/example/view.js +230 -0
  6. package/lib/example.js +19 -0
  7. package/lib/index.js +53 -5
  8. package/lib/scheme/common.js +6 -1
  9. package/lib/svg/close.js +53 -0
  10. package/lib/svg/directory/add.js +88 -0
  11. package/lib/svg/directory.js +78 -0
  12. package/lib/svg/file/add.js +83 -0
  13. package/lib/svg/file.js +73 -0
  14. package/lib/svg/marker.js +56 -0
  15. package/lib/svg/pen.js +53 -0
  16. package/lib/svg/rubbishBin/closed.js +99 -0
  17. package/lib/svg/rubbishBin/open.js +104 -0
  18. package/lib/svg/triangle/down.js +52 -0
  19. package/lib/svg/triangle/left.js +52 -0
  20. package/lib/svg/triangle/right.js +52 -0
  21. package/package.json +13 -5
  22. package/src/example/view.js +54 -0
  23. package/src/example.js +21 -0
  24. package/src/index.js +14 -1
  25. package/src/scheme/common.js +4 -1
  26. package/src/svg/close.js +25 -0
  27. package/src/svg/directory/add.js +32 -0
  28. package/src/svg/directory.js +30 -0
  29. package/src/svg/file/add.js +31 -0
  30. package/src/svg/file.js +29 -0
  31. package/src/svg/marker.js +25 -0
  32. package/src/svg/pen.js +25 -0
  33. package/src/svg/rubbishBin/closed.js +36 -0
  34. package/src/svg/rubbishBin/open.js +37 -0
  35. package/src/svg/triangle/down.js +26 -0
  36. package/src/svg/triangle/left.js +26 -0
  37. package/src/svg/triangle/right.js +26 -0
  38. package/svg/checkmark.svg +24 -0
  39. package/svg/close.svg +57 -0
  40. package/svg/directory/add.svg +96 -0
  41. package/svg/directory.svg +96 -0
  42. package/svg/disc.svg +14 -0
  43. package/svg/file/add.svg +103 -0
  44. package/svg/file.svg +89 -0
  45. package/svg/marker.svg +64 -0
  46. package/svg/pen.svg +58 -0
  47. package/svg/rubbishBin/closed.svg +129 -0
  48. package/svg/rubbishBin/open.svg +136 -0
  49. package/svg/triangle/down.svg +61 -0
  50. package/svg/triangle/left.svg +61 -0
  51. package/svg/triangle/right.svg +19 -0
package/README.md CHANGED
@@ -1,16 +1,49 @@
1
1
  # Occam Styles
2
2
 
3
- [Occam](https://github.com/djalbat/occam)'s colours, syntax schemes and common styles.
3
+ [Occam](https://github.com/djalbat/occam)'s colours, syntax schemes, common styles and images.
4
4
 
5
5
  ### Contents
6
6
 
7
7
  - [Introduction](#introduction)
8
+ - [Installation](#installation)
9
+ - [Building](#building)
8
10
  - [Acknowledgements](#acknowledgements)
9
11
  - [Contact](#contact)
10
12
 
11
13
  ## Introduction
12
14
 
13
- This package contains colour definitions together with user interface and syntax schemes. It also contains the Occam logo, both as a conventional and a JavaScript SVG. A distribution of [FiraCode](https://github.com/tonsky/FiraCode) is also included.
15
+ This package contains colour definitions together with user interface and syntax schemes. It also contains various images, both in native and JSX form. A distribution of [FiraCode](https://github.com/tonsky/FiraCode) is also included.
16
+
17
+ There is a small example application to view the images in JSX form.
18
+
19
+ ## Installation
20
+
21
+ With [npm](https://www.npmjs.com/):
22
+
23
+ npm install occam-styles
24
+
25
+ You can also clone the repository with [Git](https://git-scm.com/)...
26
+
27
+ git clone https://github.com/djalbat/occam-styles.git
28
+
29
+ ...and then install the dependencies with npm from within the project's root directory:
30
+
31
+ npm install
32
+
33
+ You can also run a development server, see the section on building later on.
34
+
35
+ ## Building
36
+
37
+ Automation is done with [npm scripts](https://docs.npmjs.com/misc/scripts), have a look at the `package.json` file. The pertinent commands are:
38
+
39
+ npm run build-debug
40
+ npm run watch-debug
41
+
42
+ You can also start a small development server:
43
+
44
+ npm start
45
+
46
+ The example will then be available at http://localhost:8888 and will reload automatically when changes are made.
14
47
 
15
48
  ## Acknowledgements
16
49
 
package/bin/main.js ADDED
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ const express = require("express");
4
+
5
+ const { createLiveReloadHandler } = require("lively-cli");
6
+
7
+ const server = express(), ///
8
+ staticRouter = express.static("."),
9
+ liveReloadHandler = createLiveReloadHandler("./example.js");
10
+
11
+ server.use(staticRouter);
12
+
13
+ server.get("/live-reload", liveReloadHandler);
14
+
15
+ server.listen(8888);