Skip to content
This repository was archived by the owner on Oct 26, 2024. It is now read-only.

Commit 09bf094

Browse files
Updating config and move package to organization
1 parent 4a5a747 commit 09bf094

17 files changed

+3868
-3324
lines changed

.babelrc

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
11
{
2-
"presets": [
3-
"@babel/env",
4-
"@babel/preset-typescript"
5-
],
2+
"presets": ["@babel/env", "@babel/preset-typescript"],
63
"plugins": ["@babel/plugin-transform-typescript"]
74
}

.eslintrc.js

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
11
// https://eslint.org/docs/user-guide/configuring
22

33
module.exports = {
4+
root: true,
5+
parser: "@typescript-eslint/parser",
46
env: {
57
browser: true,
68
node: true,
7-
es6: true
8-
}
9+
es6: true,
10+
jest: true,
11+
},
12+
// https://github.com/standard/standard/blob/master/docs/RULES-en.md
13+
extends: ["standard", "prettier"],
14+
plugins: ["@typescript-eslint"],
915
}

.github/workflows/lint.yml

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,11 @@ jobs:
66
eslint:
77
runs-on: ubuntu-latest
88
steps:
9-
- uses: actions/checkout@v1
10-
- uses: actions/setup-node@v1
9+
- uses: actions/checkout@v2
10+
- uses: actions/setup-node@v2
1111
with:
12-
node-version: '14.x'
12+
node-version-file: ".node-version"
13+
cache: "yarn"
1314
- run: |
14-
yarn install
15+
yarn install --silent --non-interactive
1516
yarn lint

.node-version

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
18
1+
20

.npmignore

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
1-
21
.github
2+
jest
33
.babelrc
4+
jest.config.js
45
index.html
56
netlify.toml
67
.node-version
78
.eslintrc.js
8-
src
9-
specs
9+
spec
1010
tsconfig.json
11-
vite.config.js
11+
vite.config.mjs
1212
.prettierignore
13-
.prettierrc
14-
.eslintignore
1513
postcss.config.js
1614
tailwind.config.js

.prettierrc

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
{
2-
"printWidth": 120
2+
"printWidth": 120,
3+
"semi": false
34
}

CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
# Changelog
2+
23
All notable changes to this project will be documented in this file.
34

45
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),

LICENSE

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MIT License
22

3-
Copyright (c) 2024 Guillaume Briday
3+
Copyright (c) Guillaume Briday
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal

index.html

Lines changed: 45 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,71 +1,52 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="description" content="A Stimulus controller to scroll to elements." />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77

8-
<title>Stimulus ScrollTo</title>
8+
<title>Stimulus Scroll To</title>
99

1010
<script type="module" defer>
11-
import './src/app.css'
12-
import { Application } from '@hotwired/stimulus'
13-
import SmoothScroll from 'smoothscroll-polyfill'
14-
import ScrollTo from './src/index'
11+
import "./src/app.css"
12+
import { Application } from "@hotwired/stimulus"
13+
import ScrollTo from "./src/index"
1514

16-
SmoothScroll.polyfill()
1715
const application = Application.start()
18-
application.register('scroll-to', ScrollTo)
16+
application.register("scroll-to", ScrollTo)
1917
</script>
2018
</head>
2119

