@arbocollab/arbo-web-target 0.0.1-alpha.0

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 (15) hide show
  1. package/README.md +131 -0
  2. package/arbo_logo.svg +15 -0
  3. package/assets/logo.png +0 -0
  4. package/data/customers-medium.json +804 -0
  5. package/data/products.json +364 -0
  6. package/es/index.es.js +156485 -0
  7. package/favicon-arbo-16x16.png +0 -0
  8. package/favicon-arbo-32x32.png +0 -0
  9. package/favicon-tessr-16x16.png +0 -0
  10. package/favicon-tessr-32x32.png +0 -0
  11. package/favicon.ico +0 -0
  12. package/npmjs.npmrc +3 -0
  13. package/package.json +23 -0
  14. package/style.css +1 -0
  15. package/tessr_logo.svg +1 -0
package/README.md ADDED
@@ -0,0 +1,131 @@
1
+ ## Features
2
+
3
+ - Vue 3.2: [in here](https://vuejs.org/about/releases.html)
4
+ - Vite 3: [in here](https://vitejs.dev/blog/announcing-vite3.html)
5
+ - Vitest (Testing Framework): [in here](https://vitest.dev/guide/)
6
+ - Composition API: [in here](https://vuejs.org/guide/extras/composition-api-faq.html)
7
+ - Script Setup: [in here](https://vuejs.org/api/sfc-script-setup.html)
8
+ - Routing VitePages / ViteLayout:
9
+
10
+ - VitePages: [in here](https://github.com/hannoeru/vite-plugin-pages)
11
+ - ViteLayout: [in here](https://github.com/johncampionjr/vite-plugin-vue-layouts)
12
+
13
+ - Pina as Store / CachedPiniaStore for effective data caching: [in here](https://pinia.vuejs.org/)
14
+ - Naive UI as A Vue 3 Component Library: [in here](https://www.naiveui.com/en-US/os-theme)
15
+ - FormKit as A Vue form building framework that simplifies form structure,
16
+ generation, validation, theming, submission, error handling, and more: [in here](https://formkit.com/)
17
+ - Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators: [in here](https://fontawesome.com/)
18
+ - TypeScript 4.5: [in here](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-5.html)
19
+ - TailwindCSS / DaisyUI:
20
+
21
+ - TailwindCSS: [in here](https://tailwindcss.com/)
22
+ - DaisyUI: [in here](https://daisyui.com/)
23
+
24
+ - SSG Support: [in here](https://github.com/antfu/vite-ssg)
25
+ - Eslint: [in here](https://eslint.org/)
26
+
27
+ ### Modules
28
+
29
+ - i18n: [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/src/modules/i18n.ts)
30
+ - pinia: [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/src/modules/pinia.ts)
31
+ - naiveui: [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/src/store/theme.ts)
32
+ - formkit: [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/src/modules/formkit.ts)
33
+ - fontawesome: [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/src/modules/fontawesome.ts)
34
+
35
+ ## Project structure
36
+
37
+ src folder [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/src):
38
+
39
+ - `apis` call REST APIS
40
+ - `assets` images, icons
41
+ - `components` Vue Component
42
+ - `composables (hooks)` Vue Composition API (similar to mixins in the Options API in Vue2)
43
+ - `constants` Constant Data
44
+ - `directives` Vue Custom Directive
45
+ - `layouts` Router based layout
46
+ - `modules` configuration language, store, theme, icon and other
47
+ - `pages` Router based page
48
+ - `store` Vue Store (similar to Vuex in Vue2)
49
+ - `styles` stylus and css
50
+ - `types` type, inteface, enum
51
+ - `utils` Typescript helper libraries
52
+
53
+ test folder [in here](https://github.com/arbocollab/arbo-web-client-targets/blob/dev/test):
54
+
55
+ - `components` Checks that your component mounts, renders, can be interacted with, and behaves as expected. These tests import more code than unit tests, are more complex, and require more time to execute.
56
+ - `unit` Checks that inputs to a given function, class, or composable are producing the expected output or side effects.
57
+
58
+ ## Project setup and usage
59
+
60
+ Install node:
61
+
62
+ **Latest node LTS version required (16)** Use node manager like **nvm** to
63
+ install.
64
+
65
+ Install pnpm: [https://pnpm.io/installation](https://pnpm.io/installation)
66
+
67
+ Install dependencies:
68
+
69
+ ```
70
+ pnpm install
71
+ ```
72
+
73
+ Run development server:
74
+
75
+ ```
76
+ pnpm serve
77
+ ```
78
+
79
+ Component test runner:
80
+
81
+ ```
82
+ pnpm test:unit
83
+ ```
84
+
85
+ Build and preview built site locally:
86
+
87
+ ```
88
+ pnpm preview
89
+ ```
90
+
91
+ Build:
92
+
93
+ ```
94
+ pnpm build
95
+ ```
96
+
97
+ Lint .ts files with eslint:
98
+
99
+ ```
100
+ pnpm lint
101
+ ```
102
+
103
+ ## Git commit specification reference
104
+
105
+ - `feat` add new functions
106
+ - `fix` Fix issues/bugs
107
+ - `perf` Optimize performance
108
+ - `style` Change the code style without affecting the running result
109
+ - `refactor` Re-factor code
110
+ - `revert` Undo changes
111
+ - `test` Test related, does not involve changes to business code
112
+ - `docs` Documentation and Annotation
113
+ - `chore` Updating dependencies/modifying scaffolding configuration, etc.
114
+ - `workflow` Work flow Improvements
115
+ - `ci` CICD
116
+ - `types` Type definition
117
+ - `wip` In development
118
+
119
+ ### Docker Production Build
120
+
121
+ First, build the image by opening the terminal in the project's root directory.
122
+
123
+ ```bash
124
+ docker buildx build . -t arbo-target:latest
125
+ ```
126
+
127
+ Run the image and specify port mapping with the `-p` flag.
128
+
129
+ ```bash
130
+ docker run --rm -it -p 8080:80 arbo-target:latest
131
+ ```
package/arbo_logo.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg width="96" height="25" viewBox="0 0 96 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0)">
3
+ <path d="M30.9531 19.456L36.4956 6.06689H40.574L46.1165 19.456H43.1884L42.0381 16.7364H34.927L33.7767 19.456H30.9531ZM40.9923 14.4351L38.5871 8.57735H38.2734L35.8682 14.4351H40.9923Z" fill="white"/>
4
+ <path d="M48.7326 6.06689H58.3535C60.7587 6.06689 62.3274 7.63593 62.3274 10.1464C62.3274 12.343 60.9679 13.8075 58.7718 14.0167C58.981 14.2259 59.1901 14.4351 59.2947 14.6443L62.3274 19.5606H59.2947L55.8437 14.0167H51.2424V19.5606H48.5234V6.06689H48.7326ZM58.4581 11.6108C59.2947 11.6108 59.8176 11.0878 59.8176 10.251V9.83258C59.8176 8.99576 59.2947 8.47275 58.4581 8.47275H51.4515V11.6108H58.4581Z" fill="white"/>
5
+ <path d="M65.9844 6.06689H74.8733C77.2785 6.06689 78.8471 7.63593 78.8471 10.1464C78.8471 11.1924 78.4288 12.0292 77.5922 12.6569C78.7425 13.1799 79.37 14.2259 79.37 15.4811C79.37 17.887 77.8014 19.456 75.3961 19.456H65.9844V6.06689ZM74.7687 11.6108C75.6053 11.6108 76.1282 11.0878 76.1282 10.251V9.83258C76.1282 8.99576 75.6053 8.47275 74.7687 8.47275H68.5988V11.6108H74.7687ZM68.5988 17.0502H75.2916C76.1282 17.0502 76.651 16.5271 76.651 15.6903V15.2719C76.651 14.4351 76.1282 13.9121 75.2916 13.9121H68.5988V17.0502Z" fill="white"/>
6
+ <path d="M95.9975 12.7613C95.9975 16.7362 93.0693 19.7697 88.9909 19.7697C85.0171 19.7697 81.9844 16.8408 81.9844 12.7613C81.9844 8.6818 84.9125 5.75293 88.9909 5.75293C93.0693 5.75293 95.9975 8.7864 95.9975 12.7613ZM93.1739 12.7613C93.1739 10.2508 91.3961 8.36799 88.9909 8.36799C86.5857 8.36799 84.8079 10.2508 84.8079 12.7613C84.8079 15.2718 86.5857 17.1546 88.9909 17.1546C91.3961 17.2592 93.1739 15.3764 93.1739 12.7613Z" fill="white"/>
7
+ <path d="M13.7333 1.18213L3.46667 25.1821H24L13.7333 1.18213Z" fill="#F7941D"/>
8
+ <path d="M3.46667 25.1821L13.7333 1.18213L24 25.1821H3" stroke="#F7941D"/>
9
+ </g>
10
+ <defs>
11
+ <clipPath id="clip0">
12
+ <rect width="96" height="25" fill="white"/>
13
+ </clipPath>
14
+ </defs>
15
+ </svg>
package/assets/logo.png ADDED
Binary file