Popular New Releases in Awesome
weekly
精读《不再需要 JS 做的 5 件事》
zimfw
v1.8.0
roadmap.sh
1.0
helm-charts
7.17.3
xcodes
0.20.0
Popular Libraries in Awesome
by sindresorhus 
shell
167833 CC0-1.0
😎 Awesome lists about all kinds of interesting topics
by vinta python
102379 NOASSERTION
A curated list of awesome Python frameworks, libraries, software and resources
by avelino go
76582 MIT
A curated list of awesome Go frameworks, libraries and software
by bayandin ruby
27783
A curated list of awesome awesomeness
by rust-unofficial rust
21533 CC0-1.0
A curated list of Rust code and resources.
by kilimchoi ruby
21164
A curated list of engineering blogs
by ascoders javascript
18348
前端精读周刊。帮你理解最前沿、实用的技术。
by tmrts go
17018 Apache-2.0
Curated list of Go design patterns, recipes and idioms
by thangchung csharp
14732
:honeybee: A collection of awesome .NET core libraries, tools, frameworks and software
Trending New libraries in Awesome
by DevUtilsApp swift
2542 NOASSERTION
Offline Toolbox for Developers
by JoseDeFreitas python
2346 CC0-1.0
▶️ An awesome list containing awesome YouTubers that teach about technology.
by vuedx typescript
1217 MIT
A collection of tools for better IDE experience.
by znck typescript
1142 MIT
A collection of tools for vue ecosystem.
by deepsourcelabs javascript
873 MIT
Make your first open-source contribution.
by GoldinGuy typescript
641 AGPL-3.0
📓 A curated collection of free public Computer Science classes from colleges across America
by unchase html
432 CC-BY-4.0
:book: :headphones: :tv: :calendar: Список полезных русскоязычных ресурсов, связанных с ИТ - https://awesomeit.ru
by oscarbaruffa html
352
The biggest collection of R books (and maybe later some other resources too)
by shikha-16 javascript
342 MIT
A collection of resources for women in tech, consisting of - courses, learning guides, amazing sites and repos, blogs, programs and events. scholarships, etc.
Top Authors in Awesome
1
5 Libraries
5403
2
5 Libraries
562
3
4 Libraries
96
4
3 Libraries
26
5
3 Libraries
68
6
3 Libraries
9
7
3 Libraries
30
8
3 Libraries
899
9
3 Libraries
314
10
3 Libraries
213
1
5 Libraries
5403
2
5 Libraries
562
3
4 Libraries
96
4
3 Libraries
26
5
3 Libraries
68
6
3 Libraries
9
7
3 Libraries
30
8
3 Libraries
899
9
3 Libraries
314
10
3 Libraries
213
Trending Kits in Awesome
Here are some famous Vue Loader Libraries. Some of the Vue Loader Libraries' use cases include Transforming Single File Components, Building Component Libraries, Automated Testing, and Code Splitting.
Vue Loader is a webpack loader that allows you to write your components in a format called Single-File Components (SFCs). It enables you to write your components in an HTML-like syntax, using special tags and attributes to describe the component’s data, structure, and behaviors. It can also be used to pre-process other languages and libraries.
Let us have a look at these libraries in detail below.
vue-loader
- Rapidly develop your application by automatically reloading your code when changes are made.
- Allows you to split your code into multiple bundles, allowing you to serve only the necessary parts to the client.
- Supports pre-processors such as SASS and TypeScript.
vue-svg-loader
- Ability to specify multiple SVG loading and rendering options.
- Ability to easily optimize SVGs for improved performance.
- Supports automatic code-splitting for improved performance.
vue-hot-reload-api
- Hot reloading of files without a browser refresh, allowing developers to keep their focus on a task.
- Ability to detect changes in component data and reactively update the UI.
- Ability to work with single-file components and component libraries.
vue-template-loader
- Supports precompiling of templates, making them faster to render.
- Supports hot reloading out of the box.
- Supports conditional compilation, allowing developers to compile different pieces of code depending on the environment they are running in.
vux -loader
- Supports server-side rendering, making it easier to create SEO-friendly applications.
- Provides a plugin and command line tool to help developers quickly scaffold and build Vue applications.
- Offers a "hot reload" feature that allows developers to quickly see changes to their code without having to reload the entire application.
vue-jsx-hot-loader
- Provides support for JSX, making it easier to write code that is both readable and efficient.
- Provides the ability to hot reload components and styles without having to restart the app.
- Includes support for source maps, making it easier to debug code and find errors quickly.
vue-loader-plugin
- Supports pre-processors like Pug, Stylus, and Sass.
- Enables developers to write components in a single file.
- Supports code splitting, which allows developers to split their code into separate bundles.
Trending Discussions on Awesome
fastlane: [!] Google Api Error: Invalid request - Package not found: com.example.todo
How to get better error prompt if the input value from command line not in a list of valide choice in the MAIN routine?
Is there a way to rename column names with icons
angular 13: Module not found: Error: Can't resolve 'rxjs/operators'
How to set max-height of dropdown selection area?
Bootstrap 5 floating labels in an input group
R - identify cols that contain any of a values set
Call C++ Hello World from Julia
How should I use sublime text regex engine (PCRE) to delete all latex comments?
How to focus an element only if it isn't currently focused?
QUESTION
fastlane: [!] Google Api Error: Invalid request - Package not found: com.example.todo
Asked 2022-Mar-20 at 02:27I am using React-native for my app. I have named my name reactamplify. I want to deploy my app to Google play-store. For automation deployment I am using first time fastlane. I found this documentation, follow the steps and give API grant access. In my React native app, I navigate to android folder then run this command fastlane init. Give json_key_file path my downloaded auth json file. But I got confused about package name. I search my app name in vscode com.reactamplify replace them into com.example.todo. Then run android folder fastlane supply init, I am getting this error: [!] Google Api Error: Invalid request - Package not found: com.example.todo. I really don't know how to fix it :(. Really lost TBH.
When I run fastlane supply. I got this image
PS: It would be awesome if someone gives me example with images
ANSWER
Answered 2021-Oct-29 at 04:46I found the reason. I need to upload at least one build to google Play store app manually. That’s why I got package name error.
QUESTION
How to get better error prompt if the input value from command line not in a list of valide choice in the MAIN routine?
Asked 2022-Mar-03 at 12:31Python's click module have choice-options, when the input is invalid:
1import click
2
3@click.command()
4@click.option('--hash-type',
5 type=click.Choice(['MD5', 'SHA1'], case_sensitive=False))
6
7def digest(hash_type):
8 click.echo(hash_type)
9
10# python demo.py --hash-type=HASH256
11# Error: Invalid value for '--hash-type': 'HASH256' is not one of 'MD5', 'SHA1'.
12if __name__=="__main__":
13 digest()
14the script above will exit when the user input invalid choice, and it print out the valid choices for you, which is convenient.
I try to rewrite it in Raku:
1import click
2
3@click.command()
4@click.option('--hash-type',
5 type=click.Choice(['MD5', 'SHA1'], case_sensitive=False))
6
7def digest(hash_type):
8 click.echo(hash_type)
9
10# python demo.py --hash-type=HASH256
11# Error: Invalid value for '--hash-type': 'HASH256' is not one of 'MD5', 'SHA1'.
12if __name__=="__main__":
13 digest()
14# raku demo.raku --hash_type=HASH256
15sub MAIN(
16 :$hash_type where * ∈ ['MD5', 'SHA1'], #= the hash code
17) {
18 say $hash_type;
19}
20When offter an invalid choice, Raku just output the Usage, which is less awesome:
1import click
2
3@click.command()
4@click.option('--hash-type',
5 type=click.Choice(['MD5', 'SHA1'], case_sensitive=False))
6
7def digest(hash_type):
8 click.echo(hash_type)
9
10# python demo.py --hash-type=HASH256
11# Error: Invalid value for '--hash-type': 'HASH256' is not one of 'MD5', 'SHA1'.
12if __name__=="__main__":
13 digest()
14# raku demo.raku --hash_type=HASH256
15sub MAIN(
16 :$hash_type where * ∈ ['MD5', 'SHA1'], #= the hash code
17) {
18 say $hash_type;
19}
20Usage:
21 demo.raku [--hash_type[=Any where { ... }]]
22 --hash_type[=Any where { ... }] the hash code
23So, How to get better error prompt if the input value from command line not in a list of valide choice in the MAIN routine?
ANSWER
Answered 2022-Mar-03 at 12:31By making MAIN a multi sub:
1import click
2
3@click.command()
4@click.option('--hash-type',
5 type=click.Choice(['MD5', 'SHA1'], case_sensitive=False))
6
7def digest(hash_type):
8 click.echo(hash_type)
9
10# python demo.py --hash-type=HASH256
11# Error: Invalid value for '--hash-type': 'HASH256' is not one of 'MD5', 'SHA1'.
12if __name__=="__main__":
13 digest()
14# raku demo.raku --hash_type=HASH256
15sub MAIN(
16 :$hash_type where * ∈ ['MD5', 'SHA1'], #= the hash code
17) {
18 say $hash_type;
19}
20Usage:
21 demo.raku [--hash_type[=Any where { ... }]]
22 --hash_type[=Any where { ... }] the hash code
23# raku demo.raku --hash_type=HASH256
24multi sub MAIN(
25 :$hash_type where * ∈ <MD5 SHA1>, #= the hash code
26) {
27 say "OK: $hash_type";
28}
29multi sub MAIN(:$hash_type!) is hidden-from-USAGE {
30 say "Unrecognized hash_type: $hash_type";
31}
32Note that the second MAIN candidate has is hidden-from-USAGE because we don't want to see that candidate listed in any USAGE message. Also note that the second MAIN candidate has the hash_type argument as mandatory, by specifying the !.
If you have more candidates, you will probably need to take care of any additional named arguments in the second candidate.
EDIT: wamba's answer is better. Still leaving my answer here as it may introduce people to the concept of using multi subs for MAIN, and of using the is hidden-from-USAGE trait.
QUESTION
Is there a way to rename column names with icons
Asked 2022-Feb-23 at 13:39Is there a way to add an icon to column headers by renaming it . I tried with below
1datatable((iris %>% rename(paste0('Sepal.Width',as.character(icon(name = "info-circle", lib = "font-awesome"))) = Sepal.Width)))
2So I need a small icon next to Sepal.Width, so tried like above. But I am not getting any result. Can anyone help me?
ANSWER
Answered 2022-Feb-23 at 12:31You can use the gt package, which accepts html code as column names and the icons package which delivers the proper html code:
1datatable((iris %>% rename(paste0('Sepal.Width',as.character(icon(name = "info-circle", lib = "font-awesome"))) = Sepal.Width)))
2library(tidyverse)
3library(gt)
4
5iris %>%
6 head() %>%
7 gt() %>%
8 cols_label(
9 Sepal.Width = html(as.character(icons::fontawesome("info-circle")))
10 )
11
Created on 2022-02-23 by the reprex package (v2.0.1)
This displays the icon as a column name, but the column name in the data.frame is not changed. I assumed this is what you actually want, given the use of DT::datatable in your example.
Otherwise, you could use:
1datatable((iris %>% rename(paste0('Sepal.Width',as.character(icon(name = "info-circle", lib = "font-awesome"))) = Sepal.Width)))
2library(tidyverse)
3library(gt)
4
5iris %>%
6 head() %>%
7 gt() %>%
8 cols_label(
9 Sepal.Width = html(as.character(icons::fontawesome("info-circle")))
10 )
11colnames(iris) <- c("Sepal.Length",
12 as.character(icons::fontawesome("info-circle")),
13 "Petal.Length",
14 "Petal.Width",
15 "Species")
16But it would be much more complicated to display the actual icon and not the underlying html code.
QUESTION
angular 13: Module not found: Error: Can't resolve 'rxjs/operators'
Asked 2022-Jan-22 at 05:29I have upgraded my angular to angular 13. when I run to build SSR it gives me following error.
1ERROR in ./node_modules/@angular/common/fesm2015/http.mjs 12:0-56
2Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/common/fesm2015'
3Did you mean 'index.js'?
4BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
5(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
6The extension in the request is mandatory for it to be fully specified.
7Add the extension to the request.
8 @ ./src/app/app.server.module.ts 6:0-57 16:25-42
9 @ ./src/main.server.ts 3:0-58 3:0-58
10 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
11
12ERROR in ./node_modules/@angular/core/fesm2015/core.mjs 8:0-39
13Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/core/fesm2015'
14Did you mean 'index.js'?
15BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
16(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
17The extension in the request is mandatory for it to be fully specified.
18Add the extension to the request.
19 @ ./server.ts 30:0-47 35:0-14
20
21ERROR in ./node_modules/@angular/forms/fesm2015/forms.mjs 11:0-37
22Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/forms/fesm2015'
23Did you mean 'index.js'?
24BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
25(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
26The extension in the request is mandatory for it to be fully specified.
27Add the extension to the request.
28 @ ./src/app/app.module.ts 12:0-45 78:12-23
29 @ ./src/app/app.server.module.ts 3:0-41 12:18-27
30 @ ./src/main.server.ts 3:0-58 3:0-58
31 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
32
33ERROR in ./node_modules/@angular/platform-server/fesm2015/platform-server.mjs 21:0-39
34Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/platform-server/fesm2015'
35Did you mean 'index.js'?
36BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
37(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
38The extension in the request is mandatory for it to be fully specified.
39Add the extension to the request.
40 @ ./src/main.server.ts 4:0-77 4:0-77 4:0-77
41 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
42
43ERROR in ./node_modules/@angular/router/fesm2015/router.mjs 10:0-180
44Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/router/fesm2015'
45Did you mean 'index.js'?
46BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
47(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
48The extension in the request is mandatory for it to be fully specified.
49Add the extension to the request.
50 @ ./src/app/app.component.ts 2:0-48 35:31-44
51 @ ./src/app/app.server.module.ts 2:0-47 13:20-32
52 @ ./src/main.server.ts 3:0-58 3:0-58
53 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
54my package.json file:
1ERROR in ./node_modules/@angular/common/fesm2015/http.mjs 12:0-56
2Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/common/fesm2015'
3Did you mean 'index.js'?
4BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
5(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
6The extension in the request is mandatory for it to be fully specified.
7Add the extension to the request.
8 @ ./src/app/app.server.module.ts 6:0-57 16:25-42
9 @ ./src/main.server.ts 3:0-58 3:0-58
10 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
11
12ERROR in ./node_modules/@angular/core/fesm2015/core.mjs 8:0-39
13Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/core/fesm2015'
14Did you mean 'index.js'?
15BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
16(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
17The extension in the request is mandatory for it to be fully specified.
18Add the extension to the request.
19 @ ./server.ts 30:0-47 35:0-14
20
21ERROR in ./node_modules/@angular/forms/fesm2015/forms.mjs 11:0-37
22Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/forms/fesm2015'
23Did you mean 'index.js'?
24BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
25(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
26The extension in the request is mandatory for it to be fully specified.
27Add the extension to the request.
28 @ ./src/app/app.module.ts 12:0-45 78:12-23
29 @ ./src/app/app.server.module.ts 3:0-41 12:18-27
30 @ ./src/main.server.ts 3:0-58 3:0-58
31 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
32
33ERROR in ./node_modules/@angular/platform-server/fesm2015/platform-server.mjs 21:0-39
34Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/platform-server/fesm2015'
35Did you mean 'index.js'?
36BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
37(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
38The extension in the request is mandatory for it to be fully specified.
39Add the extension to the request.
40 @ ./src/main.server.ts 4:0-77 4:0-77 4:0-77
41 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
42
43ERROR in ./node_modules/@angular/router/fesm2015/router.mjs 10:0-180
44Module not found: Error: Can't resolve 'rxjs/operators' in '/Users/nr/aws/jobsaf-website-staging/application/node_modules/@angular/router/fesm2015'
45Did you mean 'index.js'?
46BREAKING CHANGE: The request 'rxjs/operators' failed to resolve only because it was resolved as fully specified
47(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
48The extension in the request is mandatory for it to be fully specified.
49Add the extension to the request.
50 @ ./src/app/app.component.ts 2:0-48 35:31-44
51 @ ./src/app/app.server.module.ts 2:0-47 13:20-32
52 @ ./src/main.server.ts 3:0-58 3:0-58
53 @ ./server.ts 32:0-52 40:15-30 44:0-34 44:0-34
54{
55 "name": "admin-panel",
56 "version": "0.0.0",
57 "license": "MIT",
58 "angular-cli": {},
59 "scripts": {
60 "start": "DEBUG=jobsaf-website:* nodemon --inspect --trace-warnings --legacy-watch --trace-warnings ./bin/www",
61 "seed": "node ./seeds/static-tables.js",
62 "test-jobsaf": "mocha --timeout 10000",
63 "rm-web": "rm -rf ./public/web/*",
64 "ng": "node ./node_modules/@angular/cli/bin/ng serve --host 0.0.0.0",
65 "ng:build": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --configuration production --aot",
66 "build:server:prod": "node --max_old_space_size=4048 ./node_modules/@angular/cli/bin/ng run jobsaf-website:server:prod && webpack --config webpack.server.config.js",
67 "build:browser:prod": "node --max_old_space_size=4048 ./node_modules/@angular/cli/bin/ng build --configuration production --aot --vendor-chunk --deleteOutputPath=true --buildOptimizer --progress=true",
68 "build:server:staging": "node --max_old_space_size=4048 ./node_modules/@angular/cli/bin/ng run jobsaf-website:server:staging && webpack --config webpack.server.config.js",
69 "build:browser:staging": "node --max_old_space_size=4048 ./node_modules/@angular/cli/bin/ng build --configuration production --configuration=staging --aot --vendor-chunk --deleteOutputPath=true --buildOptimizer",
70 "build:stats": "node --max_old_space_size=3192 node_modules/@angular/cli/bin/ng build --configuration production --aot --vendor-chunk --deleteOutputPath=true --buildOptimizer --progress=true --configuration production --stats-json",
71 "build:prod": "npm run rm-web && npm run build:server:prod && npm run build:browser:prod",
72 "build:staging": "npm run rm-web && npm run build:server:staging && npm run build:browser:staging",
73 "server": "node local.js",
74 "file:migration": "APP_FILE_MIGRATION=true node ./migration/file-migration.js",
75 "test_env": "set NODE_ENV=test",
76 "jest": "jest --detectOpenHandles --watchAll --config ./jest.config.js",
77 "coverage": "jest -i --coverage",
78 "jest:ci": "jest --detectOpenHandles --forceExit --config ./jest.config.js",
79 "test": "npm run test_env && npm run jest",
80 "test:ci": "npm run test_env && npm run seed && npm run jest:ci",
81 "dev:ssr": "ng run jobsaf-website:serve-ssr",
82 "serve:ssr": "node public/web/server/main.js",
83 "build:ssr": "ng build --configuration production && ng run jobsaf-website:server:prod",
84 "prerender": "ng run jobsaf-website:prerender",
85 "postinstall": "ngcc"
86 },
87 "private": true,
88 "napa": {
89 "jquery.flot.spline": "miloszfalinski/jquery.flot.spline",
90 "ika.jvectormap": "kakirigi/ika.jvectormap"
91 },
92 "dependencies": {
93 "@angular/animations": "^13.0.2",
94 "@angular/common": "^13.0.2",
95 "@angular/compiler": "^13.0.2",
96 "@angular/compiler-cli": "^13.0.2",
97 "@angular/core": "^13.0.2",
98 "@angular/forms": "^13.0.2",
99 "@angular/material": "^13.0.2",
100 "@angular/platform-browser": "^13.0.2",
101 "@angular/platform-browser-dynamic": "^13.0.2",
102 "@angular/platform-server": "^13.0.2",
103 "@angular/pwa": "^13.0.3",
104 "@angular/router": "^13.0.2",
105 "@angular/service-worker": "^13.0.2",
106 "@fortawesome/angular-fontawesome": "^0.10.1",
107 "@fortawesome/fontawesome-svg-core": "^1.2.36",
108 "@fortawesome/free-brands-svg-icons": "^5.15.4",
109 "@fortawesome/free-solid-svg-icons": "^5.15.4",
110 "@fullcalendar/core": "^5.10.1",
111 "@hapi/joi": "^15.1.0",
112 "@ng-select/ng-select": "^8.1.1",
113 "@nguniversal/common": "^13.0.1",
114 "@nguniversal/express-engine": "^13.0.1",
115 "@ngx-loading-bar/core": "^5.1.2",
116 "@ngxs/store": "^3.7.3-dev.master-1e7127b",
117 "@schematics/angular": "^13.0.3",
118 "@sindresorhus/slugify": "^1.1.0",
119 "@trademe/ng-defer-load": "^8.2.1",
120 "@types/jquery": "^3.5.8",
121 "angular-archwizard": "^7.0.0",
122 "angular2-uuid": "^1.1.1",
123 "apicache": "^1.6.3",
124 "archiver": "^5.3.0",
125 "aws-sdk": "^2.1031.0",
126 "bluebird": "^3.7.2",
127 "bootstrap": "5.1.3",
128 "compression": "^1.7.4",
129 "compromise": "^13.11.4",
130 "cookie-parser": "^1.4.6",
131 "core-js": "3.19.1",
132 "cors": "~2.8.5",
133 "debug": "^4.3.2",
134 "dotenv": "^10.0.0",
135 "easyimage": "^3.1.1",
136 "ejs": "^3.1.6",
137 "exceljs": "^4.3.0",
138 "express": "^4.17.1",
139 "express-jwt": "^6.1.0",
140 "express-mongo-sanitize": "^2.1.0",
141 "express-rate-limit": "^5.5.1",
142 "express-useragent": "^1.0.15",
143 "express-validator": "^6.13.0",
144 "feed": "^4.2.2",
145 "file-saver": "^2.0.5",
146 "firebase-admin": "^10.0.0",
147 "font-awesome": "^4.7.0",
148 "generate-password": "^1.7.0",
149 "google-auth-library": "^7.10.2",
150 "hammerjs": "^2.0.8",
151 "helmet": "^4.6.0",
152 "html-pdf": "^3.0.1",
153 "http-status": "^1.5.0",
154 "intl-tel-input": "^17.0.13",
155 "izitoast": "1.4.0",
156 "joi-objectid": "^4.0.2",
157 "jquery": "^3.6.0",
158 "jsonwebtoken": "^8.5.1",
159 "jwt-decode": "^3.1.2",
160 "keyword-extractor": "0.0.20",
161 "kickbox": "^2.0.4",
162 "libphonenumber-js": "^1.9.43",
163 "localstorage-polyfill": "^1.0.1",
164 "lodash": "^4.17.21",
165 "lodash.uniq": "^4.5.0",
166 "md5": "^2.3.0",
167 "moment": "^2.29.1",
168 "mongoose": "5.8.11",
169 "mongoose-history": "^0.8.0",
170 "mongoose-unique-validator": "^2.0.3",
171 "mongoose-url-slugs": "^1.0.2",
172 "multer": "^1.4.3",
173 "multer-s3": "^2.10.0",
174 "multer-s3-transform": "^2.10.3",
175 "mysql": "^2.18.1",
176 "ng-recaptcha": "^9.0.0",
177 "ng2-file-upload": "^1.4.0",
178 "ngx-auth": "^5.4.0",
179 "ngx-bootstrap": "^6.1.0",
180 "ngx-facebook": "^3.0.0-0",
181 "ngx-img-cropper": "^11.0.0",
182 "ngx-infinite-scroll": "^10.0.1",
183 "ngx-moment": "^5.0.0",
184 "ngx-pagination": "^5.1.1",
185 "ngx-quill-editor": "^2.2.2",
186 "ngx-toastr": "^14.2.0",
187 "node-schedule": "^2.0.0",
188 "nodemailer": "^6.7.1",
189 "passport": "^0.5.0",
190 "passport-facebook-token": "^4.0.0",
191 "passport-google-id-token": "^0.4.7",
192 "passport-google-token": "^0.1.2",
193 "passport-linkedin-token": "^0.1.1",
194 "passport-local": "^1.0.0",
195 "pdf-to-text": "0.0.7",
196 "phantomjs-prebuilt": "^2.1.16",
197 "phone": "^3.1.10",
198 "phpass": "^0.1.1",
199 "rand-token": "^1.0.1",
200 "request": "^2.88.2",
201 "request-ip": "^2.1.3",
202 "rxjs": "^6.5.5",
203 "sharp": "^0.29.3",
204 "showdown": "^1.9.1",
205 "simple-line-icons": "^2.5.5",
206 "socket.io": "^4.3.2",
207 "socket.io-client": "^4.3.2",
208 "socket.io-redis": "^5.4.0",
209 "socketio-auth": "^0.1.1",
210 "textract": "^2.5.0",
211 "ts-loader": "9.2.6",
212 "underscore": "^1.13.1",
213 "unique-random-array": "^2.0.0",
214 "url": "^0.11.0",
215 "util": "^0.12.4",
216 "uuid": "^8.3.2",
217 "winston": "^3.3.3",
218 "xlsx": "^0.17.4",
219 "xss-clean": "^0.1.1",
220 "zone.js": "~0.11.4",
221 "zxcvbn": "^4.4.2"
222 },
223 "devDependencies": {
224 "@angular-devkit/build-angular": "~13.0.3",
225 "@angular/cli": "^13.0.3",
226 "@types/express": "^4.17.13",
227 "@types/hammerjs": "^2.0.40",
228 "@types/mocha": "^9.0.0",
229 "@types/node": "^16.11.7",
230 "@types/underscore": "^1.11.3",
231 "husky": "^7.0.0",
232 "jasmine-core": "~3.10.1",
233 "jasmine-spec-reporter": "~7.0.0",
234 "jest": "^27.3.1",
235 "karma": "^6.3.9",
236 "karma-chrome-launcher": "~3.1.0",
237 "karma-coverage-istanbul-reporter": "^3.0.3",
238 "karma-jasmine": "~4.0.1",
239 "karma-jasmine-html-reporter": "^1.7.0",
240 "lint-staged": "^12.0.2",
241 "mocha": "^9.1.3",
242 "ng-diff-match-patch": "^3.0.1",
243 "nodemon": "^2.0.15",
244 "protractor": "^7.0.0",
245 "supertest": "^6.1.6",
246 "tslib": "^2.3.1",
247 "tslint": "^6.1.3",
248 "typescript": "4.4.3",
249 "webpack": "^5.64.1",
250 "webpack-cli": "^4.9.1"
251 }
252}
253
254Any Idea
ANSWER
Answered 2022-Jan-22 at 05:29I just solve this issue by correcting the RxJS version to 7.4.0. I hope this can solve others issue as well.
QUESTION
How to set max-height of dropdown selection area?
Asked 2022-Jan-21 at 05:26In vuejs2 app having select input with rather big options list it breaks design of my page on extra small devices. Searching in net I found “size” property, but that not what I I need : I want to have dropdown selection, which is the default. Are there some other decision, maybe with CSS to set max-height of dropdown selection area.
Modeified PART # 1: I made testing demo page at http://photographers.my-demo-apps.tk/sel_test it has 2 select inputs with custom design and events as in this example link How to Set Height for the Drop Down of Select box and following workaround at js fiddle:
1select{
2 color: red;
3}1select{
2 color: red;
3}<select onfocus='this.size=10;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
4 <option>1</option>
5 <option>2</option>
6 <option>3</option>
7 <option>4</option>
8 <option>5</option>
9 <option>6</option>
10 <option>7</option>
11 <option>8</option>
12 <option>9</option>
13 <option>10</option>
14 <option>11</option>
15 <option>12</option>
16 <option>13</option>
17 <option>14</option>
18 <option>15</option>
19 <option>16</option>
20 <option>17</option>
21 <option>18</option>
22 <option>19</option>
23 <option>20</option>
24 <option>21</option>
25</select>
26<div>Popular Tags:</div>are applied to the second select input and it does not look/work properly. I suppose it conflicts somehow with current desing. Can it be fixed somehow?
as that is vuejs2 page I know that there are some select components at https://github.com/vuejs/awesome-vue#select and I used some of them, like vue-select but I need to keep custom design so I try to use original select input...
Modified PART # 2 : I added 2 classes definitions :
1select{
2 color: red;
3}<select onfocus='this.size=10;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
4 <option>1</option>
5 <option>2</option>
6 <option>3</option>
7 <option>4</option>
8 <option>5</option>
9 <option>6</option>
10 <option>7</option>
11 <option>8</option>
12 <option>9</option>
13 <option>10</option>
14 <option>11</option>
15 <option>12</option>
16 <option>13</option>
17 <option>14</option>
18 <option>15</option>
19 <option>16</option>
20 <option>17</option>
21 <option>18</option>
22 <option>19</option>
23 <option>20</option>
24 <option>21</option>
25</select>
26<div>Popular Tags:</div>.select-wrapper {
27 height: 50px !important;
28 overflow-y: visible !important;
29 background-color: yellow !important;
30}
31
32.select {
33 width: 100% !important;
34 /* make it min-height*/
35 min-height: 50px !important;
36 border-radius: 25px !important;
37 border-color: #555 !important;
38 padding: 10px !important;
39 border:2px dotted red !important;
40}
41Also I set background-color and border to these classes to be sure that these classes are applied and !important to all properties. But it did not help. Could you please to take a look!
Thank you!
ANSWER
Answered 2022-Jan-15 at 16:00Unfortunately, you cannot chant the height of a dropdown list (while using <select>).
It is confirmed here.
you can build it yourself using divs & v-for (assuming you get the list from an outsource) and then you can style it as you wish.
apologies for barring bad news.
QUESTION
Bootstrap 5 floating labels in an input group
Asked 2022-Jan-13 at 10:12I'm wanting to use Bootstrap's "Floating Label" and "Input Group" components together. The trouble I'm having is that the label is hidden when the input is focused. In my code example below, I have these scenarios:
- Both components (see that the label disappears when clicking in the input).
- Floating label only
Does anyone know of a way to make these components work together?
1<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/>
2<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
3<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
4
5<div class="form-floating input-group mb-3">
6 <input type="text" class="form-control" name="code1" placeholder="Code 1">
7 <label for="code1">Code 1</label>
8 <span class="input-group-text"><i class="fas fa-times"></i></span>
9</div>
10
11<div class="form-floating mb-3">
12 <input type="text" class="form-control" name="code4" placeholder="Code 4">
13 <label for="code4">Code 4</label>
14</div>ANSWER
Answered 2021-Aug-09 at 20:10Place the floating label inside another input-group div.
1<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/>
2<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
3<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
4
5<div class="form-floating input-group mb-3">
6 <input type="text" class="form-control" name="code1" placeholder="Code 1">
7 <label for="code1">Code 1</label>
8 <span class="input-group-text"><i class="fas fa-times"></i></span>
9</div>
10
11<div class="form-floating mb-3">
12 <input type="text" class="form-control" name="code4" placeholder="Code 4">
13 <label for="code4">Code 4</label>
14</div><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/>
15<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
16<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
17
18<div class="input-group mb-3">
19 <div class="form-floating flex-grow-1">
20 <input type="text" class="form-control" name="code1" placeholder="Code 1">
21 <label for="code1">Code 1</label>
22 </div>
23 <span class="input-group-text"><i class="fas fa-times"></i></span>
24</div>QUESTION
R - identify cols that contain any of a values set
Asked 2021-Dec-29 at 19:46I have a dataframe like this
1df <- data.frame(col1 = c(letters[1:4],"a"),col2 = 1:5,col3 = letters[10:14])
2 df
3 col1 col2 col3
41 a 1 j
52 b 2 k
63 c 3 l
74 d 4 m
85 a 5 n
9I would like to identify the columns that contain any value from the following vector:
1df <- data.frame(col1 = c(letters[1:4],"a"),col2 = 1:5,col3 = letters[10:14])
2 df
3 col1 col2 col3
41 a 1 j
52 b 2 k
63 c 3 l
74 d 4 m
85 a 5 n
9vals=c("a","b","n","w")
10A tidy solution would be awesome!
ANSWER
Answered 2021-Dec-29 at 19:04We may use select
1df <- data.frame(col1 = c(letters[1:4],"a"),col2 = 1:5,col3 = letters[10:14])
2 df
3 col1 col2 col3
41 a 1 j
52 b 2 k
63 c 3 l
74 d 4 m
85 a 5 n
9vals=c("a","b","n","w")
10library(dplyr)
11df %>%
12 select(where(~ any(. %in% vals, na.rm = TRUE)))
13-output
1df <- data.frame(col1 = c(letters[1:4],"a"),col2 = 1:5,col3 = letters[10:14])
2 df
3 col1 col2 col3
41 a 1 j
52 b 2 k
63 c 3 l
74 d 4 m
85 a 5 n
9vals=c("a","b","n","w")
10library(dplyr)
11df %>%
12 select(where(~ any(. %in% vals, na.rm = TRUE)))
13 col1 col3
141 a j
152 b k
163 c l
174 d m
185 a n
19A similar option in base R is with Filter
1df <- data.frame(col1 = c(letters[1:4],"a"),col2 = 1:5,col3 = letters[10:14])
2 df
3 col1 col2 col3
41 a 1 j
52 b 2 k
63 c 3 l
74 d 4 m
85 a 5 n
9vals=c("a","b","n","w")
10library(dplyr)
11df %>%
12 select(where(~ any(. %in% vals, na.rm = TRUE)))
13 col1 col3
141 a j
152 b k
163 c l
174 d m
185 a n
19Filter(\(x) any(x %in% vals, na.rm = TRUE), df)
20 col1 col3
211 a j
222 b k
233 c l
244 d m
255 a n
26QUESTION
Call C++ Hello World from Julia
Asked 2021-Dec-22 at 11:14I have a C++ program that parses a binary file and outputs a std::string. I would like to call this function directly from Julia and convert the steam into a DataFrame. I need it to work in Linux and Windows. Currently, I have the program write the output to a text file, and then I read it into Julia. Cxx is no longer supported, and trying to get CxxWrap to work has been an exercise in frustration.
Toy Problem: If someone could show me how to call the code below from Julia, that would be awesome.
1// the example from https://github.com/JuliaInterop/CxxWrap.jl
2#include <string>
3std::string greet()
4{
5 return "hello, world";
6}
7ANSWER
Answered 2021-Dec-22 at 11:14There's a new package which might fit your needs here:
https://github.com/eschnett/CxxInterface.jl
It is intended as a successor to Cxx.jl and more stable, so I'd recommend giving it ago although I haven't tried it myself!
QUESTION
How should I use sublime text regex engine (PCRE) to delete all latex comments?
Asked 2021-Dec-19 at 10:47I followed the question in another post: Regex to capture LaTeX comments
The provided answer is awesome. However, it seems like it can only be used in the .net engine, but I want to use the PCRE engine. That is because I'm using sublime text and it seems like this engine is used by default. I tried many times, but without success.
The latex is
1\usepackage{test}%COMMENT1
2
3TEXT
4%COMMENT2
5TEXT
6
7Value is 10\%, this should not be removed. %COMMENT3
8
9begin{tikz}[
10important 1,
11%COMMENT4
12important 2, %COMMENT5
13]
14
15TEXT
16%COMMENT 6
17
18TEXT
19
20Table: value1&value2\\%COMMENT7
21Table: value1&value2\\ %COMMENT8
22Table: value1&value2 \\%COMMENT 9
23Table: value1&value2\\% COMMENT 10
24Table: value1&value2\\%COMMENT11
25I tried (?m)(?<=(?<!\\)(?:\\{0}))%.*(?:\r?\n(?!\r?$))?. Only works on comment 1-6,8.
The online results can be found https://regex101.com/r/zSIBMu/3
How should I modify it?
ANSWER
Answered 2021-Dec-17 at 23:24With a capture group:
1\usepackage{test}%COMMENT1
2
3TEXT
4%COMMENT2
5TEXT
6
7Value is 10\%, this should not be removed. %COMMENT3
8
9begin{tikz}[
10important 1,
11%COMMENT4
12important 2, %COMMENT5
13]
14
15TEXT
16%COMMENT 6
17
18TEXT
19
20Table: value1&value2\\%COMMENT7
21Table: value1&value2\\ %COMMENT8
22Table: value1&value2 \\%COMMENT 9
23Table: value1&value2\\% COMMENT 10
24Table: value1&value2\\%COMMENT11
25((?<!\\)(?:\\\\)*)%.*
261\usepackage{test}%COMMENT1
2
3TEXT
4%COMMENT2
5TEXT
6
7Value is 10\%, this should not be removed. %COMMENT3
8
9begin{tikz}[
10important 1,
11%COMMENT4
12important 2, %COMMENT5
13]
14
15TEXT
16%COMMENT 6
17
18TEXT
19
20Table: value1&value2\\%COMMENT7
21Table: value1&value2\\ %COMMENT8
22Table: value1&value2 \\%COMMENT 9
23Table: value1&value2\\% COMMENT 10
24Table: value1&value2\\%COMMENT11
25((?<!\\)(?:\\\\)*)%.*
26(?<!\\)(?:\\\\)*\K%.*
27with an empty string as replacement.
Notice: I don't see any reason to remove the newline sequence even if the comment takes all the line.
QUESTION
How to focus an element only if it isn't currently focused?
Asked 2021-Dec-05 at 10:19The reason I want to do this is because there's some unwanted styling behavior going on when I click on an already focused input. I'd rather it only apply when I first focus it.
I have a basic useRef that holds my inputEl, and I want it so that clicking on the icon (which is a sibling) next to the input element will focus the relevant field, but only if it isn't already focused (if it's already focused, it should do nothing).
So I tried to put the following onClick on the Icon element.
1onClick={() => {
2 if (document.activeElement !== inputEl.current) {
3 inputEl.current.focus();
4 }
5}}
6This condition doesn't work because every time a click happens, the activeElement clears and defaults to the body and so the check fails and I focus again. Not 100% sure why that happens. For some context, the project is bootstrapped by CRA and the icon with this onClick is a Font Awesome React icon. There's nothing notable about the input element except that it has a ref property of inputEl. As I'm using useRef, you probably guessed, but this is inside of a functional component.
I can probably think of some pretty convoluted ways to solve this issue but I'll defer until I get an answer to see if there's a cleaner way. I was thinking maybe setting some state value after focusing, using that in the check and using a useEffect to return the state value to null when the element unfocuses or something like that. Is that an okay idea? Is there a simpler method I'm missing?
Edit: I think I phrased the issue poorly. What I'm trying to solve is the problem that every time I click the icon, it briefly unfocuses the field before refocusing it, which causes my focus transitions to happen on every click.
ANSWER
Answered 2021-Dec-05 at 10:19change focus happens when mousedown event fires on element, you can use mousedown event handler to prevent change the active element.
1onClick={() => {
2 if (document.activeElement !== inputEl.current) {
3 inputEl.current.focus();
4 }
5}}
6onMouseDown={(e) => {
7 if (document.activeElement == inputEl.current) {
8 e.preventDefault();
9 }else{ /*Do focus on input*/ }
10}}
11Community Discussions contain sources that include Stack Exchange Network
Tutorials and Learning Resources in Awesome
Tutorials and Learning Resources are not available at this moment for Awesome
Share this Page
Get latest updates on Awesome