@wikicasa-dev/utilities 0.0.1 → 0.0.2

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/dist/counter.d.ts +1 -0
  2. package/dist/main.d.ts +0 -0
  3. package/dist/style.css +1 -0
  4. package/dist/utilities.js +26 -0
  5. package/dist/utilities.umd.cjs +17 -0
  6. package/package.json +4 -1
  7. package/index.html +0 -13
  8. package/src/counter.ts +0 -9
  9. package/src/main.ts +0 -24
  10. package/src/style.css +0 -97
  11. package/src/typescript.svg +0 -1
  12. package/src/vite-env.d.ts +0 -1
  13. package/tsconfig.json +0 -23
  14. package/vite.config.ts +0 -15
  15. /package/{public → dist}/vite.svg +0 -0
package/dist/counter.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function setupCounter(element: HTMLButtonElement): void;
package/dist/main.d.ts ADDED
File without changes
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ :root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
package/dist/utilities.js ADDED
@@ -0,0 +1,26 @@
1
+ const t = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1sb2dvcyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+PHBhdGggZmlsbD0iIzAwN0FDQyIgZD0iTTAgMTI4djEyOGgyNTZWMEgweiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Im01Ni42MTIgMTI4Ljg1bC0uMDgxIDEwLjQ4M2gzMy4zMnY5NC42OGgyMy41Njh2LTk0LjY4aDMzLjMyMXYtMTAuMjhjMC01LjY5LS4xMjItMTAuNDQ0LS4yODQtMTAuNTY2Yy0uMTIyLS4xNjItMjAuNC0uMjQ0LTQ0Ljk4My0uMjAzbC00NC43NC4xMjJsLS4xMjEgMTAuNDQzWm0xNDkuOTU1LTEwLjc0MmM2LjUwMSAxLjYyNSAxMS40NTkgNC41MSAxNi4wMSA5LjIyNGMyLjM1NyAyLjUyIDUuODUxIDcuMTExIDYuMTM2IDguMjA4Yy4wOC4zMjUtMTEuMDUzIDcuODAyLTE3Ljc5OCAxMS45ODhjLS4yNDQuMTYyLTEuMjItLjg5NC0yLjMxNy0yLjUyYy0zLjI5MS00Ljc5NS02Ljc0NS02Ljg2Ny0xMi4wMjgtNy4yMzNjLTcuNzYtLjUyOC0xMi43NTkgMy41MzUtMTIuNzE4IDEwLjMyMWMwIDEuOTkyLjI4NCAzLjE3IDEuMDk3IDQuNzk1YzEuNzA3IDMuNTM2IDQuODc2IDUuNjQ5IDE0LjgzMiA5Ljk1NmMxOC4zMjYgNy44ODMgMjYuMTY4IDEzLjA4NCAzMS4wNDUgMjAuNDhjNS40NDUgOC4yNDkgNi42NjQgMjEuNDE1IDIuOTY2IDMxLjIwOGMtNC4wNjMgMTAuNjQ2LTE0LjE0IDE3Ljg3OS0yOC4zMjMgMjAuMjc2Yy00LjM4OC43NzItMTQuNzkuNjUtMTkuNTA0LS4yMDNjLTEwLjI4LTEuODI4LTIwLjAzMy02LjkwOC0yNi4wNDctMTMuNTcyYy0yLjM1Ny0yLjYtNi45NDktOS4zODctNi42NjQtOS44NzRjLjEyMi0uMTYzIDEuMTc4LS44MTMgMi4zNTYtMS41MDRjMS4xMzgtLjY1IDUuNDQ2LTMuMTI5IDkuNTA5LTUuNDg1bDcuMzU1LTQuMjY3bDEuNTQ0IDIuMjc2YzIuMTU0IDMuMjkgNi44NjcgNy44MDEgOS43MTIgOS4zMDVjOC4xNjcgNC4zMDcgMTkuMzgzIDMuNjk4IDI0LjkwOS0xLjI2YzIuMzU3LTIuMTUzIDMuMzMyLTQuMzg4IDMuMzMyLTcuNjhjMC0yLjk2Ni0uMzY2LTQuMjY2LTEuOTEtNi41MDFjLTEuOTktMi44NDUtNi4wNTQtNS4yNDItMTcuNTk1LTEwLjI0Yy0xMy4yMDYtNS42OS0xOC44OTUtOS4yMjQtMjQuMDk2LTE0LjgzMmMtMy4wMDctMy4yNS01Ljg1Mi04LjQ1Mi03LjAzLTEyLjhjLS45NzUtMy42MTctMS4yMi0xMi42NzgtLjQ0Ny0xNi4zMzVjMi43MjMtMTIuNzYgMTIuMzUzLTIxLjY1OSAyNi4yNS0yNC4zYzQuNTEtLjg1MyAxNC45OTQtLjUyOCAxOS40MjQuNTY5WiI+PC9wYXRoPjwvc3ZnPg==", u = "/vite.svg";
2
+ function y(j) {
3
+ let M = 0;
4
+ const N = (L) => {
5
+ M = L, j.innerHTML = `count is ${M}`;
6
+ };
7
+ j.addEventListener("click", () => N(M + 1)), N(0);
8
+ }
9
+ document.querySelector("#app").innerHTML = `
10
+ <div>
11
+ <a href="https://vitejs.dev" target="_blank">
12
+ <img src="${u}" class="logo" alt="Vite logo" />
13
+ </a>
14
+ <a href="https://www.typescriptlang.org/" target="_blank">
15
+ <img src="${t}" class="logo vanilla" alt="TypeScript logo" />
16
+ </a>
17
+ <h1>Vite + TypeScript</h1>
18
+ <div class="card">
19
+ <button id="counter" type="button"></button>
20
+ </div>
21
+ <p class="read-the-docs">
22
+ Click on the Vite and TypeScript logos to learn more
23
+ </p>
24
+ </div>
25
+ `;
26
+ y(document.querySelector("#counter"));
package/dist/utilities.umd.cjs ADDED
@@ -0,0 +1,17 @@
1
+ (function(M){typeof define=="function"&&define.amd?define(M):M()})(function(){"use strict";const M="",L="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1sb2dvcyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+PHBhdGggZmlsbD0iIzAwN0FDQyIgZD0iTTAgMTI4djEyOGgyNTZWMEgweiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Im01Ni42MTIgMTI4Ljg1bC0uMDgxIDEwLjQ4M2gzMy4zMnY5NC42OGgyMy41Njh2LTk0LjY4aDMzLjMyMXYtMTAuMjhjMC01LjY5LS4xMjItMTAuNDQ0LS4yODQtMTAuNTY2Yy0uMTIyLS4xNjItMjAuNC0uMjQ0LTQ0Ljk4My0uMjAzbC00NC43NC4xMjJsLS4xMjEgMTAuNDQzWm0xNDkuOTU1LTEwLjc0MmM2LjUwMSAxLjYyNSAxMS40NTkgNC41MSAxNi4wMSA5LjIyNGMyLjM1NyAyLjUyIDUuODUxIDcuMTExIDYuMTM2IDguMjA4Yy4wOC4zMjUtMTEuMDUzIDcuODAyLTE3Ljc5OCAxMS45ODhjLS4yNDQuMTYyLTEuMjItLjg5NC0yLjMxNy0yLjUyYy0zLjI5MS00Ljc5NS02Ljc0NS02Ljg2Ny0xMi4wMjgtNy4yMzNjLTcuNzYtLjUyOC0xMi43NTkgMy41MzUtMTIuNzE4IDEwLjMyMWMwIDEuOTkyLjI4NCAzLjE3IDEuMDk3IDQuNzk1YzEuNzA3IDMuNTM2IDQuODc2IDUuNjQ5IDE0LjgzMiA5Ljk1NmMxOC4zMjYgNy44ODMgMjYuMTY4IDEzLjA4NCAzMS4wNDUgMjAuNDhjNS40NDUgOC4yNDkgNi42NjQgMjEuNDE1IDIuOTY2IDMxLjIwOGMtNC4wNjMgMTAuNjQ2LTE0LjE0IDE3Ljg3OS0yOC4zMjMgMjAuMjc2Yy00LjM4OC43NzItMTQuNzkuNjUtMTkuNTA0LS4yMDNjLTEwLjI4LTEuODI4LTIwLjAzMy02LjkwOC0yNi4wNDctMTMuNTcyYy0yLjM1Ny0yLjYtNi45NDktOS4zODctNi42NjQtOS44NzRjLjEyMi0uMTYzIDEuMTc4LS44MTMgMi4zNTYtMS41MDRjMS4xMzgtLjY1IDUuNDQ2LTMuMTI5IDkuNTA5LTUuNDg1bDcuMzU1LTQuMjY3bDEuNTQ0IDIuMjc2YzIuMTU0IDMuMjkgNi44NjcgNy44MDEgOS43MTIgOS4zMDVjOC4xNjcgNC4zMDcgMTkuMzgzIDMuNjk4IDI0LjkwOS0xLjI2YzIuMzU3LTIuMTUzIDMuMzMyLTQuMzg4IDMuMzMyLTcuNjhjMC0yLjk2Ni0uMzY2LTQuMjY2LTEuOTEtNi41MDFjLTEuOTktMi44NDUtNi4wNTQtNS4yNDItMTcuNTk1LTEwLjI0Yy0xMy4yMDYtNS42OS0xOC44OTUtOS4yMjQtMjQuMDk2LTE0LjgzMmMtMy4wMDctMy4yNS01Ljg1Mi04LjQ1Mi03LjAzLTEyLjhjLS45NzUtMy42MTctMS4yMi0xMi42NzgtLjQ0Ny0xNi4zMzVjMi43MjMtMTIuNzYgMTIuMzUzLTIxLjY1OSAyNi4yNS0yNC4zYzQuNTEtLjg1MyAxNC45OTQtLjUyOCAxOS40MjQuNTY5WiI+PC9wYXRoPjwvc3ZnPg==",u="/vite.svg";function y(N){let j=0;const t=T=>{j=T,N.innerHTML=`count is ${j}`};N.addEventListener("click",()=>t(j+1)),t(0)}document.querySelector("#app").innerHTML=`
2
+ <div>
3
+ <a href="https://vitejs.dev" target="_blank">
4
+ <img src="${u}" class="logo" alt="Vite logo" />
5
+ </a>
6
+ <a href="https://www.typescriptlang.org/" target="_blank">
7
+ <img src="${L}" class="logo vanilla" alt="TypeScript logo" />
8
+ </a>
9
+ <h1>Vite + TypeScript</h1>
10
+ <div class="card">
11
+ <button id="counter" type="button"></button>
12
+ </div>
13
+ <p class="read-the-docs">
14
+ Click on the Vite and TypeScript logos to learn more
15
+ </p>
16
+ </div>
17
+ `,y(document.querySelector("#counter"))});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/utilities",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "Wikicasa frontend utilities",
5
5
  "type": "module",
