@css-modules-kit/ts-plugin 0.0.2 → 0.0.4

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 (5) hide show
  1. package/README.md +19 -8
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/index.ts +1 -1
package/README.md CHANGED
@@ -25,12 +25,12 @@ https://github.com/user-attachments/assets/df1e2feb-2a1a-4bf5-ae70-1cac36d90409
25
25
 
26
26
  </details>
27
27
 
28
- <details>
28
+ <!-- <details>
29
29
  <summary>Automatically update import statements when moving `*.module.css`</summary>
30
30
 
31
31
  https://github.com/user-attachments/assets/4af168fa-357d-44e1-b010-3053802bf1a2
32
32
 
33
- </details>
33
+ </details> -->
34
34
 
35
35
  <details>
36
36
  <summary>Create CSS Module file for current file.</summary>
@@ -41,7 +41,7 @@ https://github.com/user-attachments/assets/05f9e839-9617-43dc-a519-d5a20adf1146
41
41
 
42
42
  </details>
43
43
 
44
- <details>
44
+ <!-- <details>
45
45
  <summary>Complete `className={...}` instead of `className="..."`</summary>
46
46
 
47
47
  In projects where CSS Modules are used, the element is styled with `className={styles.xxx}`. However, when you type `className`, `className="..."` is completed. This is annoying to the user.
@@ -50,7 +50,7 @@ So, instead of `className="..."` instead of `className={...}` instead of `classN
50
50
 
51
51
  https://github.com/user-attachments/assets/b3609c8a-123f-4f4b-af8c-3c8bf7ab4363
52
52
 
53
- </details>
53
+ </details> -->
54
54
 
55
55
  <details>
56
56
  <summary>Prioritize the `styles' import for the current component file</summary>
@@ -63,33 +63,44 @@ So I have made it so that the `styles` of the CSS Module file corresponding to t
63
63
 
64
64
  </details>
65
65
 
66
- <details>
66
+ <!-- <details>
67
67
  <summary>Add missing CSS rule</summary>
68
68
 
69
69
  If you are trying to use a class name that is not defined, you can add it with Quick Fixes.
70
70
 
71
71
  https://github.com/user-attachments/assets/3502150a-985d-45f3-9912-bbc183e41c03
72
72
 
73
- </details>
73
+ </details> -->
74
74
 
75
75
  ## Installation
76
76
 
77
+ First, install the package.
78
+
77
79
  ```bash
78
80
  npm i -D @css-modules-kit/ts-plugin
79
81
  ```
80
82
 
81
83
  ## Usage
82
84
 
83
- Add the "plugin" option to your tsconfig.json file. For example:
85
+ Second, add the "plugin" option to your tsconfig.json file. For example:
84
86
 
85
87
  ```jsonc
86
88
  {
87
89
  "compilerOptions": {
88
- "plugins": [{ "name": "@css-modules-kit/ts-plugin" }],
90
+ "plugins": [{ "name": "@css-modules-kit/ts-plugin", "languages": ["css"] }],
89
91
  },
90
92
  }
91
93
  ```
92
94
 
95
+ Then, add the followed options to your `.vscode/settings.json`.
96
+
97
+ ```json
98
+ {
99
+ "typescript.enablePromptUseWorkspaceTsdk": true,
100
+ "typescript.tsdk": "node_modules/typescript/lib"
101
+ }
102
+ ```
103
+
93
104
  ## Configuration
94
105
 
95
106
  See [css-modules-kit's README](https://github.com/mizdra/css-modules-kit?tab=readme-ov-file#configuration).
package/dist/index.js CHANGED
@@ -30,7 +30,7 @@ const plugin = (0, createLanguageServicePlugin_js_1.createLanguageServicePlugin)
30
30
  return { languagePlugins: [] };
31
31
  }
32
32
  }
33
- const resolver = (0, core_1.createResolver)(config.paths);
33
+ const resolver = (0, core_1.createResolver)(config.compilerOptions);
34
34
  const matchesPattern = (0, core_1.createMatchesPattern)(config);