2220
<body>
23-
<!-- This example requires Tailwind CSS v2.0+ -->
24-
<div class="relative bg-gray-50 overflow-hidden">
25-
<div class="hidden sm:block sm:absolute sm:inset-y-0 sm:h-full sm:w-full" aria-hidden="true">
26-
<div class="relative h-full max-w-7xl mx-auto">
27-
<svg
28-
class="absolute right-full transform translate-y-1/4 translate-x-1/4 lg:translate-x-1/2"
29-
width="404"
30-
height="784"
31-
fill="none"
32-
viewBox="0 0 404 784"
33-
>
34-
<defs>
35-
<pattern
36-
id="f210dbf6-a58d-4871-961e-36d5016a0f49"
37-
x="0"
38-
y="0"
39-
width="20"
40-
height="20"
41-
patternUnits="userSpaceOnUse"
42-
>
43-
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
44-
</pattern>
45-
</defs>
46-
<rect width="404" height="784" fill="url(#f210dbf6-a58d-4871-961e-36d5016a0f49)" />
47-
</svg>
48-
<svg
49-
class="absolute left-full transform -translate-y-3/4 -translate-x-1/4 md:-translate-y-1/2 lg:-translate-x-1/2"
50-
width="404"
51-
height="784"
52-
fill="none"
53-
viewBox="0 0 404 784"
54-
>
55-
<defs>
56-
<pattern
57-
id="5d0dd344-b041-4d26-bec4-8d33ea57ec9b"
58-
x="0"
59-
y="0"
60-
width="20"
61-
height="20"
62-
patternUnits="userSpaceOnUse"
63-
>
64-
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
65-
</pattern>
66-
</defs>
67-
<rect width="404" height="784" fill="url(#5d0dd344-b041-4d26-bec4-8d33ea57ec9b)" />
68-
</svg>
21+
<div class="relative bg-white overflow-hidden">
22+
<div class="relative isolate pt-14">
23+
<div
24+
class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
25+
aria-hidden="true"
26+
>
27+
<div
28+
class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-yellow-500 to-orange-500 opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
29+
style="
30+
clip-path: polygon(
31+
74.1% 44.1%,
32+
100% 61.6%,
33+
97.5% 26.9%,
34+
85.5% 0.1%,
35+
80.7% 2%,
36+
72.5% 32.5%,
37+
60.2% 62.4%,
38+
52.4% 68.1%,
39+
47.5% 58.3%,
40+
45.2% 34.5%,
41+
27.5% 76.7%,
42+
0.1% 64.9%,
43+
17.9% 100%,
44+
27.6% 76.8%,
45+
76.1% 97.7%,
46+
74.1% 44.1%
47+
);
48+
"
49+
></div>
6950
</div>
7051
</div>
7152

@@ -75,7 +56,7 @@
7556
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
7657
<span class="block xl:inline">Stimulus</span>
7758
<span class="block bg-gradient-to-r from-yellow-500 to-orange-500 xl:inline bg-clip-text text-transparent"
78-
>ScrollTo</span
59+
>Scroll To</span
7960
>
8061
</h1>
8162

@@ -84,8 +65,8 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
8465
</p>
8566

8667
<p class="text-center mt-3">
87-
<img class="inline-block" src="https://img.shields.io/npm/dt/stimulus-scroll-to.svg" />
88-
<img class="inline-block" src="https://img.shields.io/npm/v/stimulus-scroll-to.svg" />
68+
<img class="inline-block" src="https://img.shields.io/npm/dt/@stimulus-components/scroll-to.svg" />
69+
<img class="inline-block" src="https://img.shields.io/npm/v/@stimulus-components/scroll-to.svg" />
8970

9071
<img
9172
class="inline-block"
@@ -101,7 +82,7 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
10182
<div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
10283
<div class="rounded-md shadow">
10384
<a
104-
href="https://www.stimulus-components.com/docs/stimulus-scroll-to/"
85+
href="https://www.stimulus-components.com/docs/stimulus-scroll-to"
10586
class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gradient-to-r from-yellow-500 to-orange-500 md:py-4 md:text-lg md:px-10"
10687
>
10788
Documentation &rarr;
@@ -112,7 +93,7 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
11293
href="https://github.com/stimulus-components/stimulus-scroll-to"
11394
class="w-full flex items-center justify-center gap-1 px-8 py-3 border border-transparent text-base font-medium rounded-md bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
11495
>
115-
<svg fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6">
96+
<svg fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" class="size-6">
11697
<path
11798
fill-rule="evenodd"
11899
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
@@ -147,7 +128,6 @@ <h2 id="awesome-stuff-here" class="text-2xl">Awesome stuff here</h2>
147128
</section>
148129
</div>
149130

150-
<!-- This example requires Tailwind CSS v2.0+ -->
151131
<footer class="bg-white">
152132
<div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
153133
<div class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer">
@@ -170,9 +150,11 @@ <h2 id="awesome-stuff-here" class="text-2xl">Awesome stuff here</h2>
170150
class="text-gray-400 hover:text-gray-500"
171151
>
172152
<span class="sr-only">Twitter</span>
173-
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
153+
<svg class="size-6" fill="currentColor" viewBox="0 0 512 512">
174154
<path
175-
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"
155+
fill-rule="evenodd"
156+
d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
157+
clip-rule="evenodd"
176158
/>
177159
</svg>
178160
</a>
@@ -184,7 +166,7 @@ <h2 id="awesome-stuff-here" class="text-2xl">Awesome stuff here</h2>
184166
class="text-gray-400 hover:text-gray-500"
185167
>
186168
<span class="sr-only">GitHub</span>
187-
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
169+
<svg class="size-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
188170
<path
189171
fill-rule="evenodd"
190172
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"

netlify.toml

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
[build]
32
publish="dist"
43
command="yarn prod"

0 commit comments

Comments
 (0)