ci: publish packages to NPM (#105)

.github/workflows/change.yml

@@ -7,12 +7,12 @@ jobs:
   verify:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         name: Checkout
         with:
           fetch-depth: 2
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         name: Install Node.js
         with:
           cache-dependency-path: '**/config/rush/pnpm-lock.yaml'

.github/workflows/lint.yml

@@ -34,10 +34,10 @@ jobs:
     name: Sort package.json
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         name: Checkout
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         name: Install Node.js
         with:
           cache-dependency-path: '**/config/rush/pnpm-lock.yaml'

.github/workflows/release-package.yml

@@ -13,14 +13,14 @@ jobs:
       contents: write
       packages: write
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         name: Checkout
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         name: Install Node.js
         with:
           cache-dependency-path: '**/config/rush/pnpm-lock.yaml'
-          registry-url: https://npm.pkg.github.com/
+          registry-url: https://registry.npmjs.org/
 
       - name: Set Git User
         run: |
@@ -36,4 +36,4 @@ jobs:
       - name: Publish Packages via Rush
         run: node common/scripts/install-run-rush.js publish --apply --publish --include-all --version-policy stonecrop --target-branch development --add-commit-details --set-access-level=public
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/tests.yml

@@ -38,10 +38,10 @@ jobs:
 
     steps:
     - name: Checkout
-      uses: actions/checkout@v3
+      uses: actions/checkout@v4
 
     - name: Install Node ${{ matrix.node }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         cache-dependency-path: '**/config/rush/pnpm-lock.yaml'
         registry-url: https://npm.pkg.github.com/
@@ -76,10 +76,10 @@ jobs:
 
     steps:
     - name: Checkout
-      uses: actions/checkout@v3
+      uses: actions/checkout@v4
 
     - name: Install Node ${{ matrix.node }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         cache-dependency-path: '**/config/rush/pnpm-lock.yaml'
         registry-url: https://npm.pkg.github.com/

aform/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "@agritheory/aform",
+	"name": "@stonecrop/aform",
 	"version": "0.2.2",
 	"license": "MIT",
 	"type": "module",
@@ -30,13 +30,13 @@
 		"test:ui": "vitest --ui"
 	},
 	"dependencies": {
-		"@agritheory/themes": "workspace:*",
-		"@agritheory/utilities": "workspace:*",
+		"@stonecrop/themes": "workspace:*",
+		"@stonecrop/utilities": "workspace:*",
 		"uuid": "^9.0.0",
 		"vue": "^3.2.47"
 	},
 	"devDependencies": {
-		"@agritheory/atable": "workspace:*",
+		"@stonecrop/atable": "workspace:*",
 		"@histoire/plugin-vue": "^0.16.1",
 		"@types/uuid": "^9.0.0",
 		"@typescript-eslint/eslint-plugin": "^5.59.5",
@@ -57,7 +57,7 @@
 		"vue-router": "^4"
 	},
 	"peerDependencies": {
-		"@agritheory/atable": "workspace:*"
+		"@stonecrop/atable": "workspace:*"
 	},
 	"engines": {
 		"node": ">=20.11.0"

aform/src/components/form/ADate.vue

@@ -45,8 +45,8 @@
 <script setup lang="ts">
 import { computed, inject, nextTick, onMounted, ref, watch } from 'vue'
 
-import { TableDataStore } from '@agritheory/atable'
-import { defaultKeypressHandlers, useKeyboardNav } from '@agritheory/utilities'
+import { TableDataStore } from '@stonecrop/atable'
+import { defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
 
 const props = defineProps<{
 	colIndex?: number

aform/src/histoire.setup.ts

@@ -6,8 +6,8 @@ import AForm from '@/components/AForm.vue'
 import ANumericInput from '@/components/form/ANumericInput.vue'
 import ATextInput from '@/components/form/ATextInput.vue'
 
-import { ATable, ATableHeader, ATableModal } from '@agritheory/atable'
-import '@agritheory/atable/styles'
+import { ATable, ATableHeader, ATableModal } from '@stonecrop/atable'
+import '@stonecrop/atable/styles'
 
 export const setupVue3 = defineSetupVue3(({ app }) => {
 	// TODO: (typing) add typing for ATable components

aform/src/theme/aform.css

@@ -1,5 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 @import url('custom_themes.css');
 
 :root {

aform/types/index.ts

@@ -1,5 +1,5 @@
 // TODO: (typing) figure out a way to import other monorepo package types
-import type { TableColumn, TableConfig, TableRow } from '@agritheory/atable/types'
+import type { TableColumn, TableConfig, TableRow } from '@stonecrop/atable/types'
 
 export type BasicSchema = {
 	component: string

aform/vite.config.ts

@@ -19,7 +19,7 @@ export default defineConfig({
 		sourcemap: true,
 		lib: {
 			entry: resolve(projectRootDir, 'src/index.ts'),
-			name: '@agritheory/aform',
+			name: '@stonecrop/aform',
 		},
 		rollupOptions: {
 			external: ['vue'],

atable/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "@agritheory/atable",
+	"name": "@stonecrop/atable",
 	"version": "0.2.2",
 	"license": "MIT",
 	"type": "module",
@@ -30,13 +30,13 @@
 		"test:ui": "vitest --ui"
 	},
 	"dependencies": {
-		"@agritheory/themes": "workspace:*",
-		"@agritheory/utilities": "workspace:*",
+		"@stonecrop/themes": "workspace:*",
+		"@stonecrop/utilities": "workspace:*",
 		"uuid": "^9.0.0",
 		"vue": "^3.2.47"
 	},
 	"devDependencies": {
-		"@agritheory/aform": "workspace:*",
+		"@stonecrop/aform": "workspace:*",
 		"@histoire/plugin-vue": "^0.16.1",
 		"@types/uuid": "^9.0.0",
 		"@typescript-eslint/eslint-plugin": "^5.59.5",
@@ -57,7 +57,7 @@
 		"vue-router": "^4"
 	},
 	"peerDependencies": {
-		"@agritheory/aform": "workspace:*"
+		"@stonecrop/aform": "workspace:*"
 	},
 	"engines": {
 		"node": ">=20.11.0"

atable/src/components/ACell.vue

@@ -27,7 +27,7 @@
 <script setup lang="ts">
 import { computed, CSSProperties, inject, ref } from 'vue'
 
-import { defaultKeypressHandlers, useKeyboardNav } from '@agritheory/utilities'
+import { defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
 import TableDataStore from '.'
 
 const props = withDefaults(
@@ -178,7 +178,7 @@ const cellStyle: CSSProperties = {
 </script>
 
 <style scoped>
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 td {
 	border-radius: 0px;
 	box-sizing: border-box;

atable/src/components/AExpansionRow.vue

@@ -16,7 +16,7 @@
 import { TableRow } from 'types'
 import { inject, ref } from 'vue'
 
-import { useKeyboardNav } from '@agritheory/utilities'
+import { useKeyboardNav } from '@stonecrop/utilities'
 
 import TableDataStore from '.'
 
@@ -61,7 +61,7 @@ if (props.addNavigation !== undefined) {
 </script>
 
 <style scoped>
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 .row-index {
 	color: var(--header-text-color);
 	font-weight: bold;

atable/src/components/ARow.vue

@@ -21,7 +21,7 @@
 <script setup lang="ts">
 import { TableRow } from 'types'
 import { inject, ref } from 'vue'
-import { useKeyboardNav } from '@agritheory/utilities'
+import { useKeyboardNav } from '@stonecrop/utilities'
 
 import TableDataStore from '.'
 
@@ -89,7 +89,7 @@ if (props.addNavigation) {
 </script>
 
 <style scoped>
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 .table-row {
 	border-top: 1px solid var(--row-border-color);
 	height: var(--atable-row-height);

atable/src/components/ATable.vue

@@ -181,7 +181,7 @@ window.addEventListener('keydown', (event: KeyboardEvent) => {
 </script>
 
 <style scoped>
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 
 table {
 	display: table;

atable/src/components/ATableHeader.vue

@@ -32,7 +32,7 @@ const getHeaderCellStyle = (column: TableColumn): CSSProperties => ({
 </script>
 
 <style scoped>
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 thead {
 	background-color: var(--gray-5);
 }

atable/src/components/ATableModal.vue

@@ -32,7 +32,7 @@ const handleInput = (event: Event) => {
 </script>
 
 <style scoped>
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 div {
 	z-index: 100;
 	position: absolute;

atable/src/histoire.setup.ts

@@ -7,7 +7,7 @@ import ATable from '@/components/ATable.vue'
 import ATableHeader from '@/components/ATableHeader.vue'
 import ATableModal from '@/components/ATableModal.vue'
 
-import { ADate, AForm, ANumericInput, ATextInput } from '@agritheory/aform'
+import { ADate, AForm, ANumericInput, ATextInput } from '@stonecrop/aform'
 
 export const setupVue3 = defineSetupVue3(({ app }) => {
 	// TODO: (typing) add typing for ADate

atable/stories/default.story.vue

@@ -113,7 +113,7 @@ const full_width_table = ref({
 
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 </style>
 
 <!-- enter documentation here -->

atable/stories/list.story.vue

@@ -277,7 +277,7 @@ rowNav['keydown.enter'] = rowNav['keydown.down']
 
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 
 tr:focus {
 	background-color: lightblue;

atable/stories/tree.story.vue

@@ -48,7 +48,7 @@ const coa = ref({
 
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
-@import url('@agritheory/themes/default/default.css');
+@import url('@stonecrop/themes/default/default.css');
 </style>
 
 <!-- enter documentation here -->

atable/vite.config.ts

@@ -23,7 +23,7 @@ export default defineConfig({
 		sourcemap: true,
 		lib: {
 			entry: resolve(projectRootDir, 'src/index.ts'),
-			name: '@agritheory/atable',
+			name: '@stonecrop/atable',
 		},
 		rollupOptions: {
 			external: ['vue'],