35
35
  return {
36
36
  languagePlugins: [(0, language_plugin_js_1.createCSSModuleLanguagePlugin)(resolver, matchesPattern)],
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,gDAA6F;AAC7F,gDAAkE;AAClE,oHAA8G;AAC9G,6DAAqE;AACrE,0DAAmE;AAEnE,MAAM,MAAM,GAAG,IAAA,4DAA2B,EAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;IACtD,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QAClE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,8DAA8D,CAAC,CAAC;QACxG,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,MAAiB,CAAC;IACtB,IAAI,CAAC;QACH,MAAM,GAAG,IAAA,qBAAc,EAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;QACvD,2BAA2B;QAC3B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CACrC,4DAA4D,MAAM,CAAC,cAAc,GAAG,CACrF,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,uDAAuD;QACvD,IAAI,KAAK,YAAY,gCAAyB,EAAE,CAAC;YAC/C,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,GAAG,8DAA8D,CAAC;YACzE,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;gBAC3B,GAAG,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC9B,GAAG,IAAI,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7C,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,IAAA,qBAAc,EAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,IAAA,2BAAoB,EAAC,MAAM,CAAC,CAAC;IAEpD,OAAO;QACL,eAAe,EAAE,CAAC,IAAA,kDAA6B,EAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC1E,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE;YAClB,IAAI,CAAC,eAAe,GAAG,IAAA,+BAAoB,EACzC,QAAQ,EACR,IAAI,CAAC,eAAe,EACpB,IAAI,CAAC,OAAO,EACZ,QAAQ,EACR,cAAc,CACf,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAS,MAAM,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,gDAA6F;AAC7F,gDAAkE;AAClE,oHAA8G;AAC9G,6DAAqE;AACrE,0DAAmE;AAEnE,MAAM,MAAM,GAAG,IAAA,4DAA2B,EAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;IACtD,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QAClE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,8DAA8D,CAAC,CAAC;QACxG,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,MAAiB,CAAC;IACtB,IAAI,CAAC;QACH,MAAM,GAAG,IAAA,qBAAc,EAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;QACvD,2BAA2B;QAC3B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CACrC,4DAA4D,MAAM,CAAC,cAAc,GAAG,CACrF,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,uDAAuD;QACvD,IAAI,KAAK,YAAY,gCAAyB,EAAE,CAAC;YAC/C,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,GAAG,8DAA8D,CAAC;YACzE,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;gBAC3B,GAAG,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC9B,GAAG,IAAI,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7C,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,IAAA,qBAAc,EAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,IAAA,2BAAoB,EAAC,MAAM,CAAC,CAAC;IAEpD,OAAO;QACL,eAAe,EAAE,CAAC,IAAA,kDAA6B,EAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC1E,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE;YAClB,IAAI,CAAC,eAAe,GAAG,IAAA,+BAAoB,EACzC,QAAQ,EACR,IAAI,CAAC,eAAe,EACpB,IAAI,CAAC,OAAO,EACZ,QAAQ,EACR,cAAc,CACf,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAS,MAAM,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@css-modules-kit/ts-plugin",
3
3
  "description": "A TypeScript Language Service Plugin for CSS Modules",
4
- "version": "0.0.2",
4
+ "version": "0.0.4",
5
5
  "type": "commonjs",
6
6
  "sideEffects": false,
7
7
  "repository": {
@@ -39,7 +39,7 @@
39
39
  "dependencies": {
40
40
  "@volar/language-core": "^2.4.11",
41
41
  "@volar/typescript": "^2.4.11",
42
- "@css-modules-kit/core": "^0.0.2"
42
+ "@css-modules-kit/core": "^0.0.4"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "typescript": ">=5.6.3"
package/src/index.ts CHANGED
@@ -33,7 +33,7 @@ const plugin = createLanguageServicePlugin((ts, info) => {
33
33
  }
34
34
  }
35
35
 
36
- const resolver = createResolver(config.paths);
36
+ const resolver = createResolver(config.compilerOptions);
37
37
  const matchesPattern = createMatchesPattern(config);
38
38
 
39
39
  return {