@ctx-core/switch 11.0.96 → 11.1.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @ctx-core/switch
 
+## 11.1.1
+
+### Patch Changes
+
+- svelte: ^3.55.1 -> ^3.56.0
+
+## 11.1.0
+
+### Minor Changes
+
+- RoundSwitch: + types: RoundSwitch extends SvelteComponentTyped
+- extract _.js & _.d.ts into directories
+
 ## 11.0.96
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctx-core/switch",
-  "version": "11.0.96",
+  "version": "11.1.1",
   "description": "ctx-core switch",
   "keywords": [
     "ctx-core",
@@ -17,37 +17,33 @@
   "license": "Apache-2.0",
   "author": "Brian Takita",
   "type": "module",
-  "types": "./lib/index.d.ts",
+  "types": "./src/index.d.ts",
+  "svelte": "./src/index.js",
   "exports": {
-    ".": "./lib/index.js",
+    ".": "./src/index.js",
     "./package.json": "./package.json"
   },
+  "dependencies": {
+    "svelte": "^3.56.0"
+  },
   "devDependencies": {
-    "@ctx-core/sass": "^12.2.0",
-    "@sveltejs/adapter-auto": "next",
-    "@sveltejs/kit": "next",
-    "@swc/cli": "^0.1.62",
-    "@swc/core": "^1.3.35",
-    "rimraf": "^4.1.2",
-    "svelte": "^3.55.1",
-    "svelte-preprocess": "^5.0.1",
-    "svelte2tsx": "^0.6.1",
-    "tslib": "^2.5.0",
-    "typescript": "next"
+    "c8": "^7.13.0",
+    "check-dts": "^0.7.0",
+    "tsx": "^3.12.3",
+    "typescript": "next",
+    "uvu": "^0.5.6"
   },
   "publishConfig": {
     "access": "public",
     "cache": "~/.npm"
   },
-  "svelte": "./lib/index.js",
   "sideEffects": false,
   "scripts": {
-    "build": "npm run compile",
-    "clean": "rimraf lib && npm run clean:tsbuildinfo",
-    "clean:tsbuildinfo": "rimraf tsconfig.tsbuildinfo && rimraf lib/**/*.d.ts",
-    "compile": "npm run compile:source && npm run compile:declaration",
-    "compile:source": "swc src --out-dir lib --copy-files --source-maps --config-file .swcrc",
-    "compile:declaration": "npm run clean:tsbuildinfo && tsc --declaration --emitDeclarationOnly --declarationDir lib",
-    "exec": "$@"
+    "build": ":",
+    "clean": ":",
+    "exec": "$@",
+    "test": "pnpm test-unit && check-dts",
+    "test-unit": "tsx node_modules/uvu/bin.js . '\\.test\\.(ts|js)$'",
+    "test-unit-coverage": "c8 pnpm test-unit"
   }
 }

package/src/RoundSwitch/index.d.ts

@@ -0,0 +1,4 @@
+import type { SvelteComponentTyped } from 'svelte'
+export class RoundSwitch extends SvelteComponentTyped<{
+	id?:string
+}> {}

package/src/RoundSwitch/index.js

@@ -0,0 +1,2 @@
+import 'svelte'
+export * as RoundSwitch from './index.svelte'

package/src/{RoundSwitch.svelte → RoundSwitch/index.svelte}

@@ -1,4 +1,4 @@
-<script lang="ts">
+<script>
 export let id = ''
 </script>
 
@@ -7,39 +7,34 @@ export let id = ''
 	<span class="slider round"></span>
 </label>
 
-<style lang="scss">
+<style>
 .Switch {
 	position: relative;
 	display: inline-block;
 	width: 60px;
 	height: 34px;
-	input {
+}
+	.Switch input {
 		display: none;
-		&:checked {
-			+ .slider {
+	}
+			.Switch input:checked + .slider {
 				background-color: #3EBBC0;
-				&:before {
+			}
+				.Switch input:checked + .slider:before {
 					-webkit-transform: translateX(26px);
 					-ms-transform: translateX(26px);
 					transform: translateX(26px);
 				}
-			}
-		}
-		&:focused {
-			+ .slider {
+			.Switch input:focused + .slider {
 				box-shadow: 0 0 1px #2196F3;
 			}
-		}
-		+ .slider {
-			&.round {
+			.Switch input + .slider.round {
 				border-radius: 34px;
-				&:before {
+			}
+				.Switch input + .slider.round:before {
 					border-radius: 50%;
 				}
-			}
-		}
-	}
-	.slider {
+	.Switch .slider {
 		position: absolute;
 		cursor: pointer;
 		top: 0;
@@ -49,7 +44,8 @@ export let id = ''
 		background-color: #ccc;
 		-webkit-transition: .4s;
 		transition: .4s;
-		&:before {
+	}
+		.Switch .slider:before {
 			position: absolute;
 			content: "";
 			height: 26px;
@@ -60,6 +56,4 @@ export let id = ''
 			-webkit-transition: .4s;
 			transition: .4s;
 		}
-	}
-}
 </style>

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './RoundSwitch/index.js'

package/src/index.js

@@ -0,0 +1 @@
+export * from './RoundSwitch/index.js'

package/.swcrc

@@ -1,10 +0,0 @@
-{
-	"jsc": {
-		"target": "es2020",
-		"parser": {
-			"syntax": "typescript",
-			"tsx": true,
-			"dynamicImport": true
-		}
-	}
-}

package/lib/RoundSwitch.svelte

@@ -1,65 +0,0 @@
-<script lang="ts">
-export let id = ''
-</script>
-
-<label class="Switch Round_Switch">
-	<input {id} type="checkbox" on:change>
-	<span class="slider round"></span>
-</label>
-
-<style lang="scss">
-.Switch {
-	position: relative;
-	display: inline-block;
-	width: 60px;
-	height: 34px;
-	input {
-		display: none;
-		&:checked {
-			+ .slider {
-				background-color: #3EBBC0;
-				&:before {
-					-webkit-transform: translateX(26px);
-					-ms-transform: translateX(26px);
-					transform: translateX(26px);
-				}
-			}
-		}
-		&:focused {
-			+ .slider {
-				box-shadow: 0 0 1px #2196F3;
-			}
-		}
-		+ .slider {
-			&.round {
-				border-radius: 34px;
-				&:before {
-					border-radius: 50%;
-				}
-			}
-		}
-	}
-	.slider {
-		position: absolute;
-		cursor: pointer;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: #ccc;
-		-webkit-transition: .4s;
-		transition: .4s;
-		&:before {
-			position: absolute;
-			content: "";
-			height: 26px;
-			width: 26px;
-			left: 4px;
-			bottom: 4px;
-			background-color: white;
-			-webkit-transition: .4s;
-			transition: .4s;
-		}
-	}
-}
-</style>

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import 'svelte';
-export * as RoundSwitch from './RoundSwitch.svelte';

package/lib/index.js

@@ -1,4 +0,0 @@
-import 'svelte';
-export * as RoundSwitch from './RoundSwitch.svelte';
-
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import 'svelte'\nexport * as RoundSwitch from './RoundSwitch.svelte'\n"],"names":["RoundSwitch"],"mappings":"AAAA,OAAO,SAAQ;AACf,OAAO,KAAKA,WAAW,MAAM,uBAAsB"}

package/src/index.ts

@@ -1,2 +0,0 @@
-import 'svelte'
-export * as RoundSwitch from './RoundSwitch.svelte'