6
6
  "main": "./dist/utilities.umd.cjs",
@@ -12,6 +12,9 @@
12
12
  "require": "./dist/utilities.umd.cjs"
13
13
  }
14
14
  },
15
+ "files": [
16
+ "dist"
17
+ ],
15
18
  "scripts": {
16
19
  "dev": "vite",
17
20
  "build": "tsc && vite build",
package/index.html DELETED
@@ -1,13 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Vite + TS</title>
8
- </head>
9
- <body>
10
- <div id="app"></div>
11
- <script type="module" src="/src/main.ts"></script>
12
- </body>
13
- </html>
package/src/counter.ts DELETED
@@ -1,9 +0,0 @@
1
- export function setupCounter(element: HTMLButtonElement) {
2
- let counter = 0
3
- const setCounter = (count: number) => {
4
- counter = count
5
- element.innerHTML = `count is ${counter}`
6
- }
7
- element.addEventListener('click', () => setCounter(counter + 1))
8
- setCounter(0)
9
- }
package/src/main.ts DELETED
@@ -1,24 +0,0 @@
1
- import './style.css'
2
- import typescriptLogo from './typescript.svg'
3
- import viteLogo from '/vite.svg'
4
- import { setupCounter } from './counter.ts'
5
-
6
- document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
7
- <div>
8
- <a href="https://vitejs.dev" target="_blank">
9
- <img src="${viteLogo}" class="logo" alt="Vite logo" />
10
- </a>
11
- <a href="https://www.typescriptlang.org/" target="_blank">
12
- <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
13
- </a>
14
- <h1>Vite + TypeScript</h1>
15
- <div class="card">
16
- <button id="counter" type="button"></button>
17
- </div>
18
- <p class="read-the-docs">
19
- Click on the Vite and TypeScript logos to learn more
20
- </p>
21
- </div>
22
- `
23
-
24
- setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)
package/src/style.css DELETED
@@ -1,97 +0,0 @@
1
- :root {
2
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3
- line-height: 1.5;
4
- font-weight: 400;
5
-
6
- color-scheme: light dark;
7
- color: rgba(255, 255, 255, 0.87);
8
- background-color: #242424;
9
-
10
- font-synthesis: none;
11
- text-rendering: optimizeLegibility;
12
- -webkit-font-smoothing: antialiased;
13
- -moz-osx-font-smoothing: grayscale;
14
- -webkit-text-size-adjust: 100%;
15
- }
16
-
17
- a {
18
- font-weight: 500;
19
- color: #646cff;
20
- text-decoration: inherit;
21
- }
22
- a:hover {
23
- color: #535bf2;
24
- }
25
-
26
- body {
27
- margin: 0;
28
- display: flex;
29
- place-items: center;
30
- min-width: 320px;
31
- min-height: 100vh;
32
- }
33
-
34
- h1 {
35
- font-size: 3.2em;
36
- line-height: 1.1;
37
- }
38
-
39
- #app {
40
- max-width: 1280px;
41
- margin: 0 auto;
42
- padding: 2rem;
43
- text-align: center;
44
- }
45
-
46
- .logo {
47
- height: 6em;
48
- padding: 1.5em;
49
- will-change: filter;
50
- transition: filter 300ms;
51
- }
52
- .logo:hover {
53
- filter: drop-shadow(0 0 2em #646cffaa);
54
- }
55
- .logo.vanilla:hover {
56
- filter: drop-shadow(0 0 2em #3178c6aa);
57
- }
58
-
59
- .card {
60
- padding: 2em;
61
- }
62
-
63
- .read-the-docs {
64
- color: #888;
65
- }
66
-
67
- button {
68
- border-radius: 8px;
69
- border: 1px solid transparent;
70
- padding: 0.6em 1.2em;
71
- font-size: 1em;
72
- font-weight: 500;
73
- font-family: inherit;
74
- background-color: #1a1a1a;
75
- cursor: pointer;
76
- transition: border-color 0.25s;
77
- }
78
- button:hover {
79
- border-color: #646cff;
80
- }
81
- button:focus,
82
- button:focus-visible {
83
- outline: 4px auto -webkit-focus-ring-color;
84
- }
85
-
86
- @media (prefers-color-scheme: light) {
87
- :root {
88
- color: #213547;
89
- background-color: #ffffff;
90
- }
91
- a:hover {
92
- color: #747bff;
93
- }
94
- button {
95
- background-color: #f9f9f9;
96
- }
97
- }
package/src/typescript.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#007ACC" d="M0 128v128h256V0H0z"></path><path fill="#FFF" d="m56.612 128.85l-.081 10.483h33.32v94.68h23.568v-94.68h33.321v-10.28c0-5.69-.122-10.444-.284-10.566c-.122-.162-20.4-.244-44.983-.203l-44.74.122l-.121 10.443Zm149.955-10.742c6.501 1.625 11.459 4.51 16.01 9.224c2.357 2.52 5.851 7.111 6.136 8.208c.08.325-11.053 7.802-17.798 11.988c-.244.162-1.22-.894-2.317-2.52c-3.291-4.795-6.745-6.867-12.028-7.233c-7.76-.528-12.759 3.535-12.718 10.321c0 1.992.284 3.17 1.097 4.795c1.707 3.536 4.876 5.649 14.832 9.956c18.326 7.883 26.168 13.084 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.14 17.879-28.323 20.276c-4.388.772-14.79.65-19.504-.203c-10.28-1.828-20.033-6.908-26.047-13.572c-2.357-2.6-6.949-9.387-6.664-9.874c.122-.163 1.178-.813 2.356-1.504c1.138-.65 5.446-3.129 9.509-5.485l7.355-4.267l1.544 2.276c2.154 3.29 6.867 7.801 9.712 9.305c8.167 4.307 19.383 3.698 24.909-1.26c2.357-2.153 3.332-4.388 3.332-7.68c0-2.966-.366-4.266-1.91-6.501c-1.99-2.845-6.054-5.242-17.595-10.24c-13.206-5.69-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.617-1.22-12.678-.447-16.335c2.723-12.76 12.353-21.659 26.25-24.3c4.51-.853 14.994-.528 19.424.569Z"></path></svg>
package/src/vite-env.d.ts DELETED
@@ -1 +0,0 @@
1
- /// <reference types="vite/client" />
package/tsconfig.json DELETED
@@ -1,23 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "ES2020",
4
- "useDefineForClassFields": true,
5
- "module": "ESNext",
6
- "lib": ["ES2020", "DOM", "DOM.Iterable"],
7
- "skipLibCheck": true,
8
-
9
- /* Bundler mode */
10
- "moduleResolution": "bundler",
11
- "allowImportingTsExtensions": true,
12
- "resolveJsonModule": true,
13
- "isolatedModules": true,
14
- "noEmit": true,
15
-
16
- /* Linting */
17
- "strict": true,
18
- "noUnusedLocals": true,
19
- "noUnusedParameters": true,
20
- "noFallthroughCasesInSwitch": true
21
- },
22
- "include": ["src"]
23
- }
package/vite.config.ts DELETED
@@ -1,15 +0,0 @@
1
- // vite.config.ts
2
- import { resolve } from 'path';
3
- import { defineConfig } from 'vite';
4
- import dts from 'vite-plugin-dts';
5
- // https://vitejs.dev/guide/build.html#library-mode
6
- export default defineConfig({
7
- build: {
8
- lib: {
9
- entry: resolve(__dirname, 'src/main.ts'),
10
- name: 'utilities',
11
- fileName: 'utilities',
12
- },
13
- },
14
- plugins: [dts()],
15
- });
/package/{public → dist}/vite.svg RENAMED
File without